yumoqing/bricks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(theme): sidebar-toggle定案恒暗色语境(用户2026-09-18纠正)——底透明与top同底(#1e293b)、汉堡线恒#e2e8f0、无边框,不引主题变量切换风格不变

Browse Source
This commit is contained in:
yumoqing 2026-09-18 17:37:20 +08:00
parent dcfcecd1d1
commit 1da20fad8a
1 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
bricks/css/bricks.css
View File

@ -691,16 +691,15 @@ html[data-theme="dark"] {
transform: rotate(90deg); transform: rotate(90deg);
} }
/* 侧栏折叠图标主题感知（2026-09-18 用户要求前后色分风格）： /* 侧栏折叠图标（2026-09-18 用户定案）：顶栏恒深色，按钮保持暗色语境——
glyph 文本隐藏，改画汉堡线 + 主题感知底色 chip—— 底色透明（与 top 同底，不出现亮色 chip）、汉堡线恒浅色、边框无，
亮色=浅底(#fff)+深线(--ink-1)，暗色=深底(#1E293B)+浅线(--ink-0)， 切换主题风格不变（不引用任何主题变量） */
顶栏恒深色下两主题都高对比；不再靠 JS 换字符 */
.sidebar-toggle { .sidebar-toggle {
color: transparent !important; color: transparent !important;
position: relative; position: relative;
background-color: var(--surface-card) !important; background-color: transparent !important;
border: none !important;
border-radius: 6px !important; border-radius: 6px !important;
border: 1px solid var(--line) !important;
} }
.sidebar-toggle::before, .sidebar-toggle::before,
.sidebar-toggle::after { .sidebar-toggle::after {
@ -710,8 +709,7 @@ html[data-theme="dark"] {
right: 22%; right: 22%;
height: 2px; height: 2px;
border-radius: 1px; border-radius: 1px;
background-color: var(--ink-1); background-color: #e2e8f0;
transition: background-color .2s ease;
} }
.sidebar-toggle::before { top: 32%; } .sidebar-toggle::before { top: 32%; }
.sidebar-toggle::after { top: 60%; } .sidebar-toggle::after { top: 60%; }