Monorepo for wisp.place. A static site hosting service built on top of the AT Protocol.
wisp.place
nekomimi.pet
1/* Use the same color scheme as the main app */
2:root {
3 --sl-content-width: 70rem;
4
5 /* Increase base font size by 10% */
6 font-size: 110%;
7
8 /* Light theme - Warm beige background from app */
9 --sl-color-bg: oklch(0.90 0.012 35);
10 --sl-color-bg-sidebar: oklch(0.93 0.01 35);
11 --sl-color-bg-nav: oklch(0.93 0.01 35);
12 --sl-color-text: oklch(0.18 0.01 30);
13 --sl-color-text-accent: oklch(0.78 0.15 345);
14 --sl-color-accent: oklch(0.78 0.15 345);
15 --sl-color-accent-low: oklch(0.95 0.03 345);
16 --sl-color-border: oklch(0.75 0.015 30);
17 --sl-color-gray-1: oklch(0.52 0.015 30);
18 --sl-color-gray-2: oklch(0.42 0.015 30);
19 --sl-color-gray-3: oklch(0.33 0.015 30);
20 --sl-color-gray-4: oklch(0.25 0.015 30);
21 --sl-color-gray-5: oklch(0.75 0.015 30);
22 --sl-color-bg-accent: oklch(0.88 0.01 35);
23}
24
25/* Dark theme - Slate violet background from app */
26[data-theme="dark"] {
27 --sl-color-bg: oklch(0.23 0.015 285);
28 --sl-color-bg-sidebar: oklch(0.28 0.015 285);
29 --sl-color-bg-nav: oklch(0.28 0.015 285);
30 --sl-color-text: oklch(0.90 0.005 285);
31 --sl-color-text-accent: oklch(0.85 0.08 5);
32 --sl-color-accent: oklch(0.85 0.08 5);
33 --sl-color-accent-low: oklch(0.92 0.05 5);
34 --sl-color-border: oklch(0.38 0.02 285);
35 --sl-color-gray-1: oklch(0.82 0.01 285);
36 --sl-color-gray-2: oklch(0.75 0.01 285);
37 --sl-color-gray-3: oklch(0.68 0.01 285);
38 --sl-color-gray-4: oklch(0.60 0.01 285);
39 --sl-color-gray-5: oklch(0.50 0.02 285);
40 --sl-color-bg-accent: oklch(0.33 0.015 285);
41}
42
43/* Make sidebar narrower */
44@media (min-width: 50rem) {
45 :root {
46 --sl-sidebar-width: 14rem;
47 }
48}
49
50/* Increase main grid layout to give more space to content */
51@media (min-width: 50rem) {
52 .main-wrapper {
53 display: grid;
54 grid-template-columns: 1fr;
55 gap: 0;
56 }
57}
58
59/* Text selection styling */
60::selection {
61 background: var(--sl-color-accent);
62 color: white;
63}
64
65::-moz-selection {
66 background: var(--sl-color-accent);
67 color: white;
68}
69
70/* Sidebar active/hover state text contrast fix */
71.sidebar a[aria-current="page"],
72.sidebar a[aria-current="page"] span {
73 color: oklch(0.23 0.015 285) !important;
74}
75
76[data-theme="dark"] .sidebar a[aria-current="page"],
77[data-theme="dark"] .sidebar a[aria-current="page"] span {
78 color: oklch(0.98 0.01 285) !important;
79}
80
81/* CLI download links styling */
82.downloads {
83 margin: 2rem 0;
84}
85
86.downloads h2 {
87 margin-bottom: 1rem;
88 font-size: 1.5rem;
89}
90
91.download-link {
92 display: block;
93 padding: 0.75rem 1rem;
94 margin-bottom: 0.5rem;
95 background: var(--sl-color-bg-nav);
96 border: 1px solid var(--sl-color-gray-5);
97 border-radius: 0.5rem;
98 text-decoration: none;
99 color: var(--sl-color-text);
100 transition: all 0.2s ease;
101}
102
103.download-link:hover {
104 background: var(--sl-color-bg-accent);
105 border-color: var(--sl-color-accent);
106 text-decoration: none;
107}
108
109.platform {
110 font-weight: 600;
111 color: var(--sl-color-accent);
112 margin-right: 0.5rem;
113}
114