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

5d49fbf4c476ae3dda8062489e51277c15ab230d · 929 B · 59 lines raw

1	@mixin content_dark {
2	.content {
3	.post {
4	.tags {
5	.tag {
6	background-color: $alt-bg-color-dark;
7
8	a {
9	color: $fg-color-dark;
10	}
11	a:active {
12	color: $fg-color-dark;
13	}
14	}
15	}
16	}
17	.list {
18	ul {
19	li {
20	.title {
21	color: $fg-color-dark;
22
23	&:hover,
24	&:focus {
25	color: $link-color-dark;
26	}
27	}
28	}
29	}
30	}
31
32	.centered {
33	.about {
34	ul {
35	li {
36	a {
37	color: $fg-color-dark;
38
39	&:hover,
40	&:focus {
41	color: $link-color-dark;
42	}
43	}
44	}
45	}
46	}
47	}
48	}
49	}
50
51	body.colorscheme-dark {
52	@include content_dark();
53	}
54
55	body.colorscheme-auto {
56	@media (prefers-color-scheme: dark) {
57	@include content_dark();
58	}
59	}