/* ============================================= themes.css - findmyip.kr 색상 테마 모음 사용법 (header.php의 에 클래스 추가): ← 기본 (현재) ← 매트릭스 그린 ← 네온 퍼플 ← 골드 앰버 ← 다크 레드 ============================================= */ /* ================================================ THEME 1: CYAN (기본 - 현재 사용중) 차갑고 기술적인 느낌. 딥 네이비 + 사이언 ================================================ */ body.theme-cyan { --bg-primary: #06090f; --bg-secondary: #0d1420; --bg-card: #111827; --bg-card-hover: #1a2535; --accent: #00d4ff; --accent-dim: #0099bb; --accent-glow: rgba(0, 212, 255, 0.15); --accent2: #ff6b35; --accent-green: #00ff88; --accent-yellow: #ffd600; --text-primary: #e8f0fe; --text-secondary:#8899bb; --text-muted: #445566; --border: rgba(0, 212, 255, 0.12); --border-strong: rgba(0, 212, 255, 0.3); } /* ================================================ THEME 2: GREEN (매트릭스 그린) 해킹 / 터미널 분위기. 짙은 검정 + 네온 그린 ================================================ */ body.theme-green { --bg-primary: #020b02; --bg-secondary: #061006; --bg-card: #091509; --bg-card-hover: #112011; --accent: #00ff41; --accent-dim: #00bb30; --accent-glow: rgba(0, 255, 65, 0.12); --accent2: #ffdd00; --accent-green: #00ff41; --accent-yellow: #ffdd00; --text-primary: #ccffcc; --text-secondary:#55aa55; --text-muted: #2a5a2a; --border: rgba(0, 255, 65, 0.10); --border-strong: rgba(0, 255, 65, 0.28); } /* ================================================ THEME 3: PURPLE (네온 퍼플) 사이버펑크 느낌. 다크 + 바이올렛/마젠타 ================================================ */ body.theme-purple { --bg-primary: #08040f; --bg-secondary: #100820; --bg-card: #160d28; --bg-card-hover: #1e1235; --accent: #bf5fff; --accent-dim: #8833cc; --accent-glow: rgba(191, 95, 255, 0.14); --accent2: #ff2d87; --accent-green: #00ffcc; --accent-yellow: #ffcc00; --text-primary: #f0e8ff; --text-secondary:#9977bb; --text-muted: #4a3366; --border: rgba(191, 95, 255, 0.12); --border-strong: rgba(191, 95, 255, 0.30); } /* ================================================ THEME 4: AMBER (골드 앰버) 고급스럽고 따뜻한 느낌. 다크 브라운 + 황금색 ================================================ */ body.theme-amber { --bg-primary: #0c0900; --bg-secondary: #160e00; --bg-card: #1e1500; --bg-card-hover: #2a1e00; --accent: #ffaa00; --accent-dim: #cc8800; --accent-glow: rgba(255, 170, 0, 0.13); --accent2: #ff5533; --accent-green: #aaff00; --accent-yellow: #ffdd00; --text-primary: #fff8e8; --text-secondary:#aa8844; --text-muted: #554422; --border: rgba(255, 170, 0, 0.12); --border-strong: rgba(255, 170, 0, 0.30); } /* ================================================ THEME 5: RED (다크 레드) 긴장감 있는 느낌. 거의 검정 + 스칼렛 레드 ================================================ */ body.theme-red { --bg-primary: #0c0303; --bg-secondary: #180505; --bg-card: #200808; --bg-card-hover: #2c1010; --accent: #ff3333; --accent-dim: #cc1111; --accent-glow: rgba(255, 51, 51, 0.13); --accent2: #ff9900; --accent-green: #00ff88; --accent-yellow: #ffcc00; --text-primary: #ffe8e8; --text-secondary:#aa5555; --text-muted: #552222; --border: rgba(255, 51, 51, 0.12); --border-strong: rgba(255, 51, 51, 0.30); }