Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-04-25 07:32:19 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Increase light mode abilities selector bg contrast

Browse Source 
Closes #900
This commit is contained in:
Kalle 2022-09-04 23:02:24 +03:00
parent ee652701f9
commit 35e1c3a03f
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/styles/common.css
View File

@ -782,7 +782,7 @@ dialog::backdrop {
.ability-selector__ability-button {
padding: var(--s-0-5);
border-color: var(--bg-darker);
background-color: var(--bg-darker);
border-color: var(--abilities-button-bg);
background-color: var(--abilities-button-bg);
border-radius: 50%;
}

2
app/styles/vars.css
View File

@ -7,6 +7,7 @@ html {
--bg-darker-transparent: hsla(202deg 90% 90% / 65%);
--bg-ability: rgb(3 6 7);
--bg-badge: #000;
--abilities-button-bg: hsl(237deg 32% 30%);
--badge-text: rgb(255 255 255 / 95%);
--border: hsl(237deg 100% 86%);
--button-text: rgb(255 255 255 / 85%);
@ -82,6 +83,7 @@ html.dark {
--bg-darker-transparent: hsla(237.3deg 42.3% 26.6% / 90%);
--bg-ability: rgb(17 19 43);
--bg-badge: #000;
--abilities-button-bg: hsl(237.3deg 42.3% 26.6%);
--border: hsl(237.3deg 42.3% 45.6%);
--button-text: rgb(0 0 0 / 85%);
--button-text-transparent: rgb(0 0 0 / 65%);