Commit df0e7a9773f81ffdb5ca791b59efe420377ce1bf
Rename --foreground-dim-color from --dim-color
This intent is to use this colour for text, which needs higher contrast than separator lines. These colours are defined distinctly, despite being actually the same colour, because in a future colour scheme the separator colour could safely be lower contrast than the dim text colour.Greg K Nicholson committed on 2/14/2018, 5:08:59 PM
Parent: 3a20af48b064e1a934b2176fa74ef3756c2e21d1
Files changed
| themes/ran/static/style/ran.css | changed |
| themes/ran/static/style/ran.css | |||
|---|---|---|---|
| @@ -8,11 +8,11 @@ | |||
| 8 | 8 … | --primary-color: #60c030; | |
| 9 | 9 … | --secondary-color: #ffffff; | |
| 10 | 10 … | --background-color: #111; | |
| 11 | 11 … | --foreground-color: #ccc; | |
| 12 … | + --foreground-dim-color: #888; | ||
| 12 | 13 … | --link-color: hsl(100, 100%, 70%); | |
| 13 | 14 … | --link-dim-color: hsl(100, 50%, 35%); | |
| 14 | - --dim-color: #888; | ||
| 15 | 15 … | --separator-color: #888; | |
| 16 | 16 … | --box-shadow-style: inset 0 -1px 0; | |
| 17 | 17 … | --fast: 0.2s; | |
| 18 | 18 … | --slow: 0.4s; | |
| @@ -110,14 +110,14 @@ | |||
| 110 | 110 … | margin-top: 2rem; | |
| 111 | 111 … | } | |
| 112 | 112 … | .bottomnav .logo circle { | |
| 113 | 113 … | fill: var(--background-color); | |
| 114 | - stroke: var(--dim-color); | ||
| 114 … | + stroke: var(--foreground-dim-color); | ||
| 115 | 115 … | stroke-width: 12px; | |
| 116 | 116 … | } | |
| 117 | 117 … | ||
| 118 | 118 … | .bottomnav .logo path { | |
| 119 | - fill: var(--dim-color); | ||
| 119 … | + fill: var(--foreground-dim-color); | ||
| 120 | 120 … | } | |
| 121 | 121 … | ||
| 122 | 122 … | .bottomnav a .logo circle { | |
| 123 | 123 … | stroke: var(--link-color); | |
| @@ -326,9 +326,9 @@ | |||
| 326 | 326 … | } | |
| 327 | 327 … | ||
| 328 | 328 … | .biglinks li { | |
| 329 | 329 … | margin-top: 1rem; | |
| 330 | - color: var(--dim-color); | ||
| 330 … | + color: var(--foreground-dim-color); | ||
| 331 | 331 … | } | |
| 332 | 332 … | ||
| 333 | 333 … | .biglinks li a { | |
| 334 | 334 … | display: block; | |
| @@ -346,9 +346,9 @@ | |||
| 346 | 346 … | font-weight: 700; | |
| 347 | 347 … | } | |
| 348 | 348 … | ||
| 349 | 349 … | .biglinks li a strong ~ * { | |
| 350 | - color: var(--dim-color); | ||
| 350 … | + color: var(--foreground-dim-color); | ||
| 351 | 351 … | } | |
| 352 | 352 … | ||
| 353 | 353 … | .biglinks li a:focus strong ~ *, | |
| 354 | 354 … | .biglinks li a:hover strong ~ * { | |
Built with git-ssb-web