An HTML-only Bluesky frontend
1:root {
2 color-scheme: light dark;
3}
4
5@media (prefers-color-scheme: light) {
6 :root {
7 --secondary: dimgray;
8 --primary: black;
9 --link: royalblue;
10 --ui: lightgray;
11 }
12}
13
14@media (prefers-color-scheme: dark) {
15 :root {
16 --secondary: darkgray;
17 --primary: white;
18 --link: dodgerblue;
19 --ui: dimgray;
20 }
21}
22
23html {
24 font-family: system-ui, sans-serif;
25 max-width: 800px;
26 margin: 0 auto;
27 line-height: 1.4em;
28}
29
30hr {
31 border: 0;
32 height: 1px;
33 background: var(--ui);
34}
35
36code,
37pre {
38 font-family: ui-monospace, monospace;
39}
40
41a,
42a:visited {
43 color: var(--link);
44 text-decoration: none;
45}
46
47a:hover {
48 text-decoration: underline;
49}
50
51.handle,
52.counts,
53.date,
54.repost {
55 color: var(--secondary);
56}
57
58.counts b {
59 color: var(--primary);
60}
61
62img {
63 max-width: 100%;
64}