style(theme): update light mode color palette for softer tones and improved readability
这个提交包含在：
+10
-10
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
+14
-14
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
|
||||
在新议题中引用
屏蔽一个用户