mirrors
/
semaphore
mirror of https://github.com/NickColley/semaphore.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Ensure alt is readable in light and dark themes

This commit is contained in:
Nick Colley 2023-03-12 15:51:41 +00:00
parent 309973452b
commit 5ecb0f84cf
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/routes/_components/status/Media.html
View File

@ -118,7 +118,8 @@
line-height: 1; line-height: 1;
border: none; border: none;
border-radius: 2px; border-radius: 2px;
background: var(--mask-opaque-bg); background: var(--alt-button-bg);
color: var(--alt-button-color);
} }
/* Increase touch area to make it easy not to miss the button */ /* Increase touch area to make it easy not to miss the button */

3
src/scss/themes/_base.scss
View File

@ -77,6 +77,9 @@
--mask-opaque-bg: #{rgba($toast-bg, 0.8)}; --mask-opaque-bg: #{rgba($toast-bg, 0.8)};
--loading-bg: #{#ededed}; --loading-bg: #{#ededed};
--alt-button-bg: #{rgba($toast-bg, 0.8)};
--alt-button-color: #{$secondary-text-color};
--account-profile-bg-backdrop-filter: #{rgba($main-bg-color, 0.85)}; --account-profile-bg-backdrop-filter: #{rgba($main-bg-color, 0.85)};
--account-profile-bg: #{rgba($main-bg-color, 0.9)}; --account-profile-bg: #{rgba($main-bg-color, 0.9)};