Stu Leak
2b4a2038fa
- Add comprehensive JAV studios quick reference guide - Update documentation index with JAV reference - Add logo animation components and test files - Update CSS styling for cards, buttons, forms, and theme - Add utility scripts for configuration and import workflows - Update templates and UI components 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
144 lines
3.4 KiB
CSS
144 lines
3.4 KiB
CSS
/*
|
|
* GOONDEX THEME / VARIABLES / RESET
|
|
* Updated for: Dark mode only + Medium Flamingo Pink neon accents
|
|
*/
|
|
|
|
/* ===========================
|
|
* VARIABLES
|
|
* =========================== */
|
|
:root {
|
|
/* --- BRAND IDENTITY --- */
|
|
--color-brand: #FF4FA3; /* Flamingo Pulse Pink */
|
|
--color-brand-strong: #d74280; /* Deep Flamingo (new) */
|
|
--color-brand-hover: #d74280; /* Hover uses deeper pink */
|
|
--color-brand-glow: transparent; /* Flat theme: no glow */
|
|
|
|
/* --- TEXT --- */
|
|
--color-text-primary: #F8F8F8;
|
|
--color-text-secondary: #9BA0A8;
|
|
--color-header: #D78BE0;
|
|
--color-keypoint: #FF66C4;
|
|
|
|
/* --- ALERTS --- */
|
|
--color-warning: #FFAA88;
|
|
--color-info: #7EE7E7;
|
|
|
|
/* --- BACKGROUND LAYERS (plum-forward dark) --- */
|
|
--color-bg-dark: #2f2333; /* Plum base */
|
|
--color-bg-card: #3a2b40; /* Card plum */
|
|
--color-bg-elevated: #44344a; /* Elevated plum */
|
|
|
|
/* --- BORDERS --- */
|
|
--color-border: #59475f;
|
|
--color-border-soft: #59475f;
|
|
|
|
/* --- RADII --- */
|
|
--radius: 12px;
|
|
--radius-soft: 20px;
|
|
|
|
/* --- MOTION --- */
|
|
--transition-fast: 0.15s ease;
|
|
--transition: 0.25s ease;
|
|
|
|
/* --- UI GRID --- */
|
|
--rail-width: 180px;
|
|
|
|
/* --- SHADOWS (flattened) --- */
|
|
--shadow-glow-pink: none;
|
|
--shadow-glow-pink-soft: none;
|
|
--shadow-elevated: none;
|
|
}
|
|
|
|
/* ===========================
|
|
* RESET
|
|
* =========================== */
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* ===========================
|
|
* BASE
|
|
* =========================== */
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
|
|
line-height: 1.6;
|
|
color: var(--color-text-primary);
|
|
background: var(--color-bg-dark);
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
/* ===========================
|
|
* SCROLLBARS (dark + pink accent)
|
|
* =========================== */
|
|
::-webkit-scrollbar {
|
|
width: 12px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: var(--color-bg-dark);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: var(--color-brand);
|
|
border-radius: 6px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: var(--color-brand-hover);
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* ===========================
|
|
* TEXT SELECTION
|
|
* =========================== */
|
|
::selection {
|
|
background: var(--color-brand);
|
|
color: white;
|
|
}
|
|
|
|
/* ===========================
|
|
* UTILITY CLASSES (for GX + layouts)
|
|
* =========================== */
|
|
|
|
/* Subtle glowing border */
|
|
.glow-border {
|
|
border: 1px solid var(--color-border-soft);
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Card elevation */
|
|
.elevated {
|
|
background: var(--color-bg-elevated);
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Brand glow text (subtle) */
|
|
.text-glow {
|
|
text-shadow: none;
|
|
}
|
|
|
|
/* Pink glow panel (subtle accent for navbar or hero) */
|
|
.panel-glow {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Global flat override to strip remaining glow from legacy components */
|
|
body, header, footer, nav, section, article,
|
|
.card, .panel, .navbar, .sidebar, .btn, .button, .badge, .chip, .tag,
|
|
input, select, textarea, button,
|
|
.modal, .dialog, .tooltip, .toast, .dropdown, .tabs, .table {
|
|
box-shadow: none !important;
|
|
text-shadow: none !important;
|
|
filter: none !important;
|
|
}
|
|
|
|
/* Absolute kill-switch for any remaining glow/shadow */
|
|
*, *::before, *::after {
|
|
box-shadow: none !important;
|
|
text-shadow: none !important;
|
|
filter: none !important;
|
|
}
|