mirror of
https://github.com/Novaloop-AG/healthchat-web.git
synced 2026-11-10 18:29:03 +00:00
Improve readability of badges and pills (#12360)
* Improve readability of badges and pills Badges will now always use light theme colors so that they become white-on-gray in both themes, and the contrast of pills has been increased so that they use primary action colors as the background. * Fix tests
This commit is contained in:
@@ -28,8 +28,9 @@ $light-fg-color: $header-panel-text-secondary-color;
|
||||
/* used for focusing form controls */
|
||||
$focus-bg-color: $room-highlight-color;
|
||||
|
||||
$pill-bg-color: var(--cpd-color-gray-1000);
|
||||
$pill-hover-bg-color: var(--cpd-color-gray-1100);
|
||||
$pill-bg-color: var(--cpd-color-bg-action-primary-rest);
|
||||
$pill-hover-bg-color: var(--cpd-color-bg-action-primary-hovered);
|
||||
$pill-press-bg-color: var(--cpd-color-bg-action-primary-pressed);
|
||||
|
||||
/* informational plinth */
|
||||
$info-plinth-bg-color: $header-panel-bg-color;
|
||||
|
||||
Reference in New Issue
Block a user