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
|
@charset 'utf-8';
/**
* matcha.dark.css
* 夜间模式
*/
body.matcha-dark {
--theme-color: #009999; /*rgb(0, 153, 153)*/
--text-color: #ddd;
--text-gray: #aaa;
--light-bg: rgba(255,255,255,.05);
--gray-bg: rgba(255,255,255,.2);
--light-gray-bg: rgba(255,255,255,.02);
--overlay-bg: rgba(0,0,0,.95);
--white-or-black: #000;
background: #181818;
color: #ddd
}
body.matcha-dark .container {
background: #232323
}
/* 深色背景 */
body.matcha-dark #comment-form .textarea,
body.matcha-dark #comment-form input:not(.submit-extra input),
body.matcha-dark #search input {
background: #181818;
}
body.extrasimple.matcha-dark {
background: var(--white-or-black)
}
body.matcha-dark .small-header.shrink {
background: rgba(10,10,10,.7);
}
/* 去除背景 */
body.matcha-dark .post-content pre code {
background: transparent
}
/* 深色蒙层 */
body.matcha-dark img,
body.matcha-dark iframe {
-webkit-filter: brightness(80%);
filter: brightness(80%)
}
/**
* 特殊元素的处理
*/
/* BracketDown */
body.matcha-dark .bracketdown-block{
color: rgb(0, 120, 120);
background: rgb(0,50,50,.1);
}
body.matcha-dark .bracketdown-block::before {
background: rgba(0, 153, 153, .9)
}
body.matcha-dark .post-content [data-github] {
background: var(--light-bg)
}
body.matcha-dark .bigfoot-footnote__content,
body.matcha-dark .bigfoot-footnote__wrapper,
body.matcha-dark .bigfoot-footnote__tooltip {
background: #333;
}
body.matcha-dark .bigfoot-footnote__wrapper::before,
body.matcha-dark .bigfoot-footnote__wrapper::after {
display: none
}
/* Comment */
body.matcha-dark #comment-form .textarea,
body.matcha-dark #comment-form input:not(.submit-extra input),
body.matcha-dark .protected input {
border: 2px solid var(--gray-bg);
}
/* Post */
body.matcha-dark .post-content pre,
body.matcha-dark .post-content pre code {
text-shadow:0 1px rgba(0,0,0,.05)
}
/* Sidebar */
body.matcha-dark .header {
background: var(--light-gray-bg)
}
/* Header */
body.matcha-dark .small-header button.navbar-button:hover {
background: var(--gray-bg)!important
}
/* Table */
body.matcha-dark table td,
body.matcha-dark table th {
border-color: #444
}
/* Related Links */
body.matcha-dark .indexlink-item {
border-color: #333
}
body.matcha-dark .indexlink-item:hover {
border-color: var(--theme-color)
}
|
