Improve breadcrumb and code block controls

This commit is contained in:
2026-05-29 15:08:44 +08:00
parent cf2d5fc77b
commit eb73d41d35
7 changed files with 465 additions and 54 deletions
+11 -3
View File
@@ -12,8 +12,12 @@ html[data-theme-id="default"][data-color-mode="light"] {
--brand: #3a6ff7;
--brand-strong: #2757d6;
--brand-soft: rgba(58, 111, 247, 0.12);
--code-bg: #0f172a;
--code-fg: #e5edf9;
--code-bg: #fbfdff;
--code-fg: #233044;
--code-toolbar-bg: #eef3f9;
--code-panel-border: rgba(148, 163, 184, 0.28);
--code-panel-shadow: 0 20px 44px rgba(148, 163, 184, 0.18);
--code-line-number: #9aa9bc;
--shadow-lg: 0 20px 50px rgba(15, 23, 42, 0.08);
--shadow-md: 0 10px 28px rgba(15, 23, 42, 0.08);
--shadow-sm: 0 4px 16px rgba(15, 23, 42, 0.06);
@@ -42,8 +46,12 @@ html[data-theme-id="default"][data-color-mode="dark"] {
--brand: #7aa2ff;
--brand-strong: #93b4ff;
--brand-soft: rgba(122, 162, 255, 0.14);
--code-bg: #020617;
--code-bg: #142033;
--code-fg: #dbeafe;
--code-toolbar-bg: #1b2a40;
--code-panel-border: rgba(148, 163, 184, 0.16);
--code-panel-shadow: 0 14px 32px rgba(2, 6, 23, 0.22);
--code-line-number: #6f8099;
--shadow-lg: 0 24px 60px rgba(2, 6, 23, 0.34);
--shadow-md: 0 14px 32px rgba(2, 6, 23, 0.28);
--shadow-sm: 0 6px 18px rgba(2, 6, 23, 0.2);
+11 -3
View File
@@ -12,8 +12,12 @@ html[data-theme-id="paper"][data-color-mode="light"] {
--brand: #8a5a2b;
--brand-strong: #6f451d;
--brand-soft: rgba(138, 90, 43, 0.12);
--code-bg: #2b2118;
--code-fg: #f8efe3;
--code-bg: #fffaf4;
--code-fg: #4a3422;
--code-toolbar-bg: #f4e8da;
--code-panel-border: rgba(138, 90, 43, 0.22);
--code-panel-shadow: 0 18px 38px rgba(122, 77, 38, 0.12);
--code-line-number: #b09072;
--shadow-lg: 0 18px 42px rgba(77, 52, 29, 0.1);
--shadow-md: 0 10px 24px rgba(77, 52, 29, 0.08);
--shadow-sm: 0 4px 14px rgba(77, 52, 29, 0.06);
@@ -42,8 +46,12 @@ html[data-theme-id="paper"][data-color-mode="dark"] {
--brand: #d1a16c;
--brand-strong: #e0b88c;
--brand-soft: rgba(209, 161, 108, 0.14);
--code-bg: #120d09;
--code-bg: #2a1f16;
--code-fg: #f8efe3;
--code-toolbar-bg: #3a2b20;
--code-panel-border: rgba(205, 173, 141, 0.16);
--code-panel-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
--code-line-number: #8f7762;
--shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.32);
--shadow-md: 0 14px 30px rgba(0, 0, 0, 0.24);
--shadow-sm: 0 6px 16px rgba(0, 0, 0, 0.18);