Something went wrong. Try again.
Monorepo for wisp.place. A static site hosting service built on top of the AT Protocol. forked from nekomimi.pet/wisp.place-monorepo
Something went wrong. Try again.
2.8 kB · 114 lines
CSS
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115/* Use the same color scheme as the main app */:root { --sl-content-width: 70rem; /* Increase base font size by 10% */ font-size: 110%;
/* Light theme - Warm beige with improved contrast */ --sl-color-bg: oklch(0.92 0.012 35); --sl-color-bg-sidebar: oklch(0.95 0.008 35); --sl-color-bg-nav: oklch(0.95 0.008 35); --sl-color-text: oklch(0.15 0.015 30); --sl-color-text-accent: oklch(0.65 0.18 345); --sl-color-accent: oklch(0.65 0.18 345); --sl-color-accent-low: oklch(0.92 0.05 345); --sl-color-border: oklch(0.65 0.02 30); --sl-color-gray-1: oklch(0.45 0.02 30); --sl-color-gray-2: oklch(0.35 0.02 30); --sl-color-gray-3: oklch(0.28 0.02 30); --sl-color-gray-4: oklch(0.20 0.015 30); --sl-color-gray-5: oklch(0.65 0.02 30); --sl-color-bg-accent: oklch(0.88 0.01 35);}
/* Dark theme - Slate violet background from app */[data-theme="dark"] { --sl-color-bg: oklch(0.23 0.015 285); --sl-color-bg-sidebar: oklch(0.28 0.015 285); --sl-color-bg-nav: oklch(0.28 0.015 285); --sl-color-text: oklch(0.90 0.005 285); --sl-color-text-accent: oklch(0.85 0.08 5); --sl-color-accent: oklch(0.85 0.08 5); --sl-color-accent-low: oklch(0.92 0.05 5); --sl-color-border: oklch(0.38 0.02 285); --sl-color-gray-1: oklch(0.82 0.01 285); --sl-color-gray-2: oklch(0.75 0.01 285); --sl-color-gray-3: oklch(0.68 0.01 285); --sl-color-gray-4: oklch(0.60 0.01 285); --sl-color-gray-5: oklch(0.50 0.02 285); --sl-color-bg-accent: oklch(0.33 0.015 285);}
/* Make sidebar narrower */@media (min-width: 50rem) { :root { --sl-sidebar-width: 14rem; }}
/* Increase main grid layout to give more space to content */@media (min-width: 50rem) { .main-wrapper { display: grid; grid-template-columns: 1fr; gap: 0; }}
/* Text selection styling */::selection { background: var(--sl-color-accent); color: white;}
::-moz-selection { background: var(--sl-color-accent); color: white;}
/* Sidebar active/hover state text contrast fix */.sidebar a[aria-current="page"],.sidebar a[aria-current="page"] span { color: oklch(0.15 0.015 30) !important;}
[data-theme="dark"] .sidebar a[aria-current="page"],[data-theme="dark"] .sidebar a[aria-current="page"] span { color: oklch(0.98 0.01 285) !important;}
/* CLI download links styling */.downloads { margin: 2rem 0;}
.downloads h2 { margin-bottom: 1rem; font-size: 1.5rem;}
.download-link { display: block; padding: 0.75rem 1rem; margin-bottom: 0.5rem; background: var(--sl-color-bg-nav); border: 1px solid var(--sl-color-gray-5); border-radius: 0.5rem; text-decoration: none; color: var(--sl-color-text); transition: all 0.2s ease;}
.download-link:hover { background: var(--sl-color-bg-accent); border-color: var(--sl-color-accent); text-decoration: none;}
.platform { font-weight: 600; color: var(--sl-color-accent); margin-right: 0.5rem;}