1
- : root {
2
- --vp-c-brand-1 : # 5086a1 ;
3
- --vp-c-brand-2 : # 6aa1b7 ;
4
- --vp-c-brand-3 : # 8cccd5 ;
5
- --vp-c-brand-soft : # 83d0da50 ;
6
- --vp-c-bg-alt : # f9f9f9 ;
7
-
8
- --vp-c-yellow-1 : # edb253 ;
9
- --vp-c-yellow-2 : # daac61 ;
10
- --vp-c-yellow-3 : # e6cc78 ;
11
-
12
- --vp-c-red-1 : # b34e52 ;
13
- --vp-c-red-2 : # bc6063 ;
14
- --vp-c-red-3 : # cb7676 ;
15
- }
16
-
17
- .dark {
18
- --vp-c-brand-1 : # 8cccd5 ;
19
- --vp-c-brand-2 : # 6aa1b7 ;
20
- --vp-c-brand-3 : # 5086a1 ;
21
- --vp-c-brand-soft : # 83d0da50 ;
22
- --vp-c-bg-alt : # 18181b ;
23
-
24
- --vp-c-yellow-1 : # e6cc78 ;
25
- --vp-c-yellow-2 : # daac61 ;
26
- --vp-c-yellow-3 : # edb253 ;
27
-
28
- --vp-c-red-1 : # cb7676 ;
29
- --vp-c-red-2 : # bc6063 ;
30
- --vp-c-red-3 : # b34e52 ;
31
- }
32
-
33
- : root {
34
- --vp-c-default-1 : var (--vp-c-gray-1 );
35
- --vp-c-default-2 : var (--vp-c-gray-2 );
36
- --vp-c-default-3 : var (--vp-c-gray-3 );
37
- --vp-c-default-soft : var (--vp-c-gray-soft );
38
-
39
- --vp-c-tip-1 : var (--vp-c-brand-1 );
40
- --vp-c-tip-2 : var (--vp-c-brand-2 );
41
- --vp-c-tip-3 : var (--vp-c-brand-3 );
42
- --vp-c-tip-soft : var (--vp-c-brand-soft );
43
-
44
- --vp-c-warning-1 : var (--vp-c-yellow-1 );
45
- --vp-c-warning-2 : var (--vp-c-yellow-2 );
46
- --vp-c-warning-3 : var (--vp-c-yellow-3 );
47
- --vp-c-warning-soft : var (--vp-c-yellow-soft );
48
-
49
- --vp-c-danger-1 : var (--vp-c-red-1 );
50
- --vp-c-danger-2 : var (--vp-c-red-2 );
51
- --vp-c-danger-3 : var (--vp-c-red-3 );
52
- --vp-c-danger-soft : var (--vp-c-red-soft );
53
- }
54
-
55
- : root {
56
- -vp-c-text-1 : rgba (42 , 40 , 47 );
57
- -vp-c-text-2 : rgba (42 , 40 , 47 , 0.78 );
58
- -vp-c-text-3 : rgba (42 , 40 , 47 , 0.56 );
59
- --black-text-1 : rgba (42 , 40 , 47 );
60
- }
61
-
62
- .dark {
63
- --vp-c-text-1 : rgba (255 , 255 , 245 , 0.86 );
64
- --vp-c-text-2 : rgba (235 , 235 , 245 , 0.6 );
65
- --vp-c-text-3 : rgba (235 , 235 , 245 , 0.38 );
66
- }
67
-
68
- /**
69
- * Component: Button
70
- * -------------------------------------------------------------------------- */
71
-
72
- : root {
73
- --vp-button-brand-border : transparent;
74
- --vp-button-brand-text : var (--vp-c-white );
75
- --vp-button-brand-bg : var (--vp-c-brand-1 );
76
- --vp-button-brand-hover-border : transparent;
77
- --vp-button-brand-hover-text : var (--vp-c-white );
78
- --vp-button-brand-hover-bg : var (--vp-c-brand-2 );
79
- --vp-button-brand-active-border : transparent;
80
- --vp-button-brand-active-text : var (--vp-c-white );
81
- --vp-button-brand-active-bg : var (--vp-c-brand-1 );
82
- }
83
-
84
- .dark {
85
- --vp-button-brand-text : var (--black-text-1 );
86
- --vp-button-brand-bg : var (--vp-c-brand-2 );
87
- --vp-button-brand-hover-text : var (--black-text-1 );
88
- --vp-button-brand-hover-bg : var (--vp-c-brand-1 );
89
- --vp-button-brand-active-text : var (--black-text-1 );
90
- --vp-button-brand-active-bg : var (--vp-c-brand-3 );
91
- }
92
-
93
- /**
94
- * Component: Home
95
- * -------------------------------------------------------------------------- */
96
-
97
- : root {
98
- --vp-home-hero-name-color : var (--vp-c-brand-1 );
99
- }
100
-
101
- @media (min-width : 640px ) {
102
- : root {
103
- --vp-home-hero-image-filter : blur (56px );
104
- }
105
- }
106
-
107
- @media (min-width : 960px ) {
108
- : root {
109
- --vp-home-hero-image-filter : blur (72px );
110
- }
111
- }
112
-
113
- /**
114
- * Component: Custom Block
115
- * -------------------------------------------------------------------------- */
116
-
117
- : root {
118
- --vp-custom-block-tip-border : transparent;
119
- --vp-custom-block-tip-text : var (--vp-c-text-1 );
120
- --vp-custom-block-tip-bg : var (--vp-c-brand-soft );
121
- --vp-custom-block-tip-code-bg : var (--vp-c-brand-soft );
122
- }
123
-
124
- /**
125
- * Component: Algolia
126
- * -------------------------------------------------------------------------- */
127
-
128
- .DocSearch {
129
- --docsearch-primary-color : var (--vp-c-brand-1 ) !important ;
130
- }
131
-
132
-
133
- .vp-code .tab ,
134
- .vp-code .space {
135
- position : relative;
136
- }
137
-
138
- .vp-code .tab ::before {
139
- content : '⇥' ;
140
- position : absolute;
141
- opacity : 0.3 ;
142
- }
143
-
144
- .vp-code .space ::before {
145
- content : '·' ;
146
- position : absolute;
147
- opacity : 0.3 ;
148
- }
149
-
150
- .vp-code .highlighted-word {
151
- background-color : var (--vp-c-bg-soft );
152
- border : 1px solid var (--vp-c-border );
153
- padding : 1px 3px ;
154
- margin : -1px -3px ;
155
- border-radius : 4px ;
156
- }
0 commit comments