zyl/zyllian.github.io
1
0
Fork 0
mirror of https://github.com/zyllian/zyllian.github.io.git synced 2025-05-09 10:06:42 -07:00
Code Issues Projects Releases Packages Wiki Activity

dark theme + decouple link color from accent color

Browse source
This commit is contained in:
zyl 2023-11-13 12:55:33 -08:00
parent 688fe2bc48
commit 9c09ae9817
No known key found for this signature in database
GPG key ID: 8611B896D1AAFAF2
3 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
site/sass/index.scss
View file

@ -27,7 +27,7 @@ header.main-header {
a { a {
text-decoration: none; text-decoration: none;
color: var(--accent-color); color: var(--link-color);
&:hover, &:hover,
&:focus { &:focus {

1
site/sass/themes/basic.scss
View file

@ -2,6 +2,7 @@ body {
--bg-color: #eee; --bg-color: #eee;
--text-color: black; --text-color: black;
--accent-color: #b520e7; --accent-color: #b520e7;
--link-color: var(--accent-color);
--accent-text-color: var(--bg-color); --accent-text-color: var(--bg-color);
--accent-color-neutral: #aaa; --accent-color-neutral: #aaa;
--accent-text-color-neutral: #eee; --accent-text-color-neutral: #eee;

11
site/sass/themes/pinkle.scss
View file

@ -2,15 +2,18 @@ body {
--bg-color: rgb(255, 196, 252); --bg-color: rgb(255, 196, 252);
--text-color: black; --text-color: black;
--accent-color: rgb(197, 48, 197); --accent-color: rgb(197, 48, 197);
--link-color: var(--accent-color);
--accent-text-color: white; --accent-text-color: white;
--accent-color-neutral: var(--accent-color); --accent-color-neutral: var(--accent-color);
--accent-text-color-neutral: var(--accent-text-color); --accent-text-color-neutral: var(--accent-text-color);
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
--bg-color: #333; --bg-color: rgb(104, 25, 104);
--text-color: #ccc; --text-color: white;
--accent-text-color: black; --accent-color: var(--accent-color-neutral);
--accent-color-neutral: #555; --link-color: rgb(255, 196, 252);
--accent-text-color: white;
--accent-color-neutral: rgb(74, 17, 74);
--accent-text-color-neutral: #bbb; --accent-text-color-neutral: #bbb;
} }
} }