mmk2410/nextDESIGN
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Adjust font color contrast in dark theme

Browse source
This commit is contained in:
Marcel Kapfer 2022-02-24 18:14:52 +01:00
parent e24338ae0e
commit 28b523bb17
Signed by: mmk2410
GPG key ID: CADE6F0C09F21B09
1 changed files with 26 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
assets/css/main.scss
View file

@ -16,11 +16,11 @@ $c-bg-inv: #333;
$c-bg-main: #fff;
$c-bg-main-inv: #222;
$c-primary: #4d3c9b;
$c-primary-inv: #755bf0;
$c-bg-category: #4d3c9b;
$c-primary-inv: #ad9bff;
$c-bg-category-inv: #755bf0;
$c-bg-tag: #8171c8;
$c-bg-tag-inv: #4d3c9b;
$c-bg-tag-inv: #a49ccc;
$c-font: #333;
$c-font-inv: #fafafa;
$c-btn-font: $c-font;
@ -174,9 +174,23 @@ body > header {
@media (prefers-color-scheme: dark) {
background: $c-bg-inv;
a {
color: $c-primary-inv;
}
#title {
color: $c-font-inv;
}
nav {
a {
&:hover {
&:after {
background: $c-primary-inv;
}
}
}
}
}
}
@ -269,7 +283,7 @@ main {
}
.btn {
border: 1px solid $c-btn-bg;
border: 1px solid $c-primary;
padding: 8px 12px;
border-radius: 20px;
line-height: 3;
@ -285,6 +299,10 @@ main {
box-shadow: $c-btn-shadow-inv 1px 2px 6px;
}
}
@media (prefers-color-scheme: dark) {
border-color: $c-primary-inv;
}
}
.highlight > pre {
@ -341,6 +359,11 @@ main {
#tags > a {
color: $c-bg-tag;
border: 1px solid $c-bg-tag;
@media (prefers-color-scheme: dark) {
color: $c-bg-tag-inv;
border-color: $c-bg-tag-inv;
}
}
#categories > a {