Adaptation des couleurs du thème

backend/config/main.php

@@ -46,7 +46,7 @@ $common_config_main = array_merge(require(__DIR__ . '/../../common/config/main.p
 
 return [
     'id' => 'app-backend',
-    'name' => "La boîte à pain",
+    'name' => 'La boîte à pain',
     'basePath' => dirname(__DIR__),
     'controllerNamespace' => 'backend\controllers',
     'defaultRoute' => 'site/index',
@@ -69,7 +69,7 @@ return [
        'assetManager' => [
             'bundles' => [
                 'dmstr\web\AdminLteAsset' => [
-                    'skin' => 'skin-red',
+                    'skin' => 'skin-black',
                 ],
             ],
         ],

backend/views/layouts/header.php

@@ -48,7 +48,7 @@ use yii\helpers\ArrayHelper;
 
 <header class="main-header">
 
-    <?= Html::a('<span class="logo-mini">APP</span><span class="logo-lg">' . Yii::$app->name . '</span>', Yii::$app->homeUrl, ['class' => 'logo']) ?>
+    <?= Html::a('<span class="logo-mini"><img src="'.Yii::$app->urlManagerBackend->getBaseUrl().'/img/laboulange3.png" /></span><span class="logo-lg"><img src="'.Yii::$app->urlManagerBackend->getBaseUrl().'/img/laboulange3.png" /></span>', Yii::$app->homeUrl, ['class' => 'logo']) ?>
 
     <nav class="navbar navbar-static-top" role="navigation">
 

backend/web/css/screen.css

@@ -1388,41 +1388,104 @@ a:hover, a:focus, a:active {
   text-align: center;
 }
 
-/* line 3, ../sass/_adminlte.scss */
-.main-header .messages-menu, .main-header .notifications-menu, .main-header .tasks-menu, .main-header .link-control-sidebar {
+/* line 4, ../sass/_adminlte.scss */
+body.skin-black .main-header .logo {
+  background-color: #b17a48;
+}
+/* line 6, ../sass/_adminlte.scss */
+body.skin-black .main-header .logo:hover {
+  background-color: #BB8757;
+}
+/* line 10, ../sass/_adminlte.scss */
+body.skin-black .main-header .logo .logo-lg img {
+  width: 30px;
+  height: 30px;
+}
+/* line 16, ../sass/_adminlte.scss */
+body.skin-black .main-header .logo .logo-mini img {
+  width: 30px;
+  height: 30px;
+}
+/* line 22, ../sass/_adminlte.scss */
+body.skin-black .main-header .navbar {
+  background-color: #BB8757;
+}
+/* line 24, ../sass/_adminlte.scss */
+body.skin-black .main-header .navbar .sidebar-toggle {
+  color: white;
+}
+/* line 28, ../sass/_adminlte.scss */
+body.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
+body.skin-black .main-header .navbar .navbar-right > li > a {
+  border-left: solid 1px #d1ae8d;
+  color: white;
+}
+/* line 34, ../sass/_adminlte.scss */
+body.skin-black .main-header .navbar .nav > li > a:hover, body.skin-black .main-header .navbar .nav > li > a:active, body.skin-black .main-header .navbar .nav > li > a:focus,
+body.skin-black .main-header .navbar .nav .open > a, body.skin-black .main-header .navbar .nav .open > a:hover, body.skin-black .main-header .navbar .nav .open > a:focus,
+body.skin-black .main-header .navbar .nav > .active > a {
+  color: white;
+  background-color: #b57d49;
+}
+/* line 41, ../sass/_adminlte.scss */
+body.skin-black .main-header .navbar .dropdown-menu {
+  -moz-box-shadow: 0px 0px 4px gray;
+  -webkit-box-shadow: 0px 0px 4px gray;
+  box-shadow: 0px 0px 4px gray;
+}
+/* line 46, ../sass/_adminlte.scss */
+body.skin-black .main-header .logo, body.skin-black .main-header .navbar .sidebar-toggle {
+  border-right: solid 1px #d1ae8d;
+}
+/* line 50, ../sass/_adminlte.scss */
+body.skin-black .main-header .messages-menu, body.skin-black .main-header .notifications-menu, body.skin-black .main-header .tasks-menu, body.skin-black .main-header .link-control-sidebar {
   display: none;
 }
+/* line 55, ../sass/_adminlte.scss */
+body.skin-black .sidebar-menu > li.active > a {
+  border-color: #BB8757;
+}
+/* line 59, ../sass/_adminlte.scss */
+body.skin-black .content-wrapper {
+  background-color: #f5f5f5;
+}
+/* line 62, ../sass/_adminlte.scss */
+body.skin-black .content-wrapper .btn-primary {
+  background-color: #BB8757;
+  color: white;
+  border-color: #BB8757;
+}
 
-/* line 8, ../sass/_adminlte.scss */
+/* line 70, ../sass/_adminlte.scss */
 body.login-page {
   background: none;
   background-color: #F8F1DD;
 }
-/* line 12, ../sass/_adminlte.scss */
+/* line 74, ../sass/_adminlte.scss */
 body.login-page .login-box .login-logo {
   text-align: center;
   font-family: "comfortaalight";
 }
-/* line 15, ../sass/_adminlte.scss */
+/* line 77, ../sass/_adminlte.scss */
 body.login-page .login-box .login-logo img {
   width: 50px;
 }
-/* line 20, ../sass/_adminlte.scss */
+/* line 82, ../sass/_adminlte.scss */
 body.login-page .login-box .login-box-body .btn-primary {
   background-color: #BB8757;
   border-color: #BB8757;
   padding: 5px 10px;
 }
-/* line 25, ../sass/_adminlte.scss */
+/* line 87, ../sass/_adminlte.scss */
 body.login-page .login-box .login-box-body .btn-primary:active {
   background-color: #c29469;
   border-color: #BB8757;
 }
-/* line 31, ../sass/_adminlte.scss */
+/* line 93, ../sass/_adminlte.scss */
 body.login-page .login-box .login-box-body a {
   color: #BB8757;
 }
-/* line 33, ../sass/_adminlte.scss */
+/* line 95, ../sass/_adminlte.scss */
 body.login-page .login-box .login-box-body a:hover {
   color: #c29469;
 }

backend/web/sass/_adminlte.scss

@@ -1,7 +1,69 @@
 
-.main-header {
-    .messages-menu, .notifications-menu, .tasks-menu, .link-control-sidebar {
-        display: none ;
+body.skin-black {
+    .main-header {
+        .logo {
+            background-color: darken($color1,5) ;
+            &:hover {
+                background-color: $color1 ;
+            }
+            .logo-lg {
+                img {
+                    width: 30px ;
+                    height: 30px ;
+                }
+            }
+            .logo-mini {
+                img {
+                    width: 30px ;
+                    height: 30px ;
+                }
+            }
+        }
+        .navbar {
+            background-color: $color1 ;
+            .sidebar-toggle {
+                color: white ;
+            }
+            
+            .navbar-custom-menu .navbar-nav > li > a,
+            .navbar-right > li > a {
+                border-left: solid 1px lighten($color1, 15) ;
+                color: white ;
+            }
+            
+            .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus, 
+            .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, 
+            .nav > .active > a {
+                color: white ;
+                background-color: darken($color1, 4) ;
+            }
+            
+            .dropdown-menu {
+                @include box-shadow(0px 0px 4px gray) ;
+            }
+        }
+        
+        .logo, .navbar .sidebar-toggle {
+            border-right: solid 1px lighten($color1, 15) ;
+        }
+        
+        .messages-menu, .notifications-menu, .tasks-menu, .link-control-sidebar {
+            display: none ;
+        }
+    }
+
+    .sidebar-menu > li.active > a {
+        border-color: $color1 ;
+    }
+    
+    .content-wrapper {
+        background-color: #f5f5f5 ;
+        
+        .btn-primary {
+            background-color: $color1 ;
+            color: white ;
+            border-color: $color1 ;
+        }
     }
 }