Index

joshstock.in / 859b82c

Source for serving and static templating/compiling of https://joshstock.in.

Latest Commit

{#}TimeHashSubjectAuthor#(+)(-)GPG?
20514 Sep 2024 22:4122b1d41Fix up indexJosh Stockin120G

Blob @ joshstock.in / site / style / themes / _themes.scss

text/plain2616 bytesdownload raw
1// themes/default.scss
2
3$background-color: #ffffff;
4$text-color: #151515;
5
6$link-color: #0077a4;
7$link-visited-color: #a04740;
8
9$caption-color: #656565;
10
11$border-color: #d3d3d3;
12$blockquote-background-color: #fafafa;
13
14$code-background-color: #f8f8f8;
15$code-text-color: #ff6000;
16
17html {
18 & {
19 --background-color: #{$background-color};
20 --text-color: #{$text-color};
21 --link-color: #{$link-color};
22 --link-visited-color: #{$link-visited-color};
23 --caption-color: #{$caption-color};
24 --border-color: #{$border-color};
25 --blockquote-background-color: #{$blockquote-background-color};
26 --code-background-color: #{$code-background-color};
27 --code-text-color: #{darken($code-text-color, 5%)};
28 --list-bullet-color: #{$text-color};
29
30 @import 'highlight_default';
31
32 img.darkmodetoggle {
33 content:url(/static/svg/sun.svg);
34 }
35 }
36
37 &.dark {
38 --background-color: #{$text-color};
39 --text-color: #{$background-color};
40 --link-color: #{hsl(hue($link-color), saturation($link-color)+30%, 70%)};
41 --link-visited-color: #{hsl(hue($link-visited-color), saturation($link-visited-color)+30%, 70%)};
42 --caption-color: #{invert($caption-color)};
43 --border-color: #{darken($border-color, 50%)};
44 --blockquote-background-color: #{darken($blockquote-background-color, 80%)};
45 --code-background-color: #2e2e2e;
46 --code-text-color: #{$code-text-color};
47 --list-bullet-color: #{$caption-color};
48
49 @import 'highlight_dark';
50
51 img.svg.icon {
52 filter: invert(100%);
53 }
54 img.darkmodetoggle {
55 content:url(/static/svg/moon.svg);
56 }
57 div.codehilite {
58 background-color: #303030;
59 }
60
61 #commento {
62 * {
63 color: var(--text-color) !important;
64 }
65 a {
66 color: var(--link-color) !important;
67 }
68 a:visited {
69 color: var(--link-visited-color) !important;
70 }
71 textarea, .commento-login-box {
72 background-color: #303030 !important;
73 }
74 .commento-email {
75 &, input, button {
76 background-color: #404040 !important;
77 }
78 }
79 .commento-option-button {
80 background: var(--text-color);
81 }
82 .commento-card {
83 border-top: 1px solid #303030;
84 background: none !important;
85 }
86 }
87 }
88}
89