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