mirror of
https://github.com/laughmaker/Zen.git
synced 2026-07-22 04:00:31 +00:00
优化settings 样式
This commit is contained in:
parent
83c6cf6a76
commit
7598cccbdc
1 changed files with 17 additions and 6 deletions
23
theme.css
23
theme.css
|
|
@ -328,7 +328,7 @@ body.is-mobile {
|
|||
--win-editor-bg-color: #121212a6;
|
||||
--win-window-opacity: 0.2;
|
||||
--background-secondary-alt: rgba(18, 18, 18, 0.1);
|
||||
--background-setting-item: rgba(245, 245, 245, 0.05);
|
||||
--background-setting-item: rgba(245, 245, 245, 0.08);
|
||||
--background-setting: rgba(28, 28, 28);
|
||||
--text-highlight-bg: var(--blockquote-border-color);
|
||||
--list-marker-color: var(--nav-indentation-guide-color);
|
||||
|
|
@ -377,8 +377,8 @@ body:not(.mod-macos).theme-dark {
|
|||
--win-editor-bg-color: #f0f0f0a6;
|
||||
--win-window-opacity: 0.15;
|
||||
--background-secondary-alt: rgba(240, 240, 240, 0.1);
|
||||
--background-setting-item: rgba(28, 28, 28, 0.03);
|
||||
--background-setting: rgba(244, 244, 244);
|
||||
--background-setting-item: rgba(255, 255, 255, 0.01);
|
||||
--background-setting: rgba(255, 255, 255);
|
||||
--text-highlight-bg: var(--blockquote-border-color);
|
||||
--table-header-background: rgba(28, 28, 28, 0.1);
|
||||
|
||||
|
|
@ -413,6 +413,7 @@ body:not(.is-mobile) .theme-light {
|
|||
background-color: rgb(from var(--workspace-background-translucent) r g b / calc(var(--mac-window-opacity))) !important;
|
||||
}
|
||||
|
||||
.modal-container.mod-dim .modal,
|
||||
.status-bar,
|
||||
.workspace-tab-container {
|
||||
border-radius: var(--radius-xl);
|
||||
|
|
@ -421,7 +422,7 @@ body:not(.is-mobile) .theme-light {
|
|||
-webkit-backdrop-filter: blur(15px) saturate(180%);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
|
||||
color: #fff;
|
||||
/* color: #fff; */
|
||||
margin: 0 10px 10px 5px;
|
||||
}
|
||||
|
||||
|
|
@ -2580,13 +2581,17 @@ body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-sidedo
|
|||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
background-color: var(--background-setting-item);
|
||||
border: solid 0.5px var(--background-modifier-border);
|
||||
border: 0.1px solid var(--background-modifier-border);
|
||||
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
|
||||
|
||||
}
|
||||
|
||||
/* 第一个 .setting-item */
|
||||
.setting-item-heading + .setting-item {
|
||||
border-top-left-radius: var(--radius-l);
|
||||
border-top-right-radius: var(--radius-l);
|
||||
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
/* heading前的一个item */
|
||||
|
|
@ -2594,6 +2599,9 @@ body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-sidedo
|
|||
.setting-item:has(+ .setting-filter-container) {
|
||||
border-bottom-left-radius: var(--radius-l);
|
||||
border-bottom-right-radius: var(--radius-l);
|
||||
box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
|
||||
}
|
||||
|
||||
/* 判断第一个 item */
|
||||
|
|
@ -2601,6 +2609,8 @@ body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-sidedo
|
|||
border-top-left-radius: var(--radius-l);
|
||||
border-top-right-radius: var(--radius-l);
|
||||
padding-top: 10px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
|
||||
}
|
||||
|
||||
.setting-item:last-of-type {
|
||||
|
|
@ -2631,7 +2641,8 @@ body:not(.win-translucent-off):not(.mod-macos):not(.is-mobile) .workspace-sidedo
|
|||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
overflow: hidden;
|
||||
border: solid 0.5px var(--background-modifier-border);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
body:not(.is-mobile) .vertical-tab-header-group-items {
|
||||
|
|
|
|||
Loading…
Reference in a new issue