1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
// https://codyhouse.co/ds/globals/colors
@mixin light-theme {
--theme-name: "light";
@include defineColorHSL(--color-primary, $primaryColorLightH, $primaryColorLightS, $primaryColorLightL);
@include defineColorHSL(--color-bg, 0, 0%, 100%);
@include defineColorHSL(--color-contrast-lower, 0, 0%, 95%);
@include defineColorHSL(--color-contrast-low, 240, 1%, 83%);
@include defineColorHSL(--color-contrast-medium, 240, 1%, 48%);
@include defineColorHSL(--color-contrast-high, 240, 4%, 20%);
@include defineColorHSL(--color-contrast-higher, 240, 8%, 12%);
.theme-icon-light {
display: inline-block;
}
.theme-icon-dark {
display: none;
}
@if ($enableHighlight) {
/* https://xyproto.github.io/splash/docs/all.html */
/* Color values matching manni style */
--chroma-line-numbers-background: #ffffcc;
--chroma-line-numbers-color: #7f7f7f;
--chroma-keyword-color: #006699;
--chroma-name-color: #9999ff;
--chroma-attribute-color: #330099;
--chroma-literal-color: #cc3300;
--chroma-number-color: #ff6600;
--chroma-comment-color: #0099ff;
--chroma-deleted-color: #ffcccc;
--chroma-output-color: #aaaaaa;
}
}
@media (prefers-color-scheme: light) {
:root:not([data-theme]) {
@include light-theme;
}
}
@if ($defaultTheme == "light") {
:root {
@include light-theme;
}
} @else {
:root[data-theme="light"] {
@include light-theme;
}
}
|
