jekyll-theme-abd3lraouf 5.2.6 → 5.2.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (95) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE +21 -21
  3. data/README.md +105 -105
  4. data/_data/assets/cross_origin.yml +62 -62
  5. data/_data/assets/self_host.yml +51 -51
  6. data/_data/authors.yml +17 -17
  7. data/_data/contact.yml +30 -30
  8. data/_data/locales/bg-BG.yml +83 -83
  9. data/_data/locales/en.yml +83 -83
  10. data/_data/locales/es-ES.yml +79 -79
  11. data/_data/locales/fr-FR.yml +79 -79
  12. data/_data/locales/hu-HU.yml +81 -81
  13. data/_data/locales/id-ID.yml +79 -79
  14. data/_data/locales/ko-KR.yml +79 -79
  15. data/_data/locales/my-MM.yml +79 -79
  16. data/_data/locales/pt-BR.yml +79 -79
  17. data/_data/locales/ru-RU.yml +79 -79
  18. data/_data/locales/tr-TR.yml +79 -79
  19. data/_data/locales/uk-UA.yml +79 -79
  20. data/_data/locales/vi-VN.yml +77 -77
  21. data/_data/locales/zh-CN.yml +78 -78
  22. data/_data/share.yml +27 -27
  23. data/_includes/assets-origin.html +12 -12
  24. data/_includes/comments/disqus.html +54 -54
  25. data/_includes/comments/giscus.html +56 -56
  26. data/_includes/comments/utterances.html +51 -51
  27. data/_includes/comments.html +5 -5
  28. data/_includes/datetime.html +21 -21
  29. data/_includes/favicons.html +17 -17
  30. data/_includes/footer.html +17 -36
  31. data/_includes/google-analytics.html +14 -14
  32. data/_includes/head.html +116 -116
  33. data/_includes/js-selector.html +104 -104
  34. data/_includes/jsdelivr-combine.html +32 -32
  35. data/_includes/lang.html +8 -8
  36. data/_includes/language-alias.html +70 -70
  37. data/_includes/mermaid.html +57 -57
  38. data/_includes/mode-toggle.html +129 -129
  39. data/_includes/no-linenos.html +10 -10
  40. data/_includes/post-nav.html +30 -30
  41. data/_includes/post-paginator.html +88 -88
  42. data/_includes/post-sharing.html +27 -27
  43. data/_includes/read-time.html +30 -30
  44. data/_includes/refactor-content.html +282 -282
  45. data/_includes/related-posts.html +103 -103
  46. data/_includes/search-loader.html +46 -46
  47. data/_includes/search-results.html +11 -11
  48. data/_includes/sidebar.html +93 -93
  49. data/_includes/toc.html +16 -16
  50. data/_includes/topbar.html +70 -70
  51. data/_includes/trending-tags.html +50 -50
  52. data/_includes/update-list.html +40 -40
  53. data/_layouts/archives.html +48 -48
  54. data/_layouts/categories.html +120 -120
  55. data/_layouts/category.html +24 -24
  56. data/_layouts/compress.html +10 -10
  57. data/_layouts/default.html +74 -74
  58. data/_layouts/home.html +103 -103
  59. data/_layouts/page.html +64 -64
  60. data/_layouts/post.html +159 -159
  61. data/_layouts/tag.html +23 -23
  62. data/_layouts/tags.html +23 -23
  63. data/_plugins/posts-lastmod-hook.rb +14 -14
  64. data/_sass/addon/commons.scss +1678 -1680
  65. data/_sass/addon/module.scss +151 -151
  66. data/_sass/addon/syntax.scss +289 -289
  67. data/_sass/addon/variables.scss +34 -34
  68. data/_sass/colors/dark-syntax.scss +88 -88
  69. data/_sass/colors/dark-typography.scss +157 -157
  70. data/_sass/colors/light-syntax.scss +84 -84
  71. data/_sass/colors/light-typography.scss +94 -94
  72. data/_sass/layout/archives.scss +147 -147
  73. data/_sass/layout/categories.scss +67 -67
  74. data/_sass/layout/category-tag.scss +73 -73
  75. data/_sass/layout/home.scss +184 -184
  76. data/_sass/layout/post.scss +369 -369
  77. data/_sass/layout/tags.scss +19 -19
  78. data/_sass/variables-hook.scss +3 -3
  79. data/_tabs/about.md +8 -8
  80. data/_tabs/archives.md +7 -7
  81. data/_tabs/categories.md +6 -6
  82. data/_tabs/tags.md +6 -6
  83. data/assets/404.html +16 -16
  84. data/assets/css/style.scss +12 -12
  85. data/assets/feed.xml +61 -61
  86. data/assets/img/favicons/browserconfig.xml +13 -13
  87. data/assets/img/favicons/site.webmanifest +26 -26
  88. data/assets/js/data/search.json +18 -18
  89. data/assets/js/data/swcache.js +55 -55
  90. data/assets/js/pwa/app.js +47 -47
  91. data/assets/js/pwa/sw.js +89 -89
  92. data/assets/js/pwa/unregister.js +12 -12
  93. data/assets/robots.txt +10 -10
  94. data/index.html +4 -4
  95. metadata +7 -7
data/_sass/colors/dark-syntax.scss CHANGED
@@ -1,88 +1,88 @@
1
- /*
2
- * The syntax dark mode styles.
3
- */
4
-
5
- @mixin dark-syntax {
6
- /* syntax highlight colors from https://raw.githubusercontent.com/jwarby/pygments-css/master/monokai.css */
7
- .highlight pre { background-color: var(--highlight-bg-color); }
8
- .highlight .hll { background-color: var(--highlight-bg-color); }
9
- .highlight .c { color: #75715e; } /* Comment */
10
- .highlight .err { color: #960050; background-color: #1e0010; } /* Error */
11
- .highlight .k { color: #66d9ef; } /* Keyword */
12
- .highlight .l { color: #ae81ff; } /* Literal */
13
- .highlight .n { color: #f8f8f2; } /* Name */
14
- .highlight .o { color: #f92672; } /* Operator */
15
- .highlight .p { color: #f8f8f2; } /* Punctuation */
16
- .highlight .cm { color: #75715e; } /* Comment.Multiline */
17
- .highlight .cp { color: #75715e; } /* Comment.Preproc */
18
- .highlight .c1 { color: #75715e; } /* Comment.Single */
19
- .highlight .cs { color: #75715e; } /* Comment.Special */
20
- .highlight .ge { color: inherit; font-style: italic; } /* Generic.Emph */
21
- .highlight .gs { font-weight: bold; } /* Generic.Strong */
22
- .highlight .kc { color: #66d9ef; } /* Keyword.Constant */
23
- .highlight .kd { color: #66d9ef; } /* Keyword.Declaration */
24
- .highlight .kn { color: #f92672; } /* Keyword.Namespace */
25
- .highlight .kp { color: #66d9ef; } /* Keyword.Pseudo */
26
- .highlight .kr { color: #66d9ef; } /* Keyword.Reserved */
27
- .highlight .kt { color: #66d9ef; } /* Keyword.Type */
28
- .highlight .ld { color: #e6db74; } /* Literal.Date */
29
- .highlight .m { color: #ae81ff; } /* Literal.Number */
30
- .highlight .s { color: #e6db74; } /* Literal.String */
31
- .highlight .na { color: #a6e22e; } /* Name.Attribute */
32
- .highlight .nb { color: #f8f8f2; } /* Name.Builtin */
33
- .highlight .nc { color: #a6e22e; } /* Name.Class */
34
- .highlight .no { color: #66d9ef; } /* Name.Constant */
35
- .highlight .nd { color: #a6e22e; } /* Name.Decorator */
36
- .highlight .ni { color: #f8f8f2; } /* Name.Entity */
37
- .highlight .ne { color: #a6e22e; } /* Name.Exception */
38
- .highlight .nf { color: #a6e22e; } /* Name.Function */
39
- .highlight .nl { color: #f8f8f2; } /* Name.Label */
40
- .highlight .nn { color: #f8f8f2; } /* Name.Namespace */
41
- .highlight .nx { color: #a6e22e; } /* Name.Other */
42
- .highlight .py { color: #f8f8f2; } /* Name.Property */
43
- .highlight .nt { color: #f92672; } /* Name.Tag */
44
- .highlight .nv { color: #f8f8f2; } /* Name.Variable */
45
- .highlight .ow { color: #f92672; } /* Operator.Word */
46
- .highlight .w { color: #f8f8f2; } /* Text.Whitespace */
47
- .highlight .mf { color: #ae81ff; } /* Literal.Number.Float */
48
- .highlight .mh { color: #ae81ff; } /* Literal.Number.Hex */
49
- .highlight .mi { color: #ae81ff; } /* Literal.Number.Integer */
50
- .highlight .mo { color: #ae81ff; } /* Literal.Number.Oct */
51
- .highlight .sb { color: #e6db74; } /* Literal.String.Backtick */
52
- .highlight .sc { color: #e6db74; } /* Literal.String.Char */
53
- .highlight .sd { color: #e6db74; } /* Literal.String.Doc */
54
- .highlight .s2 { color: #e6db74; } /* Literal.String.Double */
55
- .highlight .se { color: #ae81ff; } /* Literal.String.Escape */
56
- .highlight .sh { color: #e6db74; } /* Literal.String.Heredoc */
57
- .highlight .si { color: #e6db74; } /* Literal.String.Interpol */
58
- .highlight .sx { color: #e6db74; } /* Literal.String.Other */
59
- .highlight .sr { color: #e6db74; } /* Literal.String.Regex */
60
- .highlight .s1 { color: #e6db74; } /* Literal.String.Single */
61
- .highlight .ss { color: #e6db74; } /* Literal.String.Symbol */
62
- .highlight .bp { color: #f8f8f2; } /* Name.Builtin.Pseudo */
63
- .highlight .vc { color: #f8f8f2; } /* Name.Variable.Class */
64
- .highlight .vg { color: #f8f8f2; } /* Name.Variable.Global */
65
- .highlight .vi { color: #f8f8f2; } /* Name.Variable.Instance */
66
- .highlight .il { color: #ae81ff; } /* Literal.Number.Integer.Long */
67
- .highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
68
- .highlight .gd { color: #f92672; background-color: #561c08; } /* Generic.Deleted & Diff Deleted */
69
- .highlight .gi { color: #a6e22e; background-color: #0b5858; } /* Generic.Inserted & Diff Inserted */
70
-
71
- /* ----- custom styles ------ */
72
-
73
- --highlight-bg-color: #252525;
74
- --highlighter-rouge-color: #de6b18;
75
- --highlight-lineno-color: #6c6c6d;
76
- --inline-code-bg: #272822;
77
- --code-header-text-color: #6a6a6a;
78
- --code-header-muted-color: rgb(60 60 60);
79
- --code-header-icon-color: rgb(86 86 86);
80
- --clipboard-checked-color: #2bcc2b;
81
- --filepath-text-color: #bdbdbd;
82
-
83
- .highlight {
84
- .gp { color: #818c96; }
85
- }
86
-
87
- pre { color: #bfbfbf; } /* override Bootstrap */
88
- }
1
+ /*
2
+ * The syntax dark mode styles.
3
+ */
4
+
5
+ @mixin dark-syntax {
6
+ /* syntax highlight colors from https://raw.githubusercontent.com/jwarby/pygments-css/master/monokai.css */
7
+ .highlight pre { background-color: var(--highlight-bg-color); }
8
+ .highlight .hll { background-color: var(--highlight-bg-color); }
9
+ .highlight .c { color: #75715e; } /* Comment */
10
+ .highlight .err { color: #960050; background-color: #1e0010; } /* Error */
11
+ .highlight .k { color: #66d9ef; } /* Keyword */
12
+ .highlight .l { color: #ae81ff; } /* Literal */
13
+ .highlight .n { color: #f8f8f2; } /* Name */
14
+ .highlight .o { color: #f92672; } /* Operator */
15
+ .highlight .p { color: #f8f8f2; } /* Punctuation */
16
+ .highlight .cm { color: #75715e; } /* Comment.Multiline */
17
+ .highlight .cp { color: #75715e; } /* Comment.Preproc */
18
+ .highlight .c1 { color: #75715e; } /* Comment.Single */
19
+ .highlight .cs { color: #75715e; } /* Comment.Special */
20
+ .highlight .ge { color: inherit; font-style: italic; } /* Generic.Emph */
21
+ .highlight .gs { font-weight: bold; } /* Generic.Strong */
22
+ .highlight .kc { color: #66d9ef; } /* Keyword.Constant */
23
+ .highlight .kd { color: #66d9ef; } /* Keyword.Declaration */
24
+ .highlight .kn { color: #f92672; } /* Keyword.Namespace */
25
+ .highlight .kp { color: #66d9ef; } /* Keyword.Pseudo */
26
+ .highlight .kr { color: #66d9ef; } /* Keyword.Reserved */
27
+ .highlight .kt { color: #66d9ef; } /* Keyword.Type */
28
+ .highlight .ld { color: #e6db74; } /* Literal.Date */
29
+ .highlight .m { color: #ae81ff; } /* Literal.Number */
30
+ .highlight .s { color: #e6db74; } /* Literal.String */
31
+ .highlight .na { color: #a6e22e; } /* Name.Attribute */
32
+ .highlight .nb { color: #f8f8f2; } /* Name.Builtin */
33
+ .highlight .nc { color: #a6e22e; } /* Name.Class */
34
+ .highlight .no { color: #66d9ef; } /* Name.Constant */
35
+ .highlight .nd { color: #a6e22e; } /* Name.Decorator */
36
+ .highlight .ni { color: #f8f8f2; } /* Name.Entity */
37
+ .highlight .ne { color: #a6e22e; } /* Name.Exception */
38
+ .highlight .nf { color: #a6e22e; } /* Name.Function */
39
+ .highlight .nl { color: #f8f8f2; } /* Name.Label */
40
+ .highlight .nn { color: #f8f8f2; } /* Name.Namespace */
41
+ .highlight .nx { color: #a6e22e; } /* Name.Other */
42
+ .highlight .py { color: #f8f8f2; } /* Name.Property */
43
+ .highlight .nt { color: #f92672; } /* Name.Tag */
44
+ .highlight .nv { color: #f8f8f2; } /* Name.Variable */
45
+ .highlight .ow { color: #f92672; } /* Operator.Word */
46
+ .highlight .w { color: #f8f8f2; } /* Text.Whitespace */
47
+ .highlight .mf { color: #ae81ff; } /* Literal.Number.Float */
48
+ .highlight .mh { color: #ae81ff; } /* Literal.Number.Hex */
49
+ .highlight .mi { color: #ae81ff; } /* Literal.Number.Integer */
50
+ .highlight .mo { color: #ae81ff; } /* Literal.Number.Oct */
51
+ .highlight .sb { color: #e6db74; } /* Literal.String.Backtick */
52
+ .highlight .sc { color: #e6db74; } /* Literal.String.Char */
53
+ .highlight .sd { color: #e6db74; } /* Literal.String.Doc */
54
+ .highlight .s2 { color: #e6db74; } /* Literal.String.Double */
55
+ .highlight .se { color: #ae81ff; } /* Literal.String.Escape */
56
+ .highlight .sh { color: #e6db74; } /* Literal.String.Heredoc */
57
+ .highlight .si { color: #e6db74; } /* Literal.String.Interpol */
58
+ .highlight .sx { color: #e6db74; } /* Literal.String.Other */
59
+ .highlight .sr { color: #e6db74; } /* Literal.String.Regex */
60
+ .highlight .s1 { color: #e6db74; } /* Literal.String.Single */
61
+ .highlight .ss { color: #e6db74; } /* Literal.String.Symbol */
62
+ .highlight .bp { color: #f8f8f2; } /* Name.Builtin.Pseudo */
63
+ .highlight .vc { color: #f8f8f2; } /* Name.Variable.Class */
64
+ .highlight .vg { color: #f8f8f2; } /* Name.Variable.Global */
65
+ .highlight .vi { color: #f8f8f2; } /* Name.Variable.Instance */
66
+ .highlight .il { color: #ae81ff; } /* Literal.Number.Integer.Long */
67
+ .highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
68
+ .highlight .gd { color: #f92672; background-color: #561c08; } /* Generic.Deleted & Diff Deleted */
69
+ .highlight .gi { color: #a6e22e; background-color: #0b5858; } /* Generic.Inserted & Diff Inserted */
70
+
71
+ /* ----- custom styles ------ */
72
+
73
+ --highlight-bg-color: #252525;
74
+ --highlighter-rouge-color: #de6b18;
75
+ --highlight-lineno-color: #6c6c6d;
76
+ --inline-code-bg: #272822;
77
+ --code-header-text-color: #6a6a6a;
78
+ --code-header-muted-color: rgb(60 60 60);
79
+ --code-header-icon-color: rgb(86 86 86);
80
+ --clipboard-checked-color: #2bcc2b;
81
+ --filepath-text-color: #bdbdbd;
82
+
83
+ .highlight {
84
+ .gp { color: #818c96; }
85
+ }
86
+
87
+ pre { color: #bfbfbf; } /* override Bootstrap */
88
+ }
data/_sass/colors/dark-typography.scss CHANGED
@@ -1,157 +1,157 @@
1
- /*
2
- * The main dark mode styles
3
- */
4
-
5
- @mixin dark-scheme {
6
- /* Framework color */
7
- --body-bg: var(--main-wrapper-bg);
8
- --mask-bg: rgb(68, 69, 70);
9
- --main-wrapper-bg: rgb(27, 27, 30);
10
- --main-border-color: rgb(44, 45, 45);
11
-
12
- /* Common color */
13
- --text-color: rgb(175, 176, 177);
14
- --text-muted-color: rgb(107, 116, 124);
15
- --heading-color: #cccccc;
16
- --blockquote-border-color: rgb(66, 66, 66);
17
- --blockquote-text-color: rgb(117, 117, 117);
18
- --link-color: rgb(138, 180, 248);
19
- --link-underline-color: rgb(82, 108, 150);
20
- --button-bg: rgb(39, 40, 43);
21
- --btn-border-color: rgb(63, 65, 68);
22
- --btn-backtotop-color: var(--text-color);
23
- --btn-backtotop-border-color: var(--btn-border-color);
24
- --btn-box-shadow: var(--main-wrapper-bg);
25
- --card-header-bg: rgb(51, 50, 50);
26
- --label-color: rgb(108, 117, 125);
27
- --checkbox-color: rgb(118 120 121);
28
- --checkbox-checked-color: var(--link-color);
29
-
30
- /* Sidebar */
31
- --sidebar-bg: radial-gradient(circle, #242424 0%, #1d1f27 100%);
32
- --sidebar-muted-color: #6d6c6b;
33
- --sidebar-active-color: rgb(255 255 255 / 80%);
34
- --nav-cursor-color: rgb(183, 182, 182);
35
- --sidebar-btn-bg: rgb(117 116 116 / 20%);
36
-
37
- /* Topbar */
38
- --topbar-text-color: var(--text-color);
39
- --topbar-wrapper-bg: rgb(39, 40, 43);
40
- --search-wrapper-bg: rgb(34, 34, 39);
41
- --search-wrapper-border-color: rgb(34, 34, 39);
42
- --search-icon-color: rgb(100, 102, 105);
43
- --input-focus-border-color: rgb(112, 114, 115);
44
-
45
- /* Home page */
46
- --post-list-text-color: rgb(175, 176, 177);
47
- --btn-patinator-text-color: var(--text-color);
48
- --btn-paginator-hover-color: rgb(64, 65, 66);
49
- --btn-paginator-border-color: var(--btn-border-color);
50
- --btn-text-color: var(--text-color);
51
- --pin-bg: rgb(34 35 37);
52
- --pin-color: inherit;
53
-
54
- /* Posts */
55
- --toc-highlight: rgb(116, 178, 243);
56
- --tag-bg: rgb(41, 40, 40);
57
- --tag-hover: rgb(43, 56, 62);
58
- --tb-odd-bg: rgba(42, 47, 53, 0.52); /* odd rows of the posts' table */
59
- --tb-even-bg: rgb(31, 31, 34); /* even rows of the posts' table */
60
- --tb-border-color: var(--tb-odd-bg);
61
- --footnote-target-bg: rgb(63, 81, 181);
62
- --btn-share-color: #6c757d;
63
- --btn-share-hover-color: #bfc1ca;
64
- --relate-post-date: var(--text-muted-color);
65
- --card-bg: rgb(39, 40, 43);
66
- --card-border-color: rgb(53, 53, 60);
67
- --card-box-shadow: var(--main-wrapper-bg);
68
- --preview-img-bg: radial-gradient(circle, rgb(22 22 24) 0%, rgb(32 32 32) 100%);
69
- --kbd-wrap-color: #6a6a6a;
70
- --kbd-text-color: #d3d3d3;
71
- --kbd-bg-color: #242424;
72
- --prompt-text-color: rgb(216 212 212 / 75%);
73
- --prompt-tip-bg: rgba(77, 187, 95, 0.2);
74
- --prompt-tip-icon-color: rgb(5 223 5 / 68%);
75
- --prompt-info-bg: rgb(7 59 104 / 80%);
76
- --prompt-info-icon-color: #0075d1;
77
- --prompt-warning-bg: rgb(90 69 3 / 95%);
78
- --prompt-warning-icon-color: rgb(255 165 0 / 80%);
79
- --prompt-danger-bg: rgb(86 28 8 / 80%);
80
- --prompt-danger-icon-color: #cd0202;
81
-
82
- /* tags */
83
- --tag-border: rgb(59, 79, 88);
84
- --tag-shadow: rgb(32, 33, 33);
85
- --search-tag-bg: var(--tag-bg);
86
- --dash-color: rgb(63, 65, 68);
87
-
88
- /* categories */
89
- --categories-border: rgb(64, 66, 69);
90
- --categories-hover-bg: rgb(73, 75, 76);
91
- --categories-icon-hover-color: white;
92
-
93
- /* archives */
94
- --timeline-node-bg: rgb(150, 152, 156);
95
- --timeline-color: rgb(63, 65, 68);
96
- --timeline-year-dot-color: var(--timeline-color);
97
-
98
- .post img[data-src] {
99
- filter: brightness(95%);
100
- }
101
-
102
- hr {
103
- border-color: var(--main-border-color);
104
- }
105
-
106
- /* posts' toc, override BS */
107
- nav[data-toggle=toc] .nav-link.active,
108
- nav[data-toggle=toc] .nav-link.active:focus,
109
- nav[data-toggle=toc] .nav-link.active:hover,
110
- nav[data-toggle=toc] .nav > li > a:focus,
111
- nav[data-toggle=toc] .nav > li > a:hover {
112
- color: var(--toc-highlight) !important;
113
- border-left-color: var(--toc-highlight) !important;
114
- }
115
-
116
- /* categories */
117
- .categories.card,
118
- .list-group-item {
119
- background-color: var(--card-bg);
120
- }
121
-
122
- .categories {
123
- .card-header {
124
- background-color: var(--card-header-bg);
125
- }
126
-
127
- .list-group-item {
128
- border-left: none;
129
- border-right: none;
130
- padding-left: 2rem;
131
- border-color: var(--categories-border);
132
-
133
- &:last-child {
134
- border-bottom-color: var(--card-bg);
135
- }
136
- }
137
- }
138
-
139
- #archives li:nth-child(odd) {
140
- background-image:
141
- linear-gradient(
142
- to left,
143
- rgb(26, 26, 30),
144
- rgb(39, 39, 45),
145
- rgb(39, 39, 45),
146
- rgb(39, 39, 45),
147
- rgb(26, 26, 30)
148
- );
149
- }
150
-
151
- color-scheme: dark;
152
-
153
- #disqus_thread {
154
- color-scheme: none;
155
- }
156
-
157
- } /* dark-scheme */
1
+ /*
2
+ * The main dark mode styles
3
+ */
4
+
5
+ @mixin dark-scheme {
6
+ /* Framework color */
7
+ --body-bg: var(--main-wrapper-bg);
8
+ --mask-bg: rgb(68, 69, 70);
9
+ --main-wrapper-bg: rgb(27, 27, 30);
10
+ --main-border-color: rgb(44, 45, 45);
11
+
12
+ /* Common color */
13
+ --text-color: rgb(175, 176, 177);
14
+ --text-muted-color: rgb(107, 116, 124);
15
+ --heading-color: #cccccc;
16
+ --blockquote-border-color: rgb(66, 66, 66);
17
+ --blockquote-text-color: rgb(117, 117, 117);
18
+ --link-color: rgb(138, 180, 248);
19
+ --link-underline-color: rgb(82, 108, 150);
20
+ --button-bg: rgb(39, 40, 43);
21
+ --btn-border-color: rgb(63, 65, 68);
22
+ --btn-backtotop-color: var(--text-color);
23
+ --btn-backtotop-border-color: var(--btn-border-color);
24
+ --btn-box-shadow: var(--main-wrapper-bg);
25
+ --card-header-bg: rgb(51, 50, 50);
26
+ --label-color: rgb(108, 117, 125);
27
+ --checkbox-color: rgb(118 120 121);
28
+ --checkbox-checked-color: var(--link-color);
29
+
30
+ /* Sidebar */
31
+ --sidebar-bg: radial-gradient(circle, #242424 0%, #1d1f27 100%);
32
+ --sidebar-muted-color: #6d6c6b;
33
+ --sidebar-active-color: rgb(255 255 255 / 80%);
34
+ --nav-cursor-color: rgb(183, 182, 182);
35
+ --sidebar-btn-bg: rgb(117 116 116 / 20%);
36
+
37
+ /* Topbar */
38
+ --topbar-text-color: var(--text-color);
39
+ --topbar-wrapper-bg: rgb(39, 40, 43);
40
+ --search-wrapper-bg: rgb(34, 34, 39);
41
+ --search-wrapper-border-color: rgb(34, 34, 39);
42
+ --search-icon-color: rgb(100, 102, 105);
43
+ --input-focus-border-color: rgb(112, 114, 115);
44
+
45
+ /* Home page */
46
+ --post-list-text-color: rgb(175, 176, 177);
47
+ --btn-patinator-text-color: var(--text-color);
48
+ --btn-paginator-hover-color: rgb(64, 65, 66);
49
+ --btn-paginator-border-color: var(--btn-border-color);
50
+ --btn-text-color: var(--text-color);
51
+ --pin-bg: rgb(34 35 37);
52
+ --pin-color: inherit;
53
+
54
+ /* Posts */
55
+ --toc-highlight: rgb(116, 178, 243);
56
+ --tag-bg: rgb(41, 40, 40);
57
+ --tag-hover: rgb(43, 56, 62);
58
+ --tb-odd-bg: rgba(42, 47, 53, 0.52); /* odd rows of the posts' table */
59
+ --tb-even-bg: rgb(31, 31, 34); /* even rows of the posts' table */
60
+ --tb-border-color: var(--tb-odd-bg);
61
+ --footnote-target-bg: rgb(63, 81, 181);
62
+ --btn-share-color: #6c757d;
63
+ --btn-share-hover-color: #bfc1ca;
64
+ --relate-post-date: var(--text-muted-color);
65
+ --card-bg: rgb(39, 40, 43);
66
+ --card-border-color: rgb(53, 53, 60);
67
+ --card-box-shadow: var(--main-wrapper-bg);
68
+ --preview-img-bg: radial-gradient(circle, rgb(22 22 24) 0%, rgb(32 32 32) 100%);
69
+ --kbd-wrap-color: #6a6a6a;
70
+ --kbd-text-color: #d3d3d3;
71
+ --kbd-bg-color: #242424;
72
+ --prompt-text-color: rgb(216 212 212 / 75%);
73
+ --prompt-tip-bg: rgba(77, 187, 95, 0.2);
74
+ --prompt-tip-icon-color: rgb(5 223 5 / 68%);
75
+ --prompt-info-bg: rgb(7 59 104 / 80%);
76
+ --prompt-info-icon-color: #0075d1;
77
+ --prompt-warning-bg: rgb(90 69 3 / 95%);
78
+ --prompt-warning-icon-color: rgb(255 165 0 / 80%);
79
+ --prompt-danger-bg: rgb(86 28 8 / 80%);
80
+ --prompt-danger-icon-color: #cd0202;
81
+
82
+ /* tags */
83
+ --tag-border: rgb(59, 79, 88);
84
+ --tag-shadow: rgb(32, 33, 33);
85
+ --search-tag-bg: var(--tag-bg);
86
+ --dash-color: rgb(63, 65, 68);
87
+
88
+ /* categories */
89
+ --categories-border: rgb(64, 66, 69);
90
+ --categories-hover-bg: rgb(73, 75, 76);
91
+ --categories-icon-hover-color: white;
92
+
93
+ /* archives */
94
+ --timeline-node-bg: rgb(150, 152, 156);
95
+ --timeline-color: rgb(63, 65, 68);
96
+ --timeline-year-dot-color: var(--timeline-color);
97
+
98
+ .post img[data-src] {
99
+ filter: brightness(95%);
100
+ }
101
+
102
+ hr {
103
+ border-color: var(--main-border-color);
104
+ }
105
+
106
+ /* posts' toc, override BS */
107
+ nav[data-toggle=toc] .nav-link.active,
108
+ nav[data-toggle=toc] .nav-link.active:focus,
109
+ nav[data-toggle=toc] .nav-link.active:hover,
110
+ nav[data-toggle=toc] .nav > li > a:focus,
111
+ nav[data-toggle=toc] .nav > li > a:hover {
112
+ color: var(--toc-highlight) !important;
113
+ border-left-color: var(--toc-highlight) !important;
114
+ }
115
+
116
+ /* categories */
117
+ .categories.card,
118
+ .list-group-item {
119
+ background-color: var(--card-bg);
120
+ }
121
+
122
+ .categories {
123
+ .card-header {
124
+ background-color: var(--card-header-bg);
125
+ }
126
+
127
+ .list-group-item {
128
+ border-left: none;
129
+ border-right: none;
130
+ padding-left: 2rem;
131
+ border-color: var(--categories-border);
132
+
133
+ &:last-child {
134
+ border-bottom-color: var(--card-bg);
135
+ }
136
+ }
137
+ }
138
+
139
+ #archives li:nth-child(odd) {
140
+ background-image:
141
+ linear-gradient(
142
+ to left,
143
+ rgb(26, 26, 30),
144
+ rgb(39, 39, 45),
145
+ rgb(39, 39, 45),
146
+ rgb(39, 39, 45),
147
+ rgb(26, 26, 30)
148
+ );
149
+ }
150
+
151
+ color-scheme: dark;
152
+
153
+ #disqus_thread {
154
+ color-scheme: none;
155
+ }
156
+
157
+ } /* dark-scheme */