mirror/php-flextype
1
0
Fork 0
mirror of https://github.com/flextype/flextype.git synced 2025-08-23 21:33:01 +02:00
Code Issues Releases Wiki Activity

fix(admin-plugin): fix dark theme for admin panel #186 #168

Browse Source
This commit is contained in:
Awilum
2019-09-07 21:08:41 +03:00
parent da02f6a30f
commit fb8f5352e5
2 changed files with 34 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
site/plugins/admin/assets/scss/admin-light.scss
View File

@@ -183,12 +183,12 @@ a {
background-color: $navbar-table-background-color-hover;
}
> tbody,
> tfoot,
> thead,
> tfoot {
> tbody {
> tr {
> td,
> th {
> th,
> td {
border-color: $border-color;
color: $base-font-color;
}
@@ -651,10 +651,33 @@ ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last .
background: $navbar-background-color;
}
.nav-pills .nav-link {
background: $navbar-background-color;
color: $base-font-color;
border-bottom: 2px solid $navbar-background-color;
}
.nav-pills .nav-item .nav-link:focus,
.nav-pills .nav-item .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
background: $navbar-item-background-color-hover;
border-bottom: 2px solid $border-color;
color: $base-font-color;
}
.flex-column.nav-pills .nav-link.active,
.flex-column.nav-pills .show > .nav-link {
background: $navbar-item-background-color-hover;
}
.flex-column.nav-pills .nav-link {
background: $navbar-background-color;
color: $base-font-color;
border-bottom: none;
}
.flex-column.nav-pills .nav-link:focus,
.flex-column.nav-pills .nav-link:hover {
background: $navbar-item-background-color-hover;
}

9
site/plugins/admin/assets/scss/components/nav.scss
View File

@@ -209,7 +209,7 @@
.flex-column.nav-pills .nav-link.active,
.flex-column.nav-pills .show > .nav-link {
background: #e0e0e1;
background: #3b404b;
border-bottom: none;
}
@@ -218,6 +218,11 @@
}
.flex-column.nav-pills .nav-link {
background: #eaeaeb;
background: #21252b;
font-size: 14px;
}
.flex-column.nav-pills .nav-link:focus,
.flex-column.nav-pills .nav-link:hover {
background: #3b404b;
}