/* 主題控制器 */ /* 移除原本的變數定義，由主題CSS提供 */ :root {} /* 初始值為原始主題變數 */ /* 要切換主題，只需要在 標籤上添加對應的 class: - light-theme: 淺色簡約風格 - dark-theme: 深色質感風格 - pink-theme: 粉色戀愛風格 */ /* 載入主題的媒體查詢（根據系統偏好自動切換） */ @media (prefers-color-scheme: light) { :root:not(.dark-theme):not(.pink-theme) { /* 淺色主題為預設 */ } } @media (prefers-color-scheme: dark) { :root:not(.light-theme):not(.pink-theme) { /* 深色主題變數 */ --primary-color: #9f86ff; --secondary-color: #4cc2ff; --accent-color: #ff7849; --text-color: #e4e6eb; --light-color: #4e4f50; --dark-color: #e4e6eb; --success-color: #00b894; --danger-color: #ff6b6b; --border-color: #4e4f50; --shadow-color: rgba(0, 0, 0, 0.25); --background-color: #18191a; --container-bg-color: #242526; --card-bg-color: #2d2d2d; --header-bg-color: #242526; --footer-bg-color: #242526; --footer-text-color: #b0b3b8; --footer-link-color: #9f86ff; --footer-hover-color: #7f5ff5; --footer-border-color: #3a3b3c; --btn-primary-hover: #7f5ff5; --btn-secondary-hover: #38a2de; } }