Browse Source

Adaptation des couleurs du thème

refactoring
Guillaume Bourgeois 6 years ago
parent
commit
31ed642888
4 changed files with 140 additions and 15 deletions
  1. +2
    -2
      backend/config/main.php
  2. +1
    -1
      backend/views/layouts/header.php
  3. +72
    -9
      backend/web/css/screen.css
  4. +65
    -3
      backend/web/sass/_adminlte.scss

+ 2
- 2
backend/config/main.php View File

@@ -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',
],
],
],

+ 1
- 1
backend/views/layouts/header.php View File

@@ -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">


+ 72
- 9
backend/web/css/screen.css View File

@@ -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;
}

+ 65
- 3
backend/web/sass/_adminlte.scss View File

@@ -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 ;
}
}
}


Loading…
Cancel
Save