UNPKG

hexo-theme-volantis

Version:

Elegant and powerful theme for Hexo.

volantis.js.org

volantis-x/hexo-theme-volantis

98 lines (85 loc) • 3.27 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
// 首屏加载的暗黑模式 fitst_dark() // Base Dark Color --color-site-body: $color-dark-site-body --color-read-bkg: $color-dark-read-bkg --color-read-post: $color-dark-read-post --color-site-bg: $color-dark-site-bg --color-site-inner: $color-dark-site-inner --color-site-footer: $color-dark-site-footer --color-card: $color-dark-card --color-text: $color-dark-text --color-block: $color-dark-block --color-codeblock: $color-dark-codeblock --color-inlinecode: $color-dark-inlinecode --color-h1: $color-dark-h1 --color-h2: $color-dark-h2 --color-h3: $color-dark-h3 --color-h4: $color-dark-h4 --color-h5: $color-dark-h5 --color-h6: $color-dark-h6 --color-p: $color-dark-p --color-list: $color-dark-list --color-list-hl: $color-dark-list-hl --color-meta: $color-dark-meta --color-link: $color-dark-link --color-copyright-bkg: $color-dark-copyright-bkg --link-color:rgb(228, 228, 228) // 派生色 --color-text-a10: alpha($color-dark-text, .1) --color-text-a50: alpha($color-dark-text, .5) --color-text-a60: alpha($color-dark-text, .6) --color-text-a70: alpha($color-dark-text, .7) --color-text-a80: alpha($color-dark-text, .8) --color-text-a85: alpha($color-dark-text, .85) --color-text-a90: alpha($color-dark-text, .9) --color-card-a50: alpha($color-dark-card, .5) --color-card-a60: alpha($color-dark-card, .6) --color-card-a70: alpha($color-dark-card, .7) --color-card-a80: alpha($color-dark-card, .8) --color-card-a90: alpha($color-dark-card, .9) --color-card-darken2: darken($color-dark-card, 2) --color-card-lighten5: lighten($color-dark-card, 5) --color-p-a20: alpha($color-dark-p, .2) --color-p-a70: alpha($color-dark-p, .7) --color-p-a75: alpha($color-dark-p, .75) --color-block-lighten3: lighten($color-dark-block, 3) --color-block-darken2: darken($color-dark-block, 2) --color-mix60-p-card: mix($color-dark-p, $color-dark-card, 60) --color-codeblock-darken6: darken($color-dark-codeblock, 6) --color-mix75-theme-text: mix($color-theme, $color-dark-text, 75) --color-mix90-block-text: mix($color-dark-block, $color-dark-text, 90) img filter: brightness(convert(hexo-config('color_scheme.dark.brightness'))) !important //header .blur background: rgba($color-dark-site-bg, .9) !important .white-box.blur background: rgba($color-dark-card, .9) !important .nav-main .u-search-input background: var(--color-card) !important #l_main .article .prev-next>a background: var(--color-block) !important &:hover background: var(--color-site-bg) !important .article blockquote background: var(--color-block) !important .article-title a color: var(--color-h1) !important //search #u-search .modal, #u-search .modal-header, #u-search .modal-body background: var(--color-card) !important #u-search .modal-body .modal-results .result:hover background: var(--color-block) !important .u-search-input:hover background: var(--color-block) !important .u-search-input:focus background: var(--color-site-body) !important //phone search .l_header .m_search @media screen and (max-width: $device-mobile) background: var(--color-site-bg) !important volantis-dark(fitst_dark)