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