diff options
author | Volpeon <git@volpeon.ink> | 2021-05-24 18:11:21 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-05-24 18:11:21 +0200 |
commit | f2a0c1fcce7b769aa84c4a606fb36db3d7a1cdd3 (patch) | |
tree | a0629d33fc475ee2b1d42881ae7ebc7945d7bb66 /assets/css | |
parent | More saturated visited link color in dark mode (diff) | |
download | volpeon.ink-f2a0c1fcce7b769aa84c4a606fb36db3d7a1cdd3.tar.gz volpeon.ink-f2a0c1fcce7b769aa84c4a606fb36db3d7a1cdd3.tar.bz2 volpeon.ink-f2a0c1fcce7b769aa84c4a606fb36db3d7a1cdd3.zip |
Improved link + accent colors
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/_vars.scss | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss index 482ce82..d22ea64 100644 --- a/assets/css/_vars.scss +++ b/assets/css/_vars.scss | |||
@@ -60,7 +60,7 @@ $content--width: 42rem; | |||
60 | --s: 84%, | 60 | --s: 84%, |
61 | --l: 55%, | 61 | --l: 55%, |
62 | --color: hsl(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l)), | 62 | --color: hsl(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l)), |
63 | --strong: hsl(var(--colors--accent--h), calc(var(--colors--accent--s) * 1.1), calc(var(--colors--accent--l) * 1.1)), | 63 | --strong: hsl(var(--colors--accent--h), calc(var(--colors--accent--s) * 1.2), calc(var(--colors--accent--l) * 1.2)), |
64 | --faint: hsla(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l), .1), | 64 | --faint: hsla(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l), .1), |
65 | ), | 65 | ), |
66 | 66 | ||
@@ -75,8 +75,8 @@ $content--width: 42rem; | |||
75 | --link: ( | 75 | --link: ( |
76 | --idle: var(--colors--fg-lo), | 76 | --idle: var(--colors--fg-lo), |
77 | --colored: ( | 77 | --colored: ( |
78 | --idle: hsl(220, 70%, 75%), //hsl(var(--colors--accent--h), 100%, 66%), // | 78 | --idle: hsl(220, 100%, 80%), //hsl(var(--colors--accent--h), 100%, 66%), // |
79 | --visited: hsl(290, 30%, 70%), //hsl(var(--colors--accent--h), 50%, 66%), // | 79 | --visited: hsl(290, 35%, 75%), //hsl(var(--colors--accent--h), 50%, 66%), // |
80 | ) | 80 | ) |
81 | ), | 81 | ), |
82 | 82 | ||
@@ -116,7 +116,7 @@ $content--width: 42rem; | |||
116 | --h: 354, | 116 | --h: 354, |
117 | --s: 74%, | 117 | --s: 74%, |
118 | --l: 48%, | 118 | --l: 48%, |
119 | --strong: hsl(var(--colors--accent--h), var(--colors--accent--s), calc(var(--colors--accent--l) * .9)), | 119 | --strong: hsl(var(--colors--accent--h), var(--colors--accent--s), calc(var(--colors--accent--l) * .8)), |
120 | ), | 120 | ), |
121 | 121 | ||
122 | --select: ( | 122 | --select: ( |
@@ -127,7 +127,7 @@ $content--width: 42rem; | |||
127 | --link: ( | 127 | --link: ( |
128 | --colored: ( | 128 | --colored: ( |
129 | --idle: hsl(220, 60%, 40%), //hsl(var(--colors--accent--h), 100%, 66%), // | 129 | --idle: hsl(220, 60%, 40%), //hsl(var(--colors--accent--h), 100%, 66%), // |
130 | --visited: hsl(290, 20%, 35%), //hsl(var(--colors--accent--h), 50%, 66%), // | 130 | --visited: hsl(290, 30%, 35%), //hsl(var(--colors--accent--h), 50%, 66%), // |
131 | ) | 131 | ) |
132 | ), | 132 | ), |
133 | ), | 133 | ), |