forked from scalar/scalar
-
Notifications
You must be signed in to change notification settings - Fork 7
Expand file tree
/
Copy pathdefault.css
More file actions
122 lines (103 loc) · 4.66 KB
/
Copy pathdefault.css
File metadata and controls
122 lines (103 loc) · 4.66 KB
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
/* basic theme */
:root {
--scalar-text-decoration: underline;
--scalar-text-decoration-hover: underline;
}
.light-mode {
--scalar-background-1: #fff;
--scalar-background-2: #f6f6f6;
--scalar-background-3: #e7e7e7;
--scalar-background-accent: #8ab4f81f;
--scalar-color-1: #2a2f45;
--scalar-color-2: #757575;
--scalar-color-3: #8e8e8e;
--scalar-color-accent: #0099ff;
--scalar-border-color: #dfdfdf;
}
.dark-mode {
--scalar-background-1: #0f0f0f;
--scalar-background-2: #1a1a1a;
--scalar-background-3: #272727;
--scalar-color-1: #e7e7e7;
--scalar-color-2: #a4a4a4;
--scalar-color-3: #797979;
--scalar-color-accent: #00aeff;
--scalar-background-accent: #3ea6ff1f;
--scalar-border-color: #2d2d2d;
}
/* Document Sidebar */
.light-mode .t-doc__sidebar,
.dark-mode .t-doc__sidebar {
--scalar-sidebar-background-1: var(--scalar-background-1);
--scalar-sidebar-color-1: var(--scalar-color-1);
--scalar-sidebar-color-2: var(--scalar-color-2);
--scalar-sidebar-border-color: var(--scalar-border-color);
--scalar-sidebar-item-hover-background: var(--scalar-background-2);
--scalar-sidebar-item-hover-color: currentColor;
--scalar-sidebar-item-active-background: var(--scalar-background-2);
--scalar-sidebar-color-active: var(--scalar-color-1);
--scalar-sidebar-indent-border: var(--scalar-sidebar-border-color);
--scalar-sidebar-indent-border-hover: var(--scalar-sidebar-border-color);
--scalar-sidebar-indent-border-active: var(--scalar-sidebar-border-color);
--scalar-sidebar-search-background: transparent;
--scalar-sidebar-search-color: var(--scalar-color-3);
--scalar-sidebar-search-border-color: var(--scalar-border-color);
}
/* advanced */
.light-mode {
--scalar-color-green: #069061;
--scalar-color-red: #ef0006;
--scalar-color-yellow: #edbe20;
--scalar-color-blue: #0082d0;
--scalar-color-orange: #fb892c;
--scalar-color-purple: #5203d1;
--scalar-link-color: var(--scalar-color-1);
--scalar-link-color-hover: var(--scalar-link-color);
--scalar-button-1: rgba(0, 0, 0, 1);
--scalar-button-1-hover: rgba(0, 0, 0, 0.8);
--scalar-button-1-color: rgba(255, 255, 255, 0.9);
--scalar-tooltip-background: color-mix(in srgb, #1a1a1a, transparent 10%);
--scalar-tooltip-color: color-mix(in srgb, #fff, transparent 15%);
--scalar-color-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-color-1) 20%);
--scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-color-1) 20%);
--scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%);
--scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%);
}
.dark-mode {
--scalar-color-green: #00b648;
--scalar-color-red: #dc1b19;
--scalar-color-yellow: #ffc90d;
--scalar-color-blue: #4eb3ec;
--scalar-color-orange: #ff8d4d;
--scalar-color-purple: #b191f9;
--scalar-link-color: var(--scalar-color-1);
--scalar-link-color-hover: var(--scalar-link-color);
--scalar-button-1: rgba(255, 255, 255, 1);
--scalar-button-1-hover: rgba(255, 255, 255, 0.9);
--scalar-button-1-color: black;
--scalar-tooltip-background: color-mix(in srgb, var(--scalar-background-1), #fff 10%);
--scalar-tooltip-color: color-mix(in srgb, #fff, transparent 5%);
--scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 20%);
--scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%);
--scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%);
}
@supports (color: color(display-p3 1 1 1)) {
.light-mode {
--scalar-color-accent: color(display-p3 0.0 0.6 1.0 / 1.0);
--scalar-color-green: color(display-p3 0.023529 0.564706 0.380392 / 1.0);
--scalar-color-red: color(display-p3 0.937255 0.0 0.023529 / 1.0);
--scalar-color-yellow: color(display-p3 0.929412 0.745098 0.12549 / 1.0);
--scalar-color-blue: color(display-p3 0.0 0.509804 0.815686 / 1.0);
--scalar-color-orange: color(display-p3 0.984314 0.537255 0.172549 / 1.0);
--scalar-color-purple: color(display-p3 0.321569 0.011765 0.819608 / 1.0);
}
.dark-mode {
--scalar-color-accent: color(display-p3 0.07 0.67 1);
--scalar-color-green: color(display-p3 0.0 0.713725 0.282353 / 1.0);
--scalar-color-red: color(display-p3 0.862745 0.105882 0.098039 / 1.0);
--scalar-color-yellow: color(display-p3 1.0 0.788235 0.05098 / 1.0);
--scalar-color-blue: color(display-p3 0.305882 0.701961 0.92549 / 1.0);
--scalar-color-orange: color(display-p3 1.0 0.552941 0.301961 / 1.0);
--scalar-color-purple: color(display-p3 0.694118 0.568627 0.976471 / 1.0);
}
}