From 2b78e5fcdf303f7055a67e13c5968e9ed92f56df Mon Sep 17 00:00:00 2001 From: Paul Buetow Date: Sun, 22 Jun 2025 22:14:11 +0300 Subject: Replace themes with 50 retro-futuristic single-column themes MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Removed previous multi-layout themes - Generated 50 new retro/retro-futuristic themes with: - Single column layout only - Minimum 1200px width for modern displays - Retro computing aesthetics (terminal, CRT, synthwave, etc.) - Various visual effects: scanlines, CRT, grid, dots, terminal - Monospace typography throughout - Theme palettes include: - Classic terminal green - Amber CRT monitors - Synthwave purple/pink - Matrix green - DOS blue/white - Cyberpunk neon - And more retro color schemes - Updated index.html with retro-themed gallery interface - All themes W3C CSS validated - Proper font licensing maintained - Screenshot previews for all themes 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude --- extras/html/themes/vibrant_garden/style.css | 196 ---------------------------- 1 file changed, 196 deletions(-) delete mode 100644 extras/html/themes/vibrant_garden/style.css (limited to 'extras/html/themes/vibrant_garden/style.css') diff --git a/extras/html/themes/vibrant_garden/style.css b/extras/html/themes/vibrant_garden/style.css deleted file mode 100644 index affe29f..0000000 --- a/extras/html/themes/vibrant_garden/style.css +++ /dev/null @@ -1,196 +0,0 @@ -/* Base styles */ -@font-face { - font-family: 'text'; - src: url("./text.ttf") format("truetype"); -} - -@font-face { - font-family: 'heading'; - src: url("./heading.ttf") format("truetype"); -} - -@font-face { - font-family: 'code'; - src: url("./code.ttf") format("truetype"); -} - -@font-face { - font-family: 'handnotes'; - src: url("./handnotes.ttf") format("truetype"); -} - -:root { - --color-primary: #bd7f21; - --color-secondary: #795622; - --color-accent: #b88f52; - --color-bg: #f5f4f2; - --color-text: #1d1d1d; - --font-size-base: 14px; - --font-size-h1: 1.42em; - --font-size-h2: 1.27em; - --font-size-h3: 1.12em; - --line-height: 1.61; -} - -* { - box-sizing: border-box; -} - -html { - font-size: var(--font-size-base); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -body { - font-family: text, sans-serif; - background-color: var(--color-bg); - color: var(--color-text); - line-height: var(--line-height); - margin: 0; - padding: 0; - overflow-wrap: break-word; -} - -h1, h2, h3 { - font-family: heading, serif; - line-height: 1.2; - margin-top: 1em; - margin-bottom: 0.5em; -} - -h1 { - font-size: var(--font-size-h1); - color: var(--color-primary); -} - -h2 { - font-size: var(--font-size-h2); - color: var(--color-primary); -} - -h3 { - font-size: var(--font-size-h3); - color: var(--color-secondary); -} - -a { - font-family: code, monospace; - color: var(--color-secondary); - text-decoration: none; - transition: all 0.3s ease; -} - -a:hover { - color: var(--color-accent); - text-decoration: underline; -} - -.textlink { - font-family: text, sans-serif; -} - -.quote { - font-family: handnotes, cursive; - border-left: 4px solid var(--color-accent); - padding: 1em 1.5em; - margin: 1.5em 0; - background-color: rgba(189, 127, 33, 0.07); - font-style: italic; -} - -pre { - font-family: code, monospace; - background-color: rgba(29, 29, 29, 0.04); - border: 1px solid rgba(29, 29, 29, 0.13); - padding: 1em; - overflow-x: auto; - border-radius: 4px; - font-size: 0.9em; -} - -code { - font-family: code, monospace; - background-color: rgba(29, 29, 29, 0.04); - padding: 0.2em 0.4em; - border-radius: 3px; - font-size: 0.9em; -} - -ul, ol { - padding-left: 2em; - margin: 1em 0; -} - -li { - margin: 0.5em 0; -} - -img { - max-width: 100%; - height: auto; -} - -hr { - border: none; - border-top: 1px solid rgba(29, 29, 29, 0.20); - margin: 2em 0; -} - - -/* Layout: overlap */ - -body { - padding: 2em; - position: relative; - max-width: 1200px; - margin: 0 auto; -} - -.header { - position: relative; - z-index: 10; - background-color: var(--color-bg); - padding: 3em; - margin-bottom: -2em; - box-shadow: 0 10px 40px rgba(0,0,0,0.1); - border: 2px solid var(--color-primary); -} - -h1 { - font-size: 3.5em; - margin-top: 1em; - position: relative; - z-index: 5; -} - -h2 { - margin-left: 2em; - position: relative; - z-index: 4; - background-color: var(--color-bg); - padding: 1em; - box-shadow: 0 4px 20px rgba(0,0,0,0.05); -} - -h3 { - margin-left: 4em; - position: relative; - z-index: 3; -} - -p, ul, pre, .quote { - position: relative; - background-color: var(--color-bg); - padding: 2em; - margin: 1em 0 1em 3em; - box-shadow: 0 4px 20px rgba(0,0,0,0.05); - border-left: 4px solid var(--color-accent); -} - -p:nth-child(even), ul:nth-child(even) { - margin-left: 0; - margin-right: 3em; - border-left: none; - border-right: 4px solid var(--color-secondary); -} -- cgit v1.2.3