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