From fb8f5352e520f8ed154c73cdde56ffe7f52a6352 Mon Sep 17 00:00:00 2001 From: Awilum Date: Sat, 7 Sep 2019 21:08:41 +0300 Subject: [PATCH] fix(admin-plugin): fix dark theme for admin panel #186 #168 --- .../admin/assets/scss/admin-light.scss | 31 ++++++++++++++++--- .../admin/assets/scss/components/nav.scss | 9 ++++-- 2 files changed, 34 insertions(+), 6 deletions(-) diff --git a/site/plugins/admin/assets/scss/admin-light.scss b/site/plugins/admin/assets/scss/admin-light.scss index 04516eab..f5a7011f 100644 --- a/site/plugins/admin/assets/scss/admin-light.scss +++ b/site/plugins/admin/assets/scss/admin-light.scss @@ -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; } diff --git a/site/plugins/admin/assets/scss/components/nav.scss b/site/plugins/admin/assets/scss/components/nav.scss index 2fcdb0d7..5f2f4bf0 100644 --- a/site/plugins/admin/assets/scss/components/nav.scss +++ b/site/plugins/admin/assets/scss/components/nav.scss @@ -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; +}