4
4
font-display : swap;
5
5
}
6
6
7
+ : root {
8
+ --motd-k-color : # fff ;
9
+ }
10
+
7
11
body {
8
12
text-align : center;
9
13
background : hsl (200 , 4% , 10% );
@@ -171,67 +175,83 @@ pre > code {
171
175
}
172
176
173
177
.motd-style-0 {
174
- color : # 000000 ;
178
+ --motd-k-color : # 000000 ;
179
+ color : var (--motd-k-color );
175
180
}
176
181
177
182
.motd-style-1 {
178
- color : # 0000aa ;
183
+ --motd-k-color : # 0000aa ;
184
+ color : var (--motd-k-color );
179
185
}
180
186
181
187
.motd-style-2 {
182
- color : # 00aa00 ;
188
+ --motd-k-color : # 00aa00 ;
189
+ color : var (--motd-k-color );
183
190
}
184
191
185
192
.motd-style-3 {
186
- color : # 00aaaa ;
193
+ --motd-k-color : # 00aaaa ;
194
+ color : var (--motd-k-color );
187
195
}
188
196
189
197
.motd-style-4 {
190
- color : # aa0000 ;
198
+ --motd-k-color : # aa0000 ;
199
+ color : var (--motd-k-color );
191
200
}
192
201
193
202
.motd-style-5 {
194
- color : # aa00aa ;
203
+ --motd-k-color : # aa00aa ;
204
+ color : var (--motd-k-color );
195
205
}
196
206
197
207
.motd-style-6 {
198
- color : # ffaa00 ;
208
+ --motd-k-color : # ffaa00 ;
209
+ color : var (--motd-k-color );
199
210
}
200
211
201
212
.motd-style-7 {
202
- color : # aaaaaa ;
213
+ --motd-k-color : # aaaaaa ;
214
+ color : var (--motd-k-color );
203
215
}
204
216
205
217
.motd-style-8 {
206
- color : # 555555 ;
218
+ --motd-k-color : # 555555 ;
219
+ color : var (--motd-k-color );
207
220
}
208
221
209
222
.motd-style-9 {
210
- color : # 5555ff ;
223
+ --motd-k-color : # 5555ff ;
224
+ color : var (--motd-k-color );
211
225
}
212
226
213
227
.motd-style-a {
214
- color : # 55ff55 ;
228
+ --motd-k-color : # 55ff55 ;
229
+ color : var (--motd-k-color );
215
230
}
216
231
217
232
.motd-style-b {
218
- color : # 55ffff ;
233
+ --motd-k-color : # 55ffff ;
234
+ color : var (--motd-k-color );
219
235
}
220
236
221
237
.motd-style-c {
222
- color : # ff5555 ;
238
+ --motd-k-color : # ff5555 ;
239
+ color : var (--motd-k-color );
223
240
}
224
241
225
242
.motd-style-d {
226
- color : # ff55ff ;
243
+ --motd-k-color : # ff55ff ;
244
+ color : var (--motd-k-color );
227
245
}
228
246
229
247
.motd-style-e {
230
- color : # ffff55 ;
248
+ --motd-k-color : # ffff55 ;
249
+ color : var (--motd-k-color );
231
250
}
232
251
233
252
.motd-style-f {
234
- color : # ffffff ;
253
+ --motd-k-color : # ffffff ;
254
+ color : var (--motd-k-color );
235
255
}
236
256
237
257
.motd-style-l {
@@ -249,3 +269,8 @@ pre > code {
249
269
.motd-style-o {
250
270
font-style : italic;
251
271
}
272
+
273
+ .motd-style-k {
274
+ color : transparent;
275
+ text-shadow : 0 0 0.3rem var (--motd-k-color );
276
+ }
0 commit comments