From 8ff9878e9103a5576c43d8b5acf545b6cdcfbcf9 Mon Sep 17 00:00:00 2001 From: Sakurasan <26715255+Sakurasan@users.noreply.github.com> Date: Tue, 29 Sep 2026 02:45:44 +0800 Subject: [PATCH] =?UTF-8?q?=E7=B2=BE=E7=AE=80=20classic=20=E7=9A=AE?= =?UTF-8?q?=E8=82=A4=EF=BC=9A=E5=8E=BB=E6=8E=89=E9=BC=A0=E5=B0=BE=E8=8D=89?= =?UTF-8?q?/=E7=8E=AB=E7=91=B0=EF=BC=8C=E4=BA=AE=E7=AB=AF=E5=9B=BA?= =?UTF-8?q?=E5=AE=9A=E7=BA=B8=E6=84=9F=EF=BC=9B=E9=87=8D=E6=96=B0=E8=AE=BE?= =?UTF-8?q?=E8=AE=A1=E5=A2=A8=E8=89=B2=E6=9A=97=E6=9D=BF=E2=80=94=E2=80=94?= =?UTF-8?q?=E5=BA=95=E8=89=B2=E6=9B=B4=E6=B7=B1=E6=9B=B4=E4=B8=AD=E6=80=A7?= =?UTF-8?q?=EF=BC=88=E8=A4=AA=E9=BB=84=E8=A4=90=EF=BC=89=E3=80=81=E6=AC=A1?= =?UTF-8?q?=E7=BA=A7=E6=96=87=E5=AD=97=E9=99=8D=E9=87=91=E7=9B=B8=E6=94=B9?= =?UTF-8?q?=E6=9A=96=E7=81=B0=E3=80=81=E9=8E=8F=E9=87=91=E5=BC=BA=E8=B0=83?= =?UTF-8?q?=E6=8F=90=E4=BA=AE=E6=8F=90=E7=BA=AF=EF=BC=8C=E5=B1=82=E6=AC=A1?= =?UTF-8?q?=E9=9D=A0=E4=B8=89=E6=A1=A3=E7=81=B0=E9=98=B6=EF=BC=9B=E5=90=8E?= =?UTF-8?q?=E5=8F=B0=E6=9A=97=E8=89=B2=20token=20=E5=90=8C=E6=AD=A5?= =?UTF-8?q?=EF=BC=9B=E8=AE=BE=E7=BD=AE=E9=A1=B5=E7=9A=AE=E8=82=A4=E9=80=89?= =?UTF-8?q?=E6=8B=A9=E5=99=A8=E6=94=B9=E4=B8=BA=E5=9B=BA=E5=AE=9A=E5=B1=95?= =?UTF-8?q?=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/admin/SettingsView.vue | 22 +++------ frontend/src/site.js | 4 +- frontend/src/styles.css | 76 ++++++++++------------------- 3 files changed, 35 insertions(+), 67 deletions(-) diff --git a/frontend/src/admin/SettingsView.vue b/frontend/src/admin/SettingsView.vue index f7f3608..f8ca491 100644 --- a/frontend/src/admin/SettingsView.vue +++ b/frontend/src/admin/SettingsView.vue @@ -36,14 +36,11 @@ function textToSocial(text) { .filter(Boolean) } -// 这里只能选亮色皮肤（paper / sage / rose）。暗色端固定 ink，由访客在前台 -// 右下角 ThemeSwitcher 切到「深色」或「自动 + 系统暗」时启用。 +// 皮肤已精简：亮端固定纸感，暗端固定墨色（2026 重设计）。下面只做展示。 const lightSkins = [ - { id: 'paper', label: '纸感（默认）', bg: '#faf7f1', fg: '#3d7f9c' }, - { id: 'sage', label: '鼠尾草', bg: '#eef0e6', fg: '#5f7b5c' }, - { id: 'rose', label: '玫瑰', bg: '#f7eee6', fg: '#a55a4a' } + { id: 'paper', label: '纸感（默认）', bg: '#faf7f1', fg: '#3d7f9c' } ] -const darkSkin = { id: 'ink', label: '墨色', bg: '#1f1d1a', fg: '#c3b58f' } +const darkSkin = { id: 'ink', label: '墨色', bg: '#191817', fg: '#d9b97c' } // ---------- 界面与自定义（第二套 UI） ---------- @@ -244,19 +241,12 @@ async function save() {
-
- {{ sk.label }} +
+ {{ lightSkins[0].label }}

- 访客在前台选择「自动」且系统偏好浅色时使用。 + 亮端固定为纸感。访客在前台选择「自动」且系统偏好浅色时使用。

diff --git a/frontend/src/site.js b/frontend/src/site.js index 39cfe68..558944d 100644 --- a/frontend/src/site.js +++ b/frontend/src/site.js @@ -5,7 +5,7 @@ import { setThumbBase } from './utils' // 暗色皮肤固定为 ink —— 是当前唯一支持的暗端皮肤。 const DARK_SKIN = 'ink' // 亮色皮肤的合法集合（后台 Settings 也只让站主从这里选） -const LIGHT_SKINS = ['paper', 'sage', 'rose'] +const LIGHT_SKINS = ['paper'] // 客户端显示模式 —— 持久化在 localStorage const MODE_KEY = 'one.themeMode' @@ -53,7 +53,7 @@ function systemPrefersDark() { // 模式 → 实际 data-theme 值 // -// light / auto 亮端 → site.light_skin_id（站主在后台选的"基础亮色皮肤"） +// light / auto 亮端 → 固定纸感（paper）；皮肤选择已精简，暗端固定墨色 // dark → ink（强制暗色） // // 后台的"基础亮色皮肤"是访客在任何「浅色偏好」下都会看到的； diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 2c6cd8b..90b8f14 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -31,56 +31,34 @@ --col-main: 640px; --col-right: 264px; --gutter: 28px;} -:root[data-theme='ink'] {--paper: #1f1d1a; - --card: #25221e; - --paper-sunken: #2b2722; - --ink: #ece5d2; - --ink-soft: #c3b58f; - --muted: #8c8270; - --faint: #6a6155; - --line: #3a352e; - --line-soft: #2f2b25; - --accent: #c3a972; - --accent-soft: rgba(195, 169, 114, 0.14); - --accent-line: rgba(195, 169, 114, 0.4);} -:root[data-theme='sage'] {--paper: #eef0e6; - --card: #f6f7ef; - --paper-sunken: #e2e6d6; - --ink: #2a3127; - --ink-soft: #475042; - --muted: #6f7a68; - --faint: #94a08d; - --line: #d6dcc9; - --line-soft: #e6e9d9; - --accent: #5f7b5c; - --accent-soft: rgba(95, 123, 92, 0.12); - --accent-line: rgba(95, 123, 92, 0.38);} -:root[data-theme='rose'] {--paper: #f7eee6; - --card: #fdf5ee; - --paper-sunken: #ecdfd3; - --ink: #3a2922; - --ink-soft: #5e463d; - --muted: #9a7c6f; - --faint: #b89c91; - --line: #ead9cb; - --line-soft: #f0e2d5; - --accent: #a55a4a; - --accent-soft: rgba(165, 90, 74, 0.1); - --accent-line: rgba(165, 90, 74, 0.38);} -:root[data-admin-theme='dark'] {--admin-bg: #1a1815; +:root[data-theme='ink'] {/* 墨：暖炭底、暖白字、鎏金点缀。比旧版更中性（褪掉黄褐相）， + 层次靠三档灰阶拉开；强调金提亮提纯，暗底上对比更足 */ + --paper: #191817; + --card: #201e1c; + --paper-sunken: #262420; + --ink: #e7e3da; + --ink-soft: #b8b2a6; + --muted: #867f73; + --faint: #5f594f; + --line: #34302b; + --line-soft: #292623; + --accent: #d9b97c; + --accent-soft: rgba(217, 185, 124, 0.12); + --accent-line: rgba(217, 185, 124, 0.4);} +:root[data-admin-theme='dark'] {--admin-bg: #191817; --admin-paper: var(--admin-bg); - --admin-card: #25221e; - --admin-paper-sunken: #2f2b25; - --admin-ink: #ece5d2; - --admin-ink-soft: #c3b58f; - --admin-muted: #9a8f7e; - --admin-faint: #6e6557; - --admin-line: #3a352e; - --admin-line-soft: #2f2b25; - --admin-accent: #c3a972; - --admin-accent-soft: rgba(195, 169, 114, 0.16); - --admin-accent-line: rgba(195, 169, 114, 0.42); - --admin-on-accent: #1a1815; + --admin-card: #201e1c; + --admin-paper-sunken: #262420; + --admin-ink: #e7e3da; + --admin-ink-soft: #b8b2a6; + --admin-muted: #948c7f; + --admin-faint: #635c51; + --admin-line: #34302b; + --admin-line-soft: #292623; + --admin-accent: #d9b97c; + --admin-accent-soft: rgba(217, 185, 124, 0.16); + --admin-accent-line: rgba(217, 185, 124, 0.42); + --admin-on-accent: #191817; --admin-danger: #d68d75; --admin-shadow: 0 4px 14px rgba(0, 0, 0, 0.4); --admin-overlay: rgba(0, 0, 0, 0.6);}