Source code of my website
♻️ : remove inlined style for body
+24
-41
+24
assets/css/custom.css
+24
assets/css/custom.css
···
1
+
body {
2
+
--sidebar-bg-color: #5ea4e2;
3
+
--sidebar-img-border-color: #515151;
4
+
--sidebar-p-color: #111111;
5
+
--sidebar-h1-color: #FFF;
6
+
--sidebar-a-color: #FFF;
7
+
--sidebar-socials-color: #FFF;
8
+
--text-color: #222;
9
+
--bkg-color: #FAF9F6;
10
+
--post-title-color: #303030;
11
+
--list-color: #5a5a5a;
12
+
--link-color: #268bd2;
13
+
--date-color: #515151;
14
+
--table-border-color: #E5E5E5;
15
+
--table-stripe-color: #F9F9F9;
16
+
--code-color: #000;
17
+
--code-background-color: #E5E5E5;
18
+
--code-block-color: #fff;
19
+
--code-block-background-color: #272822;
20
+
--moon-sun-color: #FFF;
21
+
--moon-sun-background-color: #515151;
22
+
background-color: var(--bkg-color);
23
+
}
24
+
1
25
.lead {
2
26
font-size: 1rem;
3
27
}
-41
themes/poison/layouts/partials/head/css.html
-41
themes/poison/layouts/partials/head/css.html
···
1
-
<style>
2
-
body {
3
-
--sidebar-bg-color: {{ with .Site.Params.sidebar_bg_color }}{{ . }}{{ else }}#202020{{ end }};
4
-
--sidebar-img-border-color: {{ with .Site.Params.sidebar_img_border_color }}{{ . }}{{ else }}#515151{{ end }};
5
-
--sidebar-p-color: {{ with .Site.Params.sidebar_p_color }}{{ . }}{{ else }}#909090{{ end }};
6
-
--sidebar-h1-color: {{ with .Site.Params.sidebar_h1_color }}{{ . }}{{ else }}#FFF{{ end }};
7
-
--sidebar-a-color: {{ with .Site.Params.sidebar_a_color }}{{ . }}{{ else }}#FFF{{ end }};
8
-
--sidebar-socials-color: {{ with .Site.Params.sidebar_socials_color }}{{ . }}{{ else }}#FFF{{ end }};
9
-
--text-color: {{ with .Site.Params.text_color }}{{ . }}{{ else }}#222{{ end }};
10
-
--bkg-color: {{ with .Site.Params.content_bg_color }}{{ . }}{{ else }}#FAF9F6{{ end }};
11
-
--post-title-color: {{ with .Site.Params.post_title_color }}{{ . }}{{ else }}#303030{{ end }};
12
-
--list-color: {{ with .Site.Params.list_color }}{{ . }}{{ else }}#5a5a5a{{ end }};
13
-
--link-color: {{ with .Site.Params.link_color }}{{ . }}{{ else }}#268bd2{{ end }};
14
-
--date-color: {{ with .Site.Params.date_color }}{{ . }}{{ else }}#515151{{ end }};
15
-
--table-border-color: {{ with .Site.Params.table_border_color }}{{ . }}{{ else }}#E5E5E5{{ end }};
16
-
--table-stripe-color: {{ with .Site.Params.table_stripe_color }}{{ . }}{{ else }}#F9F9F9{{ end }};
17
-
--code-color: {{ with .Site.Params.code_color }}{{ . }}{{ else }}#000{{ end }};
18
-
--code-background-color: {{ with .Site.Params.code_background_color }}{{ . }}{{ else }}#E5E5E5{{ end }};
19
-
--code-block-color: {{ with .Site.Params.code_block_color }}{{ . }}{{ else }}#fff{{ end }};
20
-
--code-block-background-color: {{ with .Site.Params.code_block_background_color }}{{ . }}{{ else }}#272822{{ end }};
21
-
--moon-sun-color: {{ with .Site.Params.moon_sun_color }}{{ . }}{{ else }}#FFF{{ end }};
22
-
--moon-sun-background-color: {{ with .Site.Params.moon_sun_background_color }}{{ . }}{{ else }}#515151{{ end }};
23
-
}
24
-
body.dark-theme {
25
-
--text-color: {{ with .Site.Params.text_color_dark }}{{ . }}{{ else }}#eee{{ end }};
26
-
--bkg-color: {{ with .Site.Params.content_bg_color_dark }}{{ . }}{{ else }}#121212{{ end }};
27
-
--post-title-color: {{ with .Site.Params.post_title_color_dark }}{{ . }}{{ else }}#DBE2E9{{ end }};
28
-
--list-color: {{ with .Site.Params.list_color_dark }}{{ . }}{{ else }}#9d9d9d{{ end }};
29
-
--link-color: {{ with .Site.Params.link_color_dark }}{{ . }}{{ else }}#268bd2{{ end }};
30
-
--date-color: {{ with .Site.Params.date_color_dark }}{{ . }}{{ else }}#9a9a9a{{ end }};
31
-
--table-border-color: {{ with .Site.Params.table_border_color_dark }}{{ . }}{{ else }}#515151{{ end }};
32
-
--table-stripe-color: {{ with .Site.Params.table_stripe_color_dark }}{{ . }}{{ else }}#202020{{ end }};
33
-
--code-color: {{ with .Site.Params.code_color_dark }}{{ . }}{{ else }}#fff{{ end }};
34
-
--code-background-color: {{ with .Site.Params.code_background_color_dark }}{{ . }}{{ else }}#515151{{ end }};
35
-
--code-block-color: {{ with .Site.Params.code_block_color_dark }}{{ . }}{{ else }}#fff{{ end }};
36
-
--code-block-background-color: {{ with .Site.Params.code_block_background_color_dark }}{{ . }}{{ else }}#272822{{ end }};
37
-
}
38
-
body {
39
-
background-color: var(--bkg-color);
40
-
}
41
-
</style>