yann/liebling
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fix table in dark theme

Browse source
This commit is contained in:
D3473R 2019-11-23 14:13:32 +01:00 committed by Eduardo
parent 77d3a3dace
commit c34d96fdd1
2 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/sass/common/_themes.scss
View file

@ -17,6 +17,8 @@
--button-shadow-color-normal: rgba(108, 108, 108, 0.2); --button-shadow-color-normal: rgba(108, 108, 108, 0.2);
--button-shadow-color-hover: rgba(108, 108, 108, 0.3); --button-shadow-color-hover: rgba(108, 108, 108, 0.3);
--toggle-darkmode-button-color: #fff; --toggle-darkmode-button-color: #fff;
--table-background-color-odd: #fafafa;
--table-head-border-bottom: #e2e2e2;
} }
[data-theme="dark"] { [data-theme="dark"] {
@ -37,6 +39,8 @@
--button-shadow-color-normal: rgba(10, 10, 10, 0.5); --button-shadow-color-normal: rgba(10, 10, 10, 0.5);
--button-shadow-color-hover: rgba(10, 10, 10, 0.5); --button-shadow-color-hover: rgba(10, 10, 10, 0.5);
--toggle-darkmode-button-color: #efd114; --toggle-darkmode-button-color: #efd114;
--table-background-color-odd: #050505;
--table-head-border-bottom: #1d1d1d;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -58,5 +62,7 @@
--button-shadow-color-normal: rgba(10, 10, 10, 0.5); --button-shadow-color-normal: rgba(10, 10, 10, 0.5);
--button-shadow-color-hover: rgba(10, 10, 10, 0.5); --button-shadow-color-hover: rgba(10, 10, 10, 0.5);
--toggle-darkmode-button-color: #efd114; --toggle-darkmode-button-color: #efd114;
--table-background-color-odd: #050505;
--table-head-border-bottom: #1d1d1d;
} }
} }

7
src/sass/layouts/_post-content.scss
View file

@ -330,7 +330,7 @@
} }
thead { thead {
border-bottom: 1px solid #e2e2e2; border-bottom: 1px solid var(--table-head-border-bottom);
td { td {
font-weight: 600; font-weight: 600;
@ -338,8 +338,11 @@
} }
tbody { tbody {
tr:nth-child(even) {
background-color: var(--background-color);
}
tr:nth-child(odd) { tr:nth-child(odd) {
background-color: #fafafa; background-color: var(--table-background-color-odd);
} }
} }