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 | |
| 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
| -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 | ), |