Index

joshstock.in / 6cf7888

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

Latest Commit

{#}TimeHashSubjectAuthor#(+)(-)GPG?
15814 Jan 2023 23:375aaa26aWebsite rewriteJosh Stockin1860G

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

text/plain2523 bytesdownload raw
1// themes/default.scss
2
3$background-color: #ffffff;
4$text-color: #252525;
5
6$link-color: #0077a4;
7$link-visited-color: #a06780;
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
29 @import 'highlight_default';
30
31 img.darkmodetoggle {
32 content:url(/static/svg/sun.svg);
33 }
34 }
35
36 &.dark {
37 --background-color: #{$text-color};
38 --text-color: #{$background-color};
39 --link-color: #{hsl(hue($link-color), saturation($link-color)+30%, 70%)};
40 --link-visited-color: #{hsl(hue($link-visited-color), saturation($link-visited-color)+30%, 70%)};
41 --caption-color: #{invert($caption-color)};
42 --border-color: #{darken($border-color, 50%)};
43 --blockquote-background-color: #{darken($blockquote-background-color, 80%)};
44 --code-background-color: #2e2e2e;
45 --code-text-color: #{$code-text-color};
46
47 @import 'highlight_dark';
48
49 img.svg.icon {
50 filter: invert(100%);
51 }
52 img.darkmodetoggle {
53 content:url(/static/svg/moon.svg);
54 }
55 div.codehilite {
56 background-color: #303030;
57 }
58
59 #commento {
60 * {
61 color: var(--text-color) !important;
62 }
63 a {
64 color: var(--link-color) !important;
65 }
66 a:visited {
67 color: var(--link-visited-color) !important;
68 }
69 textarea, .commento-login-box {
70 background-color: #303030 !important;
71 }
72 .commento-email {
73 &, input, button {
74 background-color: #404040 !important;
75 }
76 }
77 .commento-option-button {
78 background: var(--text-color);
79 }
80 .commento-card {
81 border-top: 1px solid #303030;
82 background: none !important;
83 }
84 }
85 }
86}
87