themes/hugo-coder/assets/scss/_base_dark.scss

728a456cf7a5c0858c15de1d69851753ee640106 · 979 B · 66 lines raw

1	@mixin base_dark {
2	color: $fg-color-dark;
3	background-color: $bg-color-dark;
4
5	a {
6	color: $link-color-dark;
7	}
8
9	h1,
10	h2,
11	h3,
12	h4,
13	h5,
14	h6 {
15	color: $alt-fg-color-dark;
16
17	&:hover .heading-link {
18	visibility: visible;
19	}
20
21	.heading-link {
22	color: $link-color-dark;
23	font-weight: inherit;
24	text-decoration: none;
25	font-size: 80%;
26	visibility: hidden;
27	}
28
29	.title-link {
30	color: inherit;
31	font-weight: inherit;
32	text-decoration: none;
33	}
34	}
35
36	code {
37	background-color: $alt-bg-color-dark;
38	color: $fg-color-dark;
39	}
40
41	pre {
42	code {
43	background-color: inherit;
44	color: inherit;
45	}
46	}
47
48	blockquote {
49	border-left: 2px solid $alt-bg-color-dark;
50	}
51
52	table td,
53	table th {
54	border: 2px solid $alt-fg-color-dark;
55	}
56	}
57
58	body.colorscheme-dark {
59	@include base_dark();
60	}
61
62	body.colorscheme-auto {
63	@media (prefers-color-scheme: dark) {
64	@include base_dark();
65	}
66	}