-
Notifications
You must be signed in to change notification settings - Fork 3
/
argon-luogu.user.styl
1121 lines (976 loc) · 29.8 KB
/
argon-luogu.user.styl
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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
/* ==UserStyle==
@name 氩洛谷 Re 2024
@version 20240930.19.37
@namespace https://userstyles.world/style/12397/re-2024
@description 洛谷美化样式。
@author d0j1a1701
@license MIT
@preprocessor stylus
@var checkbox dark-mode "深色模式" 1
@var text font-stack "全局字体" "'苹方-简', 'Noto Sans SC'"
@var text font-stack-codeblock "代码块字体" "'Fira Code', '等距更纱黑体 SC'"
@var text main-background "自定义背景" "url(https://cdn.luogu.com.cn/upload/image_hosting/7ludxt0p.png)"
@var checkbox header-acrylic "顶栏亚克力效果" 1
@var checkbox nav-acrylic "侧栏亚克力效果" 1
@var checkbox card-acrylic "卡片亚克力效果" 1
@var checkbox footer-acrylic "底栏亚克力效果" 1
@var checkbox anymore-acrylic "其余亚克力效果" 1
@var checkbox remove-ad "去除洛谷广告" 0
@var checkbox remove-reply-container "隐藏讨论区「编辑回复」栏" 0
==/UserStyle== */
//! 字体导入 ---------
/* cyrillic-ext */
@font-face {
font-family: 'Fira Code';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/firacode/v22/uU9NCBsR6Z2vfE9aq3bh0NSDulI.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Fira Code';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/firacode/v22/uU9NCBsR6Z2vfE9aq3bh2dSDulI.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Fira Code';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/firacode/v22/uU9NCBsR6Z2vfE9aq3bh0dSDulI.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Fira Code';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/firacode/v22/uU9NCBsR6Z2vfE9aq3bh3tSDulI.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
font-family: 'Fira Code';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/firacode/v22/uU9NCBsR6Z2vfE9aq3bh09SDulI.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Fira Code';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/firacode/v22/uU9NCBsR6Z2vfE9aq3bh3dSD.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
//! 自定义配置部分 ---------
// 调色板
if dark-mode
// 全局颜色
body_bg_color = #181c27 // 全局背景色
navbar_bg_color = #1f3144 // 菜单栏背景色
navbar_text_color = #d0d0d0 // 菜单栏文字色
subtitle_color = #d0d0d0 // 副标题颜色（面板外）
text_color = #c4c6c9 // 全局字体色
sec_text_color = #a7a9ad // 次级字体色（摘要、简介等位置）
board_color = #252d38 // 面板背景色
post_text_color = #c4c6c9 // 面板字体色
post_heading_color = #c4c6c9 // 面板标题色（h1, h2, h3...）
post_link_color = #1589e9 // 超链接字体色
link_hover_color = #30a9de // 超链接悬浮字体色
link_hover_bg_color = transparent // 超链接悬浮背景色
line_color = #435266 // 分割线颜色
scrollbar_track_color = #181c27 // 滚动槽颜色
scrollbar_thumb_color = #687582 // 滚动条颜色
scrollbar_hover_color = #5e72e4 // 滚动条悬浮色
button_bg_color = transparent // 按钮背景色
button_hover_bg_color = #46647e // 按钮悬浮色
selection_bg_color = #9696c84d // 选中背景色
acrylic_bg_color = #000000 // 亚克力背景色
inlinecode_bg_color = #636e7b66 // 行内代码背景色
// 代码高亮
codeblock_bg_color = #0d1117
hljs_base_color = #c9d1d9
hljs_keyword_color = #ff7b72
hljs_function_color = #d2a8ff
hljs_variable_color = #79c0ff
hljs_string_color = #a5d6ff
hljs_symbol_color = #ffa657
hljs_comment_color = #8b949e
hljs_tag_color = #7ee787
hljs_subst_color = #c9d1d9
hljs_section_color = #1f6feb
hljs_bullet_color = #f2cc60
hljs_emphasis_color = #c9d1d9
hljs_strong_color = #c9d1d9
hljs_addition_color = #aff5b4
hljs_addition_bg_color = #033a16
hljs_deletion_color = #ffdcd7
hljs_deletion_bg_color = #67060c
else
body_bg_color = #eee
navbar_bg_color = #eeeeee
navbar_text_color = #3c4858
subtitle_color = #fff
text_color = #3c4858
board_color = #fff
post_text_color = #2c3e50
sec_text_color = #718096
post_heading_color = #1a202c
post_link_color = #0366d6
link_hover_color = #30a9de
link_hover_bg_color = transparent
line_color = #eaecef
scrollbar_track_color = #eeeeee
scrollbar_thumb_color = #c4c6c9
scrollbar_hover_color = #a6a6a6
button_hover_bg_color = #f2f3f5
button_bg_color = transparent
selection_bg_color = #264f78
acrylic_bg_color = #ffffff
// ! 配置部分结束 ---------
main-background = body_bg_color unless main-background
// d0j1a_1701 最爱的亚克力材质
// 基于伪元素的亚克力实现，不会造成层叠混乱
acrylic(arc-opacity=0.5,blur-radius=10px,no_shadow=false)
background none !important
&:before
acr-bgcolor = rgba(acrylic_bg_color, arc-opacity)
background acr-bgcolor !important
backdrop-filter blur(blur-radius) !important unless blur-radius == 0
box-shadow 0 10px 30px rgba(0, 0, 0, 0.1),
0 1px 8px rgba(0, 0, 0, 0.2) unless no_shadow !important
content ""
border-radius @border-radius if @border-radius
position absolute
pointer-events none
z-index -1
top 0
left 0
right 0
bottom 0
transform: translateZ(0);
// https://stackoverflow.com/questions/44522299/css-only-acrylic-material-from-fluent-design-system
// 直接修改背景的亚克力实现，不需要修改 z-index，不会对 border-radius 造成影响，但可能造成层叠混乱
acrylic-bg(arc-opacity=0.5,blur-radius=10px,no_shadow=false)
acr-bgcolor = rgba(acrylic_bg_color, arc-opacity)
background acr-bgcolor !important
backdrop-filter blur(blur-radius) !important unless blur-radius == 0
box-shadow 0 10px 30px rgba(0, 0, 0, 0.1),
0 1px 8px rgba(0, 0, 0, 0.2) unless no_shadow !important
transform: translateZ(0);
// 修改 Markdown 渲染内容样式
markdown-patch()
.marked
a
color post_link_color
code // 内联代码
background inlinecode_bg_color
border none !important
// 标签样式更改
h1, h2, h3, h4, h5, h6
font-weight 600 !important
color post_heading_color !important
hr.horizon
background-color line_color !important
// 代码块
pre:not([mp-editor-container])
background codeblock_bg_color !important
border none
border-radius 5px
margin-bottom 10px
code
background codeblock_bg_color !important
border-radius 5px
color hljs_base_color !important
box-shadow none !important
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_
color hljs_keyword_color if hljs_keyword_color
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_
color hljs_function_color if hljs_function_color
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id,
.hljs-variable
color hljs_variable_color if hljs_variable_color
.hljs-meta .hljs-string,
.hljs-regexp,
.hljs-string
color hljs_string_color if hljs_string_color
.hljs-built_in,
.hljs-symbol
color hljs_symbol_color if hljs_symbol_color
.hljs-code,
.hljs-comment,
.hljs-formula
color hljs_comment_color if hljs_comment_color
.hljs-name,
.hljs-quote,
.hljs-selector-pseudo,
.hljs-selector-tag
color hljs_tag_color if hljs_tag_color
.hljs-subst
color hljs_subst_color if hljs_subst_color
.hljs-section
color hljs_section_color if hljs_section_color
font-weight 700
.hljs-bullet
color hljs_bullet_color if hljs_bullet_color
.hljs-emphasis
color hljs_emphasis_color if hljs_emphasis_color
font-style italic
.hljs-strong
color hljs_strong_color if hljs_strong_color
font-weight 700
.hljs-addition
color hljs_addition_color if hljs_addition_color
background-color hljs_addition_bg_color if hljs_addition_bg_color
.hljs-deletion
color hljs_deletion_color if hljs_deletion_color
background-color hljs_deletion_bg_color if hljs_deletion_bg_color
// 修改 Sweetalert 弹窗样式
swal-patch()
.swal2-popup
&:not([style*='transparent'])
acrylic-bg()
h1, h2, h3, h4, h5, h6
color post_heading_color !important
color text_color !important
.swal2-content
color text_color !important
// 一些带动画的图标
// 选择器只写了一半是因为逆天 Stylus 编译器会把逗号当作选择器
.swal2-icon > *[style*='rgba(0']
background none !important
mdeditor-patch()
.mp-editor-container
.mp-editor-toolbar
acrylic-bg()
.mp-editor-menu > li > *
border none !important
&:hover
color link_hover_color !important
background link_hover_bg_color !important
.mp-divider
color line_color !important
.CodeMirror
background codeblock_bg_color !important
color text_color !important
.CodeMirror-gutters
background codeblock_bg_color !important
.mp-preview-area
acrylic-bg()
.mp-preview-content
color text_color !important
markdown-patch()
::selection, .CodeMirror-selected
background selection_bg_color !important
/* 全局样式 */
@-moz-document regexp("^(https?://www.luogu.com(.cn)?/).*")
*
scrollbar-width thin
scrollbar-color scrollbar_thumb_color scrollbar_track_color
*:not(button)
border-color line_color !important
body
overflow-x hidden
background body_bg_color
html, body
scroll-behavior smooth
::-webkit-scrollbar-thumb:hover
background scrollbar_hover_color
::-webkit-scrollbar-corner
background-color transparent
::selection
background-color selection_bg_color
// 这个字体必须改在这里
// body 会被洛谷字体（.lfe-body）覆盖
// 星号会把数学字体干掉
.lfe-body
font-family font-stack, sans-serif !important
code, .hljs
font-family font-stack-codeblock, monospace !important
mdeditor-patch()
// 背景修改
body
background main-background
background-repeat no-repeat
background-size cover
background-position center
background-attachment fixed
// 输入框样式修改
input[type=text], input[type=password]
color sec_text_color !important
background none !important
border sec_text_color 1px solid !important
border-radius 6px !important
&:focus
border-color var(--l-simple-select--color,var(--lfe-color--primary,#3498db)) !important
box-shadow none !important
background none !important
&::placeholder
color sec_text_color
textarea
color post_text_color !important
background none !important
border sec_text_color 1px solid !important
border-radius 6px !important
&:focus
border-color var(--l-simple-select--color,var(--lfe-color--primary,#3498db)) !important
box-shadow none !important
background none !important
*::placeholder, .lfe-placeholder
color sec_text_color !important
// 题目列表的难度选择框等
.combo-wrapper
& > .text
color post_text_color !important
background none !important
border sec_text_color 1px solid !important
svg
color post_text_color !important
// 选择框掉出来的下拉框
.dropdown:not([data-v-1f03983a])
acrylic()
color sec_text_color !important
border none !important
& > ul > li:hover
background button_hover_bg_color !important
if remove-ad
div[data-v-5d92dbda]
display none
.drop[data-v-64ec303c]
acrylic-bg()
// 主站
@-moz-document regexp("^(https?://www.luogu.com(.cn)?/)(?!(article/|problem/solution/|ranking)).*")
/* 页面布局 */
// 覆盖掉洛谷主题自带的背景
// 这几个排除是 mask
.background:not([data-v-14c11e75]):not([data-v-6b8e1cb0])
background none !important
filter none !important
swal-patch()
.header-layout
acrylic() if header-acrylic
// background navbar_bg_color unless header-acrylic
color subtitle_color !important
.header > h1 // 导航栏标题大字
font-size 50px
color #ffffff
.functional[data-v-2dfcfd35] // 题目页面的按钮和时限栏
padding-top .7em // 这样不会显得离边太近
.stat > .color-inverse > .field[data-v-3c4577b8]
// 无亚克力时 sec_text_color 太深看不清
border-left-color subtitle_color !important
color sec_text_color !important if header-acrylic
border-left-color sec_text_color !important if header-acrylic
// 题目页面的 header-layout
.header-layout.normal[data-v-7ddab1d5]
height auto !important // 覆盖原有的固定高度，否则标题放不下
padding-bottom .7em // 防止时限栏距离边缘太近
a:hover
color post_link_color
// 讨论区/题解 的 header-layout
.header-layout.narrow[data-v-7ddab1d5]
height auto !important
a:hover
color post_link_color
// 首页的 headey-layout
.header-layout.tiny[data-v-7ddab1d5]
acrylic() if header-acrylic
background navbar_bg_color !important unless header-acrylic
color subtitle_color !important
a
color post_text_color
&:hover
color post_link_color
// 头像悬浮
.center[data-v-1f03983a]
color post_text_color
acrylic()
border none
.ops > a.color-none:hover
background button_hover_bg_color
// 页面主体（所有卡片的容器）
main.lfe-body
background none !important
// 首页
#app-old
color post_text_color
.lg-article // 一堆块
if card-acrylic
acrylic-bg(0.6,20px)
else
background board_color !important
border-radius 5px
strong //「友情链接」
color post_heading_color !important
.am-panel // 块里的块
acrylic-bg(0.5,0)
border none
.highcharts-root
tspan
// 我也不知道为什么这个颜色不会变
// 随它去吧，反正我改了
color sec_text_color !important
.feed-selector > a // 「我关注的」「我发布的」
border-radius 6px
&:hover
background button_hover_bg_color
color sec_text_color
#feed // 犇犇
.am-comment-hd, .am-comment-bd // 上半个
background none
.am-comment-avatar
border none !important
.am-comment-main:before, .am-comment-main:after
display none // 隐藏犇犇箭头
.am-comment-main
border none !important
border-radius 6px
if card-acrylic
acrylic-bg(0.6,10px,true)
else
background board_color !important
.feed-comment
markdown-patch() // 为什么犇犇里面能渲染代码块
// 卡片样式处理
.card
border-radius 6px
// 卡片背景材质
if card-acrylic
acrylic(0.6,20px)
else
background board_color !important
color post_text_color !important
position relative
markdown-patch()
// 「提交记录」「查看题解」等超链接按钮
a.color-default
color post_link_color !important
border-radius 2px // 这些背景相关属性在设置 link_hover_bg_color 后才生效
box-sizing border-box
padding 3px
a.color-default:hover
color link_hover_color !important
background link_hover_bg_color
// 「查看算法标签」「查看讨论」等展开按钮
.expand-tip > span[data-v-e4b7c2ca]
color sec_text_color !important
// 「展开全文」
.collapsed-wrapper > .expand > .expand
background none
border-radius 8px
padding-top 5em // 拉长一点
// // 把「展开全文」挪到一个更加阳间的地方
// .collapsed + .expand[data-v-15e4f65b]
// bottom -2.75em !important
//「创建时间」等说明性小字（data-v-f9624136 是个人简介）
.lfe-caption:not([data-v-f9624136])
color sec_text_color
//「统计数据不实时更新」等小字
.caption[data-v-1c7f56df]
color sec_text_color
// 样例
.input > pre, .output > pre
background inlinecode_bg_color
border none !important
//提交代码
.drop
if anymore-acrylic
acrylic()
else
background board_color
// 去除广告
if remove-ad
div[data-v-0a593618]
display none
// 提交代码
.light-black[data-v-64ec303c]
color sec_text_color !important
// 评测结果
// 这一段从旧版贺来的，好看！
// 我并不是很想改动这一坨
.test-case-wrap > .wrapper
width 100px
height 100px
margin-right 16px
margin-bottom 12px
.test-case-wrap
margin-top 25px
.test-case-wrap > .wrapper .test-case
width 100px
height 100px
transition all 0.2s ease
box-shadow 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08)
border-radius 3px
padding 3px
.test-case-wrap > .wrapper .test-case:hover
transform translateY(-5px)
box-shadow 0 10px 30px rgba(50, 50, 93, 0.1),
0 5px 15px rgba(0, 0, 0, 0.07)
.test-case-wrap > .wrapper .test-case .info
width calc(100% - 10px)
line-height 15px
font-size 10px
white-space nowrap
overflow hidden
text-overflow ellipsis
.test-case-wrap > .wrapper .test-case:hover .info
white-space normal
.test-case-wrap > .wrapper .test-case .id
margin-left 3px
.test-case-wrap > .wrapper .test-case .status
font-weight bold
font-size 22px
margin-bottom 5px
.test-case-wrap > .wrapper .message
transition all 0.25s ease !important
display block !important
border-radius 3px
box-shadow 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08)
min-width 105px
min-height 105px
width 105px
padding 0
margin-top 40px
opacity 0
color transparent
acrylic-bg()
pointer-events none
// 唐氏一样的 Stylus 解析器似乎会把 rgb 里的逗号当作选择器
// 因此只能用这种奇怪的方法匹配
// 氩洛谷 AC 的绿色很丑，所以去掉了
.test-case-wrap > .wrapper
.test-case[style*='rgb(231']
background-color #fb6340 !important
.test-case[style*='rgb(157']
background-color #8e44ad !important
.test-case[style*='rgb(5']
background-color #001277 !important
.test-case[style*='rgb(14']
background-color #34495e !important
.test-case[style*='rgb(20']
background-color #3498db !important
&:hover .message
border-radius 6px
margin-top -30px
min-width 12em
min-height 1em
width unset
height unset
padding 5px 18px
opacity 0.8
color sec_text_color
// 讨论区
.row-space-between[data-v-70c65cc7]
color subtitle_color // sec_text_color 太浅看不清
if remove-reply-container
.edit-reply-container
display none !important
// 「全部版块」页面
.forum-name[data-v-d6def288]
color sec_text_color !important
.time[data-v-b0d342de]
color sec_text_color !important
.btn-edit-reply // 「编辑回复」（这按钮的位置很唐）
acrylic()
color post_text_color
.author
background none !important
// 匹配各种时间小字（讨论区回帖，陶片放逐）
& > .left > .time, & > .time > time
color sec_text_color
// 讨论区楼主
.grey[data-v-70c65cc7]
color sec_text_color
// 团队讨论区
.discuss[data-v-b878863e]
acrylic-bg()
border none !important
// 私信
.frame[data-v-66fcc50b] // 唐氏搜索框
background none !important
color sec_text_color !important
// 私信列表
.item[data-v-4d6dca7a]:hover
background button_hover_bg_color !important
.side > .panel-content[data-v-7821ddd5]
max-width 60em
// 聊天页面
.message-block > .message[data-v-5c0627c6]
acrylic-bg()
&:after
display none // 藏掉三角形
// 陶片放逐
.lfe-caption[data-v-71731098][data-v-19de5e77]
background none !important
// 提交记录
.result-count[data-v-0aa18cf0]
color sec_text_color
& > .number
color sec_text_color
// 题解
.solution-article > .operations.float[data-v-530f8b1f]
acrylic-bg()
// 题目列表
div[currenttemplate="ProblemList"]
.title[data-v-04eb14e9]
color post_text_color
span[data-v-f9624136]
color sec_text_color !important
// 搜索框的放大镜图标
.frame[data-v-66fcc50b]
border none !important
.search-icon[data-v-04eb14e9]
color sec_text_color !important
position relative
left -2.625em !important
top .07em
// 放大镜图标旁边那个勾选框
.search-option
margin-left -2em !important
// 分类窗口
.modal > .center[data-v-14c11e75]
.container>.tag-select-area .section>.title[data-v-abfce16a]
color post_text_color !important
.tags > .tag:not(.selected)
background none !important
// 题目列表翻页条容器
.bottom.float-bottom
acrylic-bg()
// 翻页条
.page-bar
background transparent !important
button
border-color line_color !important
&:not(.selected)
background transparent !important
&.selected
& > span
color navbar_text_color !important
span
color sec_text_color !important
img
filter invert(1) !important
// 通知中心
.title[data-v-71e80b39]
color post_heading_color
.time[data-v-71e80b39]
color sec_text_color
.content[data-v-71e80b39]
color post_text_color
// 个人主页
.stats > .field > div
display inline
border-radius 2px
box-sizing border-box
padding 3px
color post_link_color // 假装这是个链接...
// ⚡系统维护，该内容暂不可见⚡
div[data-v-429fbdfe][data-v-f9624136][style*="border: 1px solid rgb(225"] // 妈的这 Styl 编译器什么垃圾
display none !important
.introduction[data-v-429fbdfe][style="display: none;"]
display block !important
// 个人主页「我的团队」等页面的栏
.inner-card
acrylic-bg()
border none !important
border-radius 6px
[data-v-c0f00ef2] > .lfe-caption[data-v-71731098]
background none !important
// 个人主页练习悬浮窗
.tooltip[data-v-05afcf76]
position absolute
margin -400px 0 0 -75px // 这个窗会莫名其妙飞走，为什么？我也不知道，反正这样能修好
// 一些小字
.info-content[data-v-8b7f80ba], .caption[data-v-325cf452]
color sec_text_color
// 图床和提交答案的上传按钮
.upload-wrapper > .drop
acrylic-bg()
border none
// 图床小字
.radio-group > *[data-v-18fb1b28]
color sec_text_color
// 图床画廊
.image-list > .image-block
// 这里有很多复杂的样式 用亚克力容易出事 先用纯色糊弄一下吧
background rgba(board_color,0.5) !important
border none
.meta
color sec_text_color
// 图床筛选按钮
.filters[data-v-102fe30d]
acrylic()
// footer
div.lfe-body:not(.header-layout)
acrylic-bg() if footer-acrylic
.footer > .qr-img
display none
// 侧栏
#app > nav.lfe-body
background navbar_bg_color !important unless nav-acrylic
acrylic() if nav-acrylic
box-shadow none
& > a
color post_text_color !important
height 3.7em
margin-top 3px
padding 0 !important
&:first-of-type // Logo
margin-top 10px !important
.icon
line-height 2.4em
font-size 18px
width 100%
margin 0 !important
transition all 0.3s ease
.text
opacity 0
margin-top -1em
display block
transition all 0.3s ease
&:hover > .icon
line-height 1.5em
font-size 17px
&:hover > .text
opacity 1
margin-top 0.2em
& > div:first-child
background none !important if dark-mode
background navbar_text_color !important unless dark-mode
.popup-button
margin-top 8px
color navbar_text_color !important
.popup
acrylic()
border none
border-radius 6px
a
color navbar_text_color !important
border-radius 8px
&:hover
background button_hover_bg_color
// 洛谷专栏
@-moz-document regexp("^https?://www.luogu.com(.cn)?/article/[A-Za-z0-9]{8}$")
swal-patch()
.lside
background navbar_bg_color !important unless nav-acrylic
acrylic() if nav-acrylic
li
color navbar_text_color !important
border-radius 8px
&:hover
color navbar_text_color !important
background button_hover_bg_color
a
filter none !important
.title
color navbar_text_color !important
.top-bar
acrylic-bg() if header-acrylic
background navbar_bg_color !important unless header-acrylic
color subtitle_color !important
.user-nav > a
color post_text_color
&:hover
color post_link_color
.main-container > main
// 卡片背景材质
if card-acrylic
acrylic()
else
background board_color !important
// 这个栏本来和 .top-bar 是堆在一块的
// 所以不加这个 position 会导致毛玻璃重叠
position relative !important
top 1em
// 将标题栏变成卡片式布局
border-radius 6px
box-sizing border-box
width 100%
min-width 448px
max-width 768px
margin-left auto
margin-right auto
.banner-content // 作者栏
color subtitle_color !important
.meta .label[data-v-29bb62a5]
color sec_text_color !important
padding-left 1em // 作者栏和正文对齐，更整齐
padding-right 1em
div[data-v-5b390a88]:nth-child(2) // 正文
background none !important
.article-content
color post_text_color
markdown-patch()
.update-info[data-v-318b4974] // 正文底部信息栏
color sec_text_color !important
.button-2line>*[data-v-d85ccd1e] // 正文底部点赞等按钮
top 1em
position relative
color sec_text_color !important
&:hover
color button_hover_bg_color !important
// 右侧目录
.toc-wrapper
right -200px !important
.toc[data-v-463b40c0]
border-radius 6px
padding 1em
if card-acrylic
acrylic()
else
background board_color
top 1em
.toc>ul>li[data-v-318b4974]:hover::before,
.article-content .toc>ul>li.active[data-v-318b4974]::before
background-color button_hover_bg_color !important
// 点赞按钮
.actions
.button-2line[data-v-1ddadd0a] > *
color post_text_color
.button-2line[data-v-1ddadd0a]:hover > *
color link_hover_color
// 评论区
.article-comment
position relative
.lfe-h3
color post_text_color
.l-card
acrylic-bg()