深色主题 CSS 文件，包含可自定义的颜色变量
/* ==================================================================== Typora 护眼深色主题 - Eye Care Dark Theme 特点： - 低蓝光配色，减少眼睛疲劳 - 柔和对比度，避免刺眼 - 所有颜色使用 CSS 变量，方便自定义 ==================================================================== */ /* ==================================================================== 第一部分：颜色变量配置区 -------------------------------------------------------------------- 在这里修改颜色！修改后保存文件即可生效 ==================================================================== */ :root { /* ===== 背景颜色 ===== */ --bg-primary: #1e1e1e; /* 主背景（深炭灰） */ --bg-secondary: #2d2d30; /* 次背景（稍浅） */ --bg-code: #282c34; /* 代码块背景 */ --bg-quote: #2a2a2a; /* 引用块背景 */ --bg-table-header: #3a3a3a; /* 表头背景 */ --bg-table-even: #252525; /* 表格偶数行背景 */ --bg-inline-code: #3a3a3a; /* 行内代码背景 */ /* ===== 文字颜色 ===== */ --text-primary: #e8e8e8; /* 主文字（柔和白） */ --text-secondary: #b0b0b0; /* 次要文字（浅灰） */ --text-muted: #808080; /* 弱化文字（中灰） */ --text-disabled: #606060; /* 禁用文字（暗灰） */ /* ===== 标题颜色 ===== */ --heading-h1: #61afef; /* 一级标题（天蓝） */ --heading-h2: #98c379; /* 二级标题（薄荷绿） */ --heading-h3: #c678dd; /* 三级标题（淡紫） */ --heading-h4: #e5c07b; /* 四级标题（琥珀黄） */ --heading-h5: #56b6c2; /* 五级标题（青蓝） */ --heading-h6: #b0b0b0; /* 六级标题（灰白） */ /* ===== 强调颜色 ===== */ --color-bold: #e06c75; /* 粗体文字（珊瑚红） */ --color-italic: #98c379; /* 斜体文字（绿） */ --color-link: #61afef; /* 链接（蓝） */ --color-link-hover: #84c5ff; /* 链接悬停（亮蓝） */ /* ===== 代码颜色 ===== */ --code-text: #abb2bf; /* 代码文字 */ --code-keyword: #c678dd; /* 关键字（紫） */ --code-string: #98c379; /* 字符串（绿） */ --code-number: #d19a66; /* 数字（橙） */ --code-comment: #5c6370; /* 注释（暗灰） */ --code-inline: #e5c07b; /* 行内代码（黄） */ /* ===== 边框与分割线 ===== */ --border-light: #3a3a3a; /* 浅边框 */ --border-medium: #4a4a4a; /* 中等边框 */ --border-heavy: #5a5a5a; /* 深边框 */ --border-accent: #61afef; /* 强调边框（蓝） */ /* ===== 特殊元素颜色 ===== */ --quote-border: #98c379; /* 引用块左边框（绿） */ --selection-bg: #264f78; /* 文字选中背景 */ --selection-text: #ffffff; /* 文字选中文字 */ /* ===== 字体配置 ===== */ --font-family-text: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", Arial, sans-serif; --font-family-code: "Fira Code", "Cascadia Code", "JetBrains Mono", "Consolas", "Monaco", "Courier New", monospace; /* ===== 字号配置 ===== */ --font-size-base: 16px; /* 基础字号 */ --font-size-h1: 32px; --font-size-h2: 28px; --font-size-h3: 24px; --font-size-h4: 20px; --font-size-h5: 18px; --font-size-h6: 16px; --font-size-code: 14px; --font-size-small: 14px; /* ===== 行高配置 ===== */ --line-height-base: 1.8; --line-height-heading: 1.4; --line-height-code: 1.6; } /* ==================================================================== 第二部分：主题样式应用（一般不需要修改） ==================================================================== */ /* ----- 全局设置 ----- */ htm
