|
15 | 15 |
|
16 | 16 | @use "sass:color"; |
17 | 17 |
|
18 | | -$heatmap_max: #73d216; |
19 | | -$heatmap_scale: 1.5; |
| 18 | +@mixin dark { |
| 19 | + $heatmap_max: #8ae234; |
| 20 | + $heatmap_scale: 1.5; |
| 21 | + |
| 22 | + :root { |
| 23 | + --main-background: #2e3436; |
| 24 | + --text-color: #babdb6; |
| 25 | + --link-color: #729fcf; |
| 26 | + --site-title-color: #eeeeec; |
| 27 | + --header-color: #d3d7cf; |
| 28 | + --blockquote-color: #909090; |
| 29 | + |
| 30 | + --table-border-color: #555753; |
| 31 | + --table-link-color: #eeeeec; |
| 32 | + --table-hover-background: #5c3566; |
| 33 | + |
| 34 | + --tag-color: #fcaf3e; |
| 35 | + --main-menu-color: #e9b96e; |
| 36 | + --signature-user-color: #8ae234; |
| 37 | + --signature-remark-color: #AAAAAA; |
| 38 | + --article-background: #272C2D; |
| 39 | + |
| 40 | + --button-border-color: #babdb6; |
| 41 | + --button-selected-text-color: black; |
| 42 | + |
| 43 | + --button-primary-background: #204a87; |
| 44 | + --button-danger-background: #a40000; |
| 45 | + --button-danger-text-color: #eeeeec; |
| 46 | + |
| 47 | + --icon-button-active-color: #c17d11; |
| 48 | + |
| 49 | + --tagpage-group-label-background: #8f5902; |
| 50 | + |
| 51 | + --icon-reply-color: #729fcf; |
| 52 | + --unread-marker-color: #729fcf; |
| 53 | + --icon-pin-color: #e9b96e; |
| 54 | + |
| 55 | + --preview-border-color: #c4a000; |
| 56 | + |
| 57 | + --heatmap-empty: #{color.grayscale(color.adjust($heatmap_max, $lightness: -20%*$heatmap_scale))}; |
| 58 | + --heatmap-q1: #{color.adjust($heatmap_max, $lightness: -20%*$heatmap_scale)}; |
| 59 | + --heatmap-q2: #{color.adjust($heatmap_max, $lightness: -15%*$heatmap_scale)}; |
| 60 | + --heatmap-q3: #{color.adjust($heatmap_max, $lightness: -10%*$heatmap_scale)}; |
| 61 | + --heatmap-q4: #{color.adjust($heatmap_max, $lightness: -5%*$heatmap_scale)}; |
| 62 | + --heatmap-max: #{$heatmap_max}; |
| 63 | + |
| 64 | + /* |
| 65 | +
|
| 66 | + Atom One Dark by Daniel Gamage |
| 67 | + Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax |
| 68 | +
|
| 69 | + base: #282c34 |
| 70 | + mono-1: #abb2bf |
| 71 | + mono-2: #818896 |
| 72 | + mono-3: #5c6370 |
| 73 | + hue-1: #56b6c2 |
| 74 | + hue-2: #61aeee |
| 75 | + hue-3: #c678dd |
| 76 | + hue-4: #98c379 |
| 77 | + hue-5: #e06c75 |
| 78 | + hue-5-2: #be5046 |
| 79 | + hue-6: #d19a66 |
| 80 | + hue-6-2: #e6c07b |
| 81 | +
|
| 82 | + */ |
| 83 | + |
| 84 | + --syntax-mono-1: #abb2bf; |
| 85 | + --syntax-mono-3: #5c6370; |
| 86 | + --syntax-hue-1: #56b6c2; |
| 87 | + --syntax-hue-2: #61aeee; |
| 88 | + --syntax-hue-3: #c678dd; |
| 89 | + --syntax-hue-4: #98c379; |
| 90 | + --syntax-hue-5: #e06c75; |
| 91 | + --syntax-hue-6: #d19a66; |
| 92 | + --syntax-hue-6-2: #e6c07b; |
| 93 | + } |
| 94 | +} |
| 95 | + |
| 96 | +@mixin light { |
| 97 | + $heatmap_max: #73d216; |
| 98 | + $heatmap_scale: 1.5; |
20 | 99 |
|
21 | | -@media (prefers-color-scheme: light) { |
22 | 100 | :root { |
23 | 101 | --main-background: #d3d7cf; |
24 | 102 | --text-color: #3b4245; |
|
0 commit comments