From 520d77bb448efa06ebf63703f5dda02e4f1ed202 Mon Sep 17 00:00:00 2001 From: Andreas Nedbal Date: Sun, 29 Jan 2023 20:44:40 +0100 Subject: [PATCH] Let relevant style overrides use the new raised text colors --- app/assets/stylesheets/components/_notifications.scss | 2 +- app/assets/stylesheets/overrides/_dropdown.scss | 9 +++++---- app/assets/stylesheets/overrides/_list-group.scss | 3 ++- 3 files changed, 8 insertions(+), 6 deletions(-) diff --git a/app/assets/stylesheets/components/_notifications.scss b/app/assets/stylesheets/components/_notifications.scss index 53fa696e..14b3f443 100644 --- a/app/assets/stylesheets/components/_notifications.scss +++ b/app/assets/stylesheets/components/_notifications.scss @@ -42,7 +42,7 @@ & .dropdown-item:hover, & .dropdown-item:active { background: transparent; - color: RGB(var(--body-text)); + color: RGB(var(--raised-text)); } } diff --git a/app/assets/stylesheets/overrides/_dropdown.scss b/app/assets/stylesheets/overrides/_dropdown.scss index 5d647c3b..524ee2b6 100644 --- a/app/assets/stylesheets/overrides/_dropdown.scss +++ b/app/assets/stylesheets/overrides/_dropdown.scss @@ -1,14 +1,14 @@ .dropdown-menu { - color: RGB(var(--body-text)); + color: RGB(var(--raised-text)); background-color: var(--raised-bg); box-shadow: $box-shadow-lg; border: none; } .dropdown-item { - color: RGB(var(--body-text)); + color: RGB(var(--raised-text)); - &.active, + &.active, &:active, &:active:hover { color: RGB(var(--primary-text)); @@ -16,6 +16,7 @@ } &:hover { + color: RGB(var(--raised-accent-text)); background-color: var(--raised-accent); } } @@ -32,4 +33,4 @@ .dropdown-menu--lists { max-width: 275px; } -} \ No newline at end of file +} diff --git a/app/assets/stylesheets/overrides/_list-group.scss b/app/assets/stylesheets/overrides/_list-group.scss index 0ef6477b..29839dea 100644 --- a/app/assets/stylesheets/overrides/_list-group.scss +++ b/app/assets/stylesheets/overrides/_list-group.scss @@ -13,9 +13,10 @@ } .list-group-item-action { - color: RGB(var(--body-text)); + color: RGB(var(--raised-text)); &:hover, &:focus { + color: RGB(var(--raised-accent-text)); background-color: var(--raised-accent); }