diff options
Diffstat (limited to 'app/assets/stylesheets/themes')
11 files changed, 29 insertions, 13 deletions
diff --git a/app/assets/stylesheets/themes/dark_mode_overrides.scss b/app/assets/stylesheets/themes/dark_mode_overrides.scss index b77048174c9..2b5751cab36 100644 --- a/app/assets/stylesheets/themes/dark_mode_overrides.scss +++ b/app/assets/stylesheets/themes/dark_mode_overrides.scss @@ -42,8 +42,24 @@ } .nav-sidebar { - li.active { - box-shadow: none; + li { + a { + color: var(--gray-600); + } + + > a:hover { + background-color: var(--indigo-900-alpha-008); + } + + &.active { + box-shadow: none; + + &:not(.fly-out-top-item) { + > a:not(.has-sub-items) { + background-color: var(--indigo-900-alpha-008); + } + } + } } .sidebar-sub-level-items.fly-out-list { @@ -53,7 +69,7 @@ } body.gl-dark { - @include gitlab-theme($gray-900, $gray-400, $gray-500, $gray-800, $gray-900, $white); + @include gitlab-theme($gray-900, $gray-400, $gray-500, $gray-900, $gray-900, $white); .logo-text svg { fill: var(--gl-text-color); diff --git a/app/assets/stylesheets/themes/theme_blue.scss b/app/assets/stylesheets/themes/theme_blue.scss index 9f9802f77f4..817557f37cd 100644 --- a/app/assets/stylesheets/themes/theme_blue.scss +++ b/app/assets/stylesheets/themes/theme_blue.scss @@ -6,7 +6,7 @@ body { $theme-blue-200, $theme-blue-500, $theme-blue-700, - $theme-blue-800, + $gray-900, $theme-blue-900, $white ); diff --git a/app/assets/stylesheets/themes/theme_dark.scss b/app/assets/stylesheets/themes/theme_dark.scss index e6db6cd2a5e..4c52cdc30df 100644 --- a/app/assets/stylesheets/themes/theme_dark.scss +++ b/app/assets/stylesheets/themes/theme_dark.scss @@ -6,7 +6,7 @@ body { $gray-200, $gray-300, $gray-500, - $gray-700, + $gray-900, $gray-900, $white ); diff --git a/app/assets/stylesheets/themes/theme_green.scss b/app/assets/stylesheets/themes/theme_green.scss index 6dcad6e1301..7e387e97452 100644 --- a/app/assets/stylesheets/themes/theme_green.scss +++ b/app/assets/stylesheets/themes/theme_green.scss @@ -6,7 +6,7 @@ body { $theme-green-200, $theme-green-500, $theme-green-700, - $theme-green-800, + $gray-900, $theme-green-900, $white ); diff --git a/app/assets/stylesheets/themes/theme_indigo.scss b/app/assets/stylesheets/themes/theme_indigo.scss index 9566c9c6004..3bf6cfea650 100644 --- a/app/assets/stylesheets/themes/theme_indigo.scss +++ b/app/assets/stylesheets/themes/theme_indigo.scss @@ -6,7 +6,7 @@ body { $indigo-200, $indigo-500, $indigo-700, - $purple-900, + $gray-900, $indigo-900, $white ); diff --git a/app/assets/stylesheets/themes/theme_light.scss b/app/assets/stylesheets/themes/theme_light.scss index 4c3bc1b2298..f2fdd499781 100644 --- a/app/assets/stylesheets/themes/theme_light.scss +++ b/app/assets/stylesheets/themes/theme_light.scss @@ -6,7 +6,7 @@ body { $gray-500, $gray-700, $gray-500, - $gray-500, + $gray-900, $gray-50, $gray-500 ); diff --git a/app/assets/stylesheets/themes/theme_light_blue.scss b/app/assets/stylesheets/themes/theme_light_blue.scss index 07d1c60a4c6..771a84911b3 100644 --- a/app/assets/stylesheets/themes/theme_light_blue.scss +++ b/app/assets/stylesheets/themes/theme_light_blue.scss @@ -6,7 +6,7 @@ body { $theme-light-blue-200, $theme-light-blue-500, $theme-light-blue-500, - $theme-light-blue-700, + $gray-900, $theme-light-blue-700, $white ); diff --git a/app/assets/stylesheets/themes/theme_light_green.scss b/app/assets/stylesheets/themes/theme_light_green.scss index e122501b93c..8c991a7bfb3 100644 --- a/app/assets/stylesheets/themes/theme_light_green.scss +++ b/app/assets/stylesheets/themes/theme_light_green.scss @@ -6,7 +6,7 @@ body { $theme-green-200, $theme-green-500, $theme-green-500, - $theme-light-green-700, + $gray-900, $theme-light-green-700, $white ); diff --git a/app/assets/stylesheets/themes/theme_light_indigo.scss b/app/assets/stylesheets/themes/theme_light_indigo.scss index 5b607238ed9..6c220e0459a 100644 --- a/app/assets/stylesheets/themes/theme_light_indigo.scss +++ b/app/assets/stylesheets/themes/theme_light_indigo.scss @@ -6,7 +6,7 @@ body { $indigo-200, $indigo-500, $indigo-500, - $indigo-700, + $gray-900, $indigo-700, $white ); diff --git a/app/assets/stylesheets/themes/theme_light_red.scss b/app/assets/stylesheets/themes/theme_light_red.scss index fd3980183f3..e1a715293b4 100644 --- a/app/assets/stylesheets/themes/theme_light_red.scss +++ b/app/assets/stylesheets/themes/theme_light_red.scss @@ -6,7 +6,7 @@ body { $theme-light-red-200, $theme-light-red-500, $theme-light-red-500, - $theme-light-red-700, + $gray-900, $theme-light-red-700, $white ); diff --git a/app/assets/stylesheets/themes/theme_red.scss b/app/assets/stylesheets/themes/theme_red.scss index fa5ecc09f50..19fd150727d 100644 --- a/app/assets/stylesheets/themes/theme_red.scss +++ b/app/assets/stylesheets/themes/theme_red.scss @@ -6,7 +6,7 @@ body { $theme-red-200, $theme-red-500, $theme-red-700, - $theme-red-800, + $gray-900, $theme-red-900, $white ); |