Dark模式 oss存储

core/frontend/src/omni-session-page.css

@@ -71,12 +71,25 @@
   align-items: center;
   justify-content: center;
   gap: 7px;
-  border: 1px solid rgba(34, 42, 54, .10);
-  border-radius: 10px;
-  color: #414750;
-  background: #fff;
+  border: 1px solid var(--border-faint);
+  border-radius: var(--r-md);
+  color: var(--black-alpha-56);
+  background: transparent;
   font-size: 12px;
+  font-weight: 500;
   cursor: pointer;
+  transition: background-color var(--t-base), border-color var(--t-base), color var(--t-base);
+}
+
+.omni-session-back:hover {
+  border-color: var(--black-alpha-24);
+  color: var(--accent-black);
+  background: var(--black-alpha-4);
+}
+
+.omni-session-back:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--background-base), 0 0 0 4px var(--heat-40);
 }
 
 .omni-session-back svg {
@@ -375,7 +388,7 @@
   margin: 0 0 24px 44px;
   border: 1px solid rgba(34, 42, 54, .09);
   border-radius: 15px;
-  background: #fff;
+  background: var(--surface);
   box-shadow: 0 10px 26px rgba(20, 27, 38, .06);
   animation: omniMessageIn 220ms ease both;
   overflow: hidden;
@@ -407,7 +420,7 @@
   margin: 0 0 24px 44px;
   border: 1px solid rgba(34, 42, 54, .09);
   border-radius: 16px;
-  background: #fff;
+  background: var(--surface);
   box-shadow: 0 12px 30px rgba(20, 27, 38, .065);
   animation: omniMessageIn 220ms ease both;
 }
@@ -594,7 +607,7 @@
   border: 1px solid rgba(34, 42, 54, .08);
   border-radius: 10px;
   color: #5b626d;
-  background: #fff;
+  background: var(--surface);
   font-size: 13px;
   line-height: 1.65;
 }
@@ -689,7 +702,7 @@
   border: 1px solid rgba(34, 42, 54, .10);
   border-radius: 9px;
   color: #333944;
-  background: #fff;
+  background: var(--surface);
   font-size: 12px;
   font-weight: 650;
   cursor: pointer;
@@ -712,7 +725,7 @@
   border: 1px solid rgba(0, 47, 167, .20);
   border-radius: 9px;
   color: var(--klein);
-  background: #fff;
+  background: var(--surface);
   font-size: 12px;
   font-weight: 650;
   cursor: pointer;
@@ -814,7 +827,7 @@
 .omni-session-preset-trigger[aria-expanded="true"] {
   border-color: rgba(0, 47, 167, .36);
   color: var(--klein);
-  background: #fff;
+  background: var(--surface);
 }
 
 .omni-session-preset-trigger span {
@@ -837,7 +850,7 @@
   overflow: hidden;
   border: 1px solid rgba(34, 42, 54, .10);
   border-radius: 17px;
-  background: #fff;
+  background: var(--surface);
   box-shadow: 0 24px 60px rgba(20, 27, 38, .18);
   transform: translateX(-52%);
 }
@@ -1035,7 +1048,7 @@
   overflow: hidden;
   border: 1px solid rgba(34, 42, 54, .10);
   border-radius: 12px;
-  background: #fff;
+  background: var(--surface);
   box-shadow: 0 16px 36px rgba(20, 27, 38, .15);
 }
 
@@ -1707,7 +1720,7 @@
   padding: 7px 13px;
   border: 1px solid rgba(34, 42, 54, .10);
   border-radius: 8px;
-  background: #fff;
+  background: var(--surface);
   color: #575d66;
   font-size: 13px;
   cursor: pointer;
@@ -1730,7 +1743,7 @@
   padding: 9px 12px;
   border: 1px solid rgba(34, 42, 54, .10);
   border-radius: 8px;
-  background: #fff;
+  background: var(--surface);
   color: var(--black);
   font-size: 13px;
   font-family: inherit;
@@ -1754,7 +1767,7 @@
   padding: 6px;
   border: 1px solid rgba(34, 42, 54, .10);
   border-radius: 8px;
-  background: #fff;
+  background: var(--surface);
   cursor: pointer;
   text-align: left;
 }
@@ -1844,7 +1857,7 @@
   padding: 14px 16px;
   border: 1px solid rgba(34, 42, 54, 0.09);
   border-radius: 16px;
-  background: #fff;
+  background: var(--surface);
   box-shadow: 0 12px 30px rgba(20, 27, 38, .065);
   /* 不走入场 opacity 动画：poll 重渲染时避免「闪一下」 */
   animation: none;
@@ -1905,7 +1918,7 @@
 }
 
 .omni-step-confirm-actions button.is-secondary {
-  background: #fff;
+  background: var(--surface);
   border: 1px solid rgba(34, 42, 54, 0.14);
   color: #222a36;
 }
@@ -1946,7 +1959,7 @@
 
 .omni-step-confirm-revise-input:focus {
   border-color: rgba(0, 47, 167, .42);
-  background: #fff;
+  background: var(--surface);
   box-shadow: 0 0 0 3px rgba(0, 47, 167, .14);
 }
 
@@ -1973,7 +1986,7 @@
   padding: 14px 16px;
   border: 1px solid rgba(34, 42, 54, .10);
   border-radius: 14px;
-  background: #fff;
+  background: var(--surface);
   /* 时长/参数下拉要冒出卡片，不能被裁 */
   overflow: visible;
 }
@@ -2604,7 +2617,7 @@
   gap: 10px;
   padding: 14px 14px 12px;
   border-bottom: 1px solid rgba(34, 42, 54, .08);
-  background: #fff;
+  background: var(--surface);
 }
 
 .omni-prompt-drawer-file {
@@ -2684,7 +2697,7 @@
   padding: 14px 15px;
   border: 1px solid rgba(34, 42, 54, .06);
   border-radius: 14px;
-  background: #fff;
+  background: var(--surface);
   box-shadow: 0 6px 16px rgba(20, 27, 38, .04);
 }
 
@@ -2756,7 +2769,7 @@
   overflow-x: auto;
   border-radius: 12px;
   border: 1px solid rgba(34, 42, 54, .08);
-  background: #fff;
+  background: var(--surface);
 }
 
 .omni-prompt-table {