Something went wrong. Try again.
Rules-based browser launcher for TUI + GNOME. switchyard.aly.codes
tui gnome bowser go
Something went wrong. Try again.
2.5 kB · 126 lines
CSS
at master
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127@import "tailwindcss";
@theme { --color-primary: #4f895d; --color-primary-light: #5a9d6a; --color-primary-dark: #3d6b48; --color-bg: #ffffff; --color-bg-alt: #f8faf8; --color-text: #1a1a1a; --color-text-muted: #555555; --color-text-light: #888888; --color-border: #e0e0e0; --shadow-default: 0 4px 24px rgba(0, 0, 0, 0.08); --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.12); --shadow-primary: 0 4px 14px rgba(79, 137, 93, 0.35); --shadow-primary-hover: 0 6px 20px rgba(79, 137, 93, 0.4); --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-mono: "SF Mono", Monaco, "Cascadia Code", "Fira Code", monospace;}
html { scroll-behavior: smooth;}
body { font-family: var(--font-sans); background: var(--color-bg); color: var(--color-text); -webkit-font-smoothing: antialiased;}
.hero-bg-glow { background: radial-gradient( ellipse, color-mix(in srgb, var(--color-primary) 8%, transparent) 0%, transparent 70% );}
.docs-content { max-width: 800px; line-height: 1.75;}
.docs-content h1 { font-size: clamp(2rem, 4vw, 2.75rem); line-height: 1.1; font-weight: 800; letter-spacing: 0; margin-bottom: 1.75rem;}
.docs-content h2 { font-size: 1.375rem; line-height: 1.25; font-weight: 750; margin-top: 2.5rem; margin-bottom: 0.75rem;}
.docs-content h3 { font-size: 1.125rem; line-height: 1.35; font-weight: 700; margin-top: 2rem; margin-bottom: 0.5rem;}
.docs-content p,.docs-content ul,.docs-content ol,.docs-content pre { margin-bottom: 1rem;}
.docs-content ul,.docs-content ol { padding-left: 1.5rem;}
.docs-content ul { list-style: disc;}
.docs-content ol { list-style: decimal;}
.docs-content li { margin-bottom: 0.375rem;}
.docs-content a { color: var(--color-primary); text-decoration: underline; text-underline-offset: 0.18em;}
.docs-content code { border: 1px solid var(--color-border); border-radius: 0.375rem; background: var(--color-bg-alt); padding: 0.125rem 0.35rem; font-family: var(--font-mono); font-size: 0.92em;}
.docs-content pre { overflow-x: auto; border: 1px solid var(--color-border); border-radius: 0.75rem; background: var(--color-bg-alt); padding: 1rem;}
.docs-content pre code { display: block; border: 0; border-radius: 0; background: transparent; padding: 0; font-size: 0.875rem; line-height: 1.6;}