|
32 | 32 | /* Set master colours */
|
33 | 33 | :root {
|
34 | 34 | --colour-background: var(--light, white) var(--dark, #011);
|
35 |
| - --colour-background-accent: var(--light, #eee) var(--dark, #333); |
| 35 | + --colour-background-accent: var(--light, #ccc) var(--dark, #333); |
36 | 36 | --colour-text: var(--light, #333) var(--dark, #ccc);
|
37 |
| - --colour-links: var(--light, #0072aa) var(--dark, #8bf); |
| 37 | + --colour-links: var(--light, #069) var(--dark, #8bf); |
| 38 | + --colour-links-light: var(--light, #057) var(--dark, #acf); |
38 | 39 | --colour-scrollbar: var(--light, #ccc) var(--dark, #333);
|
39 | 40 | --colour-rule-strong: var(--light, #888) var(--dark, #777);
|
40 | 41 | --colour-rule-light: var(--light, #ddd) var(--dark, #222);
|
41 | 42 | --colour-inline-code: var(--light, #f8f8f8) var(--dark, #333);
|
42 |
| - --colour-warning: var(--light, #fee) var(--dark, #900); |
| 43 | + --colour-error: var(--light, #faa) var(--dark, #800); |
| 44 | + --colour-warning: var(--light, #fca) var(--dark, #840); |
| 45 | + --colour-caution: var(--light, #ffa) var(--dark, #550); |
| 46 | + --colour-attention: var(--light, #bdf) var(--dark, #045); |
| 47 | + --colour-tip: var(--light, #bfc) var(--dark, #041); |
43 | 48 | }
|
44 | 49 |
|
45 | 50 | img.invert-in-dark-mode {
|
@@ -287,18 +292,35 @@ ul.breadcrumbs a {
|
287 | 292 | :root[data-colour_scheme="light"] #colour-scheme-cycler svg.colour-scheme-icon-when-light {display: initial}
|
288 | 293 |
|
289 | 294 | /* Admonitions rules */
|
290 |
| -div.note, |
291 |
| -div.warning { |
292 |
| - padding: 0.5rem 0.75rem; |
293 |
| - margin-top: 1rem; |
| 295 | +div.admonition { |
| 296 | + background-color: var(--colour-background-accent); |
294 | 297 | margin-bottom: 1rem;
|
| 298 | + margin-top: 1rem; |
| 299 | + padding: 0.5rem 0.75rem; |
295 | 300 | }
|
296 |
| -div.note { |
297 |
| - background-color: var(--colour-background-accent); |
| 301 | +div.admonition a { |
| 302 | + color: var(--colour-links-light); |
| 303 | +} |
| 304 | + |
| 305 | +div.danger, |
| 306 | +div.error { |
| 307 | + background-color: var(--colour-error); |
298 | 308 | }
|
299 | 309 | div.warning {
|
300 | 310 | background-color: var(--colour-warning);
|
301 | 311 | }
|
| 312 | +div.caution { |
| 313 | + background-color: var(--colour-caution); |
| 314 | +} |
| 315 | +div.attention, |
| 316 | +div.important { |
| 317 | + background-color: var(--colour-attention); |
| 318 | +} |
| 319 | +div.hint, |
| 320 | +div.tip { |
| 321 | + background-color: var(--colour-tip); |
| 322 | +} |
| 323 | + |
302 | 324 | p.admonition-title {
|
303 | 325 | font-weight: bold;
|
304 | 326 | }
|
|
0 commit comments