From 507a43ecd34682cf76013408ad9a15a7a090a70b Mon Sep 17 00:00:00 2001 From: rohow Date: Mon, 15 Jun 2026 12:06:09 +0800 Subject: [PATCH] style(theme): update light mode color palette for softer tones and improved readability --- package.json | 2 +- src/styles/devcm-editor.scss | 20 ++++++++++---------- src/styles/devcm-shell.scss | 28 ++++++++++++++-------------- src/styles/devcm-tokens.scss | 10 +++++----- templates/modules/layout.html | 4 ++-- theme.yaml | 2 +- 6 files changed, 33 insertions(+), 33 deletions(-) diff --git a/package.json b/package.json index 3fdff1c..bd9bbe8 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "theme-terminal", "private": true, - "version": "2.0.5", + "version": "2.0.6", "description": "A terminal like theme for Halo.", "scripts": { "dev": "vite build --watch", diff --git a/src/styles/devcm-editor.scss b/src/styles/devcm-editor.scss index e25a484..39d97cc 100644 --- a/src/styles/devcm-editor.scss +++ b/src/styles/devcm-editor.scss @@ -70,7 +70,7 @@ html[data-color-scheme="light"] .devcm-category-card, html[data-color-scheme="light"] .devcm-archive-table, html[data-color-scheme="light"] .devcm-comments { border-color: rgba(181, 137, 0, 0.28); - background: rgba(253, 246, 227, 0.9); + background: rgba(255, 250, 235, 0.78); } html[data-color-scheme="light"] .devcm-terminal-window::before, @@ -110,7 +110,7 @@ html[data-color-scheme="light"] .devcm-window-titlebar, html[data-color-scheme="light"] .devcm-editor-tabs, html[data-color-scheme="light"] .devcm-comment-titlebar { border-bottom-color: rgba(101, 123, 131, 0.18); - background: rgba(238, 232, 213, 0.78); + background: rgba(244, 238, 220, 0.42); } .devcm-window-titlebar { @@ -335,7 +335,7 @@ html[data-color-scheme="light"] .devcm-article-title { html[data-color-scheme="light"] .devcm-ascii-badge { border-color: rgba(181, 137, 0, 0.42); - background: rgba(238, 232, 213, 0.72); + background: rgba(244, 238, 220, 0.42); box-shadow: none; color: var(--devcm-amber); } @@ -507,7 +507,7 @@ html[data-color-scheme="light"] .devcm-ascii-badge pre { } html[data-color-scheme="light"] .devcm-post-card { - background: rgba(253, 246, 227, 0.86); + background: rgba(255, 250, 235, 0.7); } html[data-color-scheme="light"] .devcm-post-card:hover { @@ -672,7 +672,7 @@ html[data-color-scheme="light"] .devcm-article-content li { html[data-color-scheme="light"] .devcm-article-content pre { border-color: rgba(101, 123, 131, 0.24); - background: rgba(238, 232, 213, 0.55); + background: rgba(244, 238, 220, 0.34); color: #586e75; } @@ -700,7 +700,7 @@ html[data-color-scheme="light"] .devcm-article-content code { } html[data-color-scheme="light"] .devcm-comments { - background: rgba(253, 246, 227, 0.9); + background: rgba(255, 250, 235, 0.78); } .devcm-comments h2 { @@ -779,7 +779,7 @@ html[data-color-scheme="light"] .devcm-comments { } html[data-color-scheme="light"] .devcm-category-card { - background: rgba(253, 246, 227, 0.86); + background: rgba(255, 250, 235, 0.7); color: var(--devcm-text); } @@ -849,7 +849,7 @@ html[data-color-scheme="light"] .devcm-archive-row { } html[data-color-scheme="light"] .devcm-archive-row--header { - background: rgba(238, 232, 213, 0.64); + background: rgba(244, 238, 220, 0.38); color: var(--devcm-muted); } @@ -861,7 +861,7 @@ html[data-color-scheme="light"] .devcm-archive-row--header { } html[data-color-scheme="light"] .devcm-archive-row--month { - background: rgba(238, 232, 213, 0.78); + background: rgba(244, 238, 220, 0.46); } .devcm-archive-row b { @@ -946,7 +946,7 @@ html[data-color-scheme="light"] .devcm-archive-row--month { html[data-color-scheme="light"] .devcm-link-card { border-color: rgba(101, 123, 131, 0.2); - background: rgba(238, 232, 213, 0.42); + background: rgba(244, 238, 220, 0.3); color: var(--devcm-text); } diff --git a/src/styles/devcm-shell.scss b/src/styles/devcm-shell.scss index 56d0efc..770877c 100644 --- a/src/styles/devcm-shell.scss +++ b/src/styles/devcm-shell.scss @@ -22,22 +22,22 @@ body.devcm-body.pixel_style { } html[data-color-scheme="light"] body.devcm-body { - background: #eee8d5; + background: var(--devcm-bg-deep); } html[data-color-scheme="light"] body.devcm-body::before { - opacity: 0.34; + opacity: 0.26; background: repeating-linear-gradient( 0deg, - rgba(147, 161, 161, 0.08) 0, - rgba(147, 161, 161, 0.08) 1px, + rgba(131, 145, 149, 0.045) 0, + rgba(131, 145, 149, 0.045) 1px, transparent 1px, transparent 28px ), repeating-linear-gradient( 90deg, - rgba(147, 161, 161, 0.08) 0, - rgba(147, 161, 161, 0.08) 1px, + rgba(131, 145, 149, 0.045) 0, + rgba(131, 145, 149, 0.045) 1px, transparent 1px, transparent 28px ); @@ -111,8 +111,8 @@ html[data-color-scheme="light"] .devcm-shell { } html[data-color-scheme="light"] .devcm-app { - background: linear-gradient(90deg, rgba(147, 161, 161, 0.12) 1px, transparent 1px) 0 0 / 28px 28px, - linear-gradient(180deg, rgba(147, 161, 161, 0.1) 1px, transparent 1px) 0 0 / 28px 28px, #fdf6e3; + background: linear-gradient(90deg, rgba(117, 135, 70, 0.06) 1px, transparent 1px) 0 0 / 28px 28px, + linear-gradient(180deg, rgba(157, 129, 50, 0.055) 1px, transparent 1px) 0 0 / 28px 28px, var(--devcm-bg); } .devcm-topbar { @@ -128,7 +128,7 @@ html[data-color-scheme="light"] .devcm-app { html[data-color-scheme="light"] .devcm-topbar { border-bottom-color: rgba(101, 123, 131, 0.22); - background: #eee8d5; + background: var(--devcm-bg-deep); box-shadow: none; } @@ -354,12 +354,12 @@ html[data-color-scheme="light"] .devcm-topbar { html[data-color-scheme="light"] .devcm-sidebar, html[data-color-scheme="light"] .devcm-rightbar { - background: rgba(238, 232, 213, 0.72); + background: rgba(244, 238, 220, 0.5); } html[data-color-scheme="light"] .devcm-activity { border-right-color: rgba(101, 123, 131, 0.22); - background: #eee8d5; + background: var(--devcm-bg-deep); } html[data-color-scheme="light"] .devcm-activity__button { @@ -587,7 +587,7 @@ html[data-color-scheme="light"] .devcm-tree__item--root { html[data-color-scheme="light"] .devcm-tag { border-color: rgba(101, 123, 131, 0.22); - background: rgba(238, 232, 213, 0.62); + background: rgba(244, 238, 220, 0.42); color: #657b83; } @@ -608,7 +608,7 @@ html[data-color-scheme="light"] .devcm-tag { } html[data-color-scheme="light"] .devcm-widget { - background: rgba(253, 246, 227, 0.88); + background: rgba(255, 250, 235, 0.78); } .devcm-widget::before { @@ -723,7 +723,7 @@ html[data-color-scheme="light"] .devcm-info-list__row { html[data-color-scheme="light"] .devcm-statusbar { border-top-color: rgba(101, 123, 131, 0.22); - background: #eee8d5; + background: var(--devcm-bg-deep); color: #657b83; } diff --git a/src/styles/devcm-tokens.scss b/src/styles/devcm-tokens.scss index 8fc7bbd..38d6ccc 100644 --- a/src/styles/devcm-tokens.scss +++ b/src/styles/devcm-tokens.scss @@ -42,11 +42,11 @@ html[data-color-scheme="dark"] { html[data-color-scheme="light"] { color-scheme: light; - --devcm-bg: #fdf6e3; - --devcm-bg-deep: #eee8d5; - --devcm-panel: rgba(253, 246, 227, 0.94); - --devcm-panel-soft: rgba(238, 232, 213, 0.78); - --devcm-panel-warm: rgba(238, 232, 213, 0.62); + --devcm-bg: #fdf8e8; + --devcm-bg-deep: #f4eedc; + --devcm-panel: rgba(255, 250, 235, 0.9); + --devcm-panel-soft: rgba(244, 238, 220, 0.5); + --devcm-panel-warm: rgba(244, 238, 220, 0.34); --devcm-line: rgba(101, 123, 131, 0.2); --devcm-line-strong: rgba(181, 137, 0, 0.42); --devcm-text: #586e75; diff --git a/templates/modules/layout.html b/templates/modules/layout.html index a64fcd1..6cbd803 100644 --- a/templates/modules/layout.html +++ b/templates/modules/layout.html @@ -14,7 +14,7 @@ @@ -43,7 +43,7 @@ diff --git a/theme.yaml b/theme.yaml index 6a49f34..d42ffe8 100644 --- a/theme.yaml +++ b/theme.yaml @@ -13,5 +13,5 @@ spec: repo: https://git.dev.cm/theme-terminal settingName: "theme-terminal-setting" configMapName: "theme-terminal-configMap" - version: 2.0.5 + version: 2.0.6 require: ">=2.22.0"