@done-coding/admin-plugin-theme 0.4.0 → 0.4.1-alpha.0

package/es/assets/cockpit-brutal-steel.mjs

@@ -1,21 +1,21 @@
-import { defineComponent as g, computed as h, openBlock as c, createBlock as v, Teleport as w, unref as e, createElementBlock as b, normalizeStyle as k, createElementVNode as t, createCommentVNode as y, normalizeProps as $, guardReactiveProps as x, createSlots as B, withCtx as l, createVNode as S, renderSlot as n, markRaw as M } from "vue";
-import { _ as E } from "../chunks/CockpitShellBase.vue_vue_type_script_setup_true_lang-CoSsDjcF.mjs";
-import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as R } from "@done-coding/admin-core";
+import { defineComponent as g, computed as h, openBlock as c, createBlock as v, Teleport as w, unref as e, createElementBlock as b, normalizeStyle as k, createElementVNode as t, createCommentVNode as y, normalizeProps as $, guardReactiveProps as x, createSlots as B, withCtx as l, createVNode as S, renderSlot as n, markRaw as E } from "vue";
+import { _ as M } from "../chunks/CockpitShellBase.vue_vue_type_script_setup_true_lang-8OC_BxwQ.mjs";
+import { CORE_VIEWPORT_DECOR_ZINDEX_BELOW as R } from "@done-coding/admin-core";
 import { u as H } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
 import { _ as D } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
-const I = ["width", "height", "viewBox"], T = {
+const T = ["width", "height", "viewBox"], F = {
   id: "brutalHazard",
   width: "18",
   height: "18",
   patternUnits: "userSpaceOnUse",
   patternTransform: "rotate(45)"
-}, A = ["fill", "opacity"], F = {
+}, I = ["fill", "opacity"], V = {
   id: "brutalScan",
   x1: "0%",
   y1: "0%",
   x2: "0%",
   y2: "100%"
-}, V = ["stop-color"], z = ["stop-color", "stop-opacity"], N = ["stop-color"], O = ["width", "height"], L = ["y", "width", "height"], W = ["y", "width", "height"], G = ["values"], P = ["stroke", "opacity"], U = ["d"], j = ["d"], q = ["d"], X = ["width", "height", "opacity"], Y = /* @__PURE__ */ g({
+}, z = ["stop-color"], A = ["stop-color", "stop-opacity"], N = ["stop-color"], O = ["width", "height"], L = ["y", "width", "height"], W = ["y", "width", "height"], G = ["values"], P = ["stroke", "opacity"], U = ["d"], j = ["d"], q = ["d"], X = ["width", "height", "opacity"], Y = /* @__PURE__ */ g({
   __name: "BrutalSteelCockpitDecor",
   setup(s) {
     const { isDark: i, animated: r, vw: a, vh: o, hasFrame: _, vp: C } = H(), m = h(() => i.value ? "#8a93a0" : "#4a525c"), u = h(() => i.value ? "#f5a524" : "#d97706"), p = h(() => Math.max(24, C.value.paddingTop));
@@ -37,25 +37,25 @@ const I = ["width", "height", "viewBox"], T = {
         "aria-hidden": "true"
       }, [
         t("defs", null, [
-          t("pattern", T, [
+          t("pattern", F, [
             t("rect", {
               width: "9",
               height: "18",
               fill: m.value,
               opacity: e(i) ? 0.5 : 0.4
-            }, null, 8, A)
+            }, null, 8, I)
           ]),
-          t("linearGradient", F, [
+          t("linearGradient", V, [
             t("stop", {
               offset: "0%",
               "stop-color": u.value,
               "stop-opacity": "0"
-            }, null, 8, V),
+            }, null, 8, z),
             t("stop", {
               offset: "50%",
               "stop-color": u.value,
               "stop-opacity": e(i) ? 0.5 : 0.28
-            }, null, 8, z),
+            }, null, 8, A),
             t("stop", {
               offset: "100%",
               "stop-color": u.value,
@@ -127,10 +127,10 @@ const I = ["width", "height", "viewBox"], T = {
           filter: "url(#brutalGrain)",
           opacity: e(i) ? 0.08 : 0.05
         }, null, 8, X)
-      ], 12, I)) : y("", !0)
+      ], 12, T)) : y("", !0)
     ]));
   }
-}), Z = /* @__PURE__ */ D(Y, [["__scopeId", "data-v-d5f290cf"]]), J = /* @__PURE__ */ g({
+}), Z = /* @__PURE__ */ D(Y, [["__scopeId", "data-v-6f91319d"]]), J = /* @__PURE__ */ g({
   __name: "BrutalSteelCockpitShell",
   props: {
     menus: {},
@@ -146,7 +146,7 @@ const I = ["width", "height", "viewBox"], T = {
   },
   setup(s) {
     const i = s;
-    return (r, a) => (c(), v(E, $(x(i)), B({
+    return (r, a) => (c(), v(M, $(x(i)), B({
       default: l((o) => [
         n(r.$slots, "default", {
           Footer: o.Footer
@@ -200,7 +200,7 @@ const I = ["width", "height", "viewBox"], T = {
 function K() {
   if (typeof document > "u" || document.getElementById(f)) return;
   const s = document.createElement("style");
-  s.id = f, s.setAttribute("data-admin-theme", "cockpit-brutal-steel"), s.textContent = `
+  s.id = f, s.setAttribute("data-dc-theme", "cockpit-brutal-steel"), s.textContent = `
 .cockpit-statusbar{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;}
 .app-header-module-item{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;}
 `, document.head.appendChild(s);
@@ -264,28 +264,28 @@ const ie = {
     extractLevel1ToHeader: !0,
     header: {
       height: 56,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "0px" }
     },
     sidebar: {
       width: 244,
       collapseWidth: 64,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "0px" }
     },
     aside: {
       width: 330,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "0px" }
     },
     footer: {
       height: 36,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "0px" }
     },
     breadcrumb: { height: 44 },
     body: { shimPadding: 16 },
-    shell: M(J)
+    shell: E(J)
   },
   // 生命周期钩子（榨干点）：激活注入等宽大写氛围，切走/注销清理。
   onActivate() {

package/es/assets/cockpit-liquid-ink.mjs

@@ -1,19 +1,19 @@
-import { defineComponent as _, computed as b, openBlock as d, createBlock as v, Teleport as x, unref as e, createElementBlock as u, normalizeStyle as C, createElementVNode as o, Fragment as k, createCommentVNode as p, normalizeProps as $, guardReactiveProps as w, createSlots as q, withCtx as l, createVNode as B, renderSlot as n, markRaw as N } from "vue";
-import { _ as R } from "../chunks/CockpitShellBase.vue_vue_type_script_setup_true_lang-CoSsDjcF.mjs";
-import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as E } from "@done-coding/admin-core";
-import { u as I } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
-import { _ as S } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
-const D = ["width", "height", "viewBox"], F = {
+import { defineComponent as _, computed as b, openBlock as c, createBlock as v, Teleport as x, unref as e, createElementBlock as u, normalizeStyle as C, createElementVNode as o, Fragment as k, createCommentVNode as p, normalizeProps as $, guardReactiveProps as w, createSlots as q, withCtx as l, createVNode as B, renderSlot as n, markRaw as R } from "vue";
+import { _ as E } from "../chunks/CockpitShellBase.vue_vue_type_script_setup_true_lang-8OC_BxwQ.mjs";
+import { CORE_VIEWPORT_DECOR_ZINDEX_BELOW as N } from "@done-coding/admin-core";
+import { u as S } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
+import { _ as I } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
+const F = ["width", "height", "viewBox"], L = {
   id: "liqA",
   cx: "50%",
   cy: "50%",
   r: "50%"
-}, L = ["stop-color", "stop-opacity"], M = ["stop-color", "stop-opacity"], T = ["stop-color"], A = {
+}, D = ["stop-color", "stop-opacity"], M = ["stop-color", "stop-opacity"], T = ["stop-color"], G = {
   id: "liqB",
   cx: "50%",
   cy: "50%",
   r: "50%"
-}, G = ["stop-color", "stop-opacity"], z = ["stop-color"], O = {
+}, z = ["stop-color", "stop-opacity"], A = ["stop-color"], O = {
   id: "liqScan",
   x1: "0%",
   y1: "0%",
@@ -22,12 +22,12 @@ const D = ["width", "height", "viewBox"], F = {
 }, W = ["stop-color"], P = ["stop-color", "stop-opacity"], V = ["stop-color"], H = ["cx", "cy", "rx", "ry"], X = ["values"], Z = ["values"], j = ["values"], J = ["cx", "cy", "rx", "ry"], K = ["values"], Q = ["x", "width", "height"], U = ["values"], Y = ["width", "height", "opacity"], ee = /* @__PURE__ */ _({
   __name: "LiquidInkCockpitDecor",
   setup(h) {
-    const { isDark: i, animated: t, vw: a, vh: s, hasFrame: g } = I(), f = b(() => i.value ? "#5b8cff" : "#3f6fe6"), c = b(() => i.value ? "#22d3ee" : "#0e9fc4");
+    const { isDark: i, animated: t, vw: s, vh: a, hasFrame: g } = S(), f = b(() => i.value ? "#5b8cff" : "#3f6fe6"), d = b(() => i.value ? "#22d3ee" : "#0e9fc4");
     function r(y) {
-      return Number((Math.min(a.value, s.value) * y).toFixed(1));
+      return Number((Math.min(s.value, a.value) * y).toFixed(1));
     }
-    return (y, m) => (d(), v(x, { to: "body" }, [
-      e(g) ? (d(), u("svg", {
+    return (y, m) => (c(), v(x, { to: "body" }, [
+      e(g) ? (c(), u("svg", {
         key: 0,
         class: "cockpit-liquid-ink-decor",
         style: C({
@@ -35,21 +35,21 @@ const D = ["width", "height", "viewBox"], F = {
           left: 0,
           top: 0,
           pointerEvents: "none",
-          zIndex: e(E),
+          zIndex: e(N),
           opacity: e(i) ? 1 : 0.55
         }),
-        width: e(a),
-        height: e(s),
-        viewBox: `0 0 ${e(a)} ${e(s)}`,
+        width: e(s),
+        height: e(a),
+        viewBox: `0 0 ${e(s)} ${e(a)}`,
         "aria-hidden": "true"
       }, [
         o("defs", null, [
-          o("radialGradient", F, [
+          o("radialGradient", L, [
             o("stop", {
               offset: "0%",
               "stop-color": f.value,
               "stop-opacity": e(i) ? 0.4 : 0.16
-            }, null, 8, L),
+            }, null, 8, D),
             o("stop", {
               offset: "55%",
               "stop-color": f.value,
@@ -61,32 +61,32 @@ const D = ["width", "height", "viewBox"], F = {
               "stop-opacity": "0"
             }, null, 8, T)
           ]),
-          o("radialGradient", A, [
+          o("radialGradient", G, [
             o("stop", {
               offset: "0%",
-              "stop-color": c.value,
+              "stop-color": d.value,
               "stop-opacity": e(i) ? 0.32 : 0.12
-            }, null, 8, G),
+            }, null, 8, z),
             o("stop", {
               offset: "100%",
-              "stop-color": c.value,
+              "stop-color": d.value,
               "stop-opacity": "0"
-            }, null, 8, z)
+            }, null, 8, A)
           ]),
           o("linearGradient", O, [
             o("stop", {
               offset: "0%",
-              "stop-color": c.value,
+              "stop-color": d.value,
               "stop-opacity": "0"
             }, null, 8, W),
             o("stop", {
               offset: "50%",
-              "stop-color": c.value,
+              "stop-color": d.value,
               "stop-opacity": e(i) ? 0.22 : 0.09
             }, null, 8, P),
             o("stop", {
               offset: "100%",
-              "stop-color": c.value,
+              "stop-color": d.value,
               "stop-opacity": "0"
             }, null, 8, V)
           ]),
@@ -104,13 +104,13 @@ const D = ["width", "height", "viewBox"], F = {
           ], -1))
         ]),
         o("ellipse", {
-          cx: e(a) * 0.22,
-          cy: e(s) * 0.26,
+          cx: e(s) * 0.22,
+          cy: e(a) * 0.26,
           rx: r(0.42),
           ry: r(0.34),
           fill: "url(#liqA)"
         }, [
-          e(t) ? (d(), u(k, { key: 0 }, [
+          e(t) ? (c(), u(k, { key: 0 }, [
             o("animate", {
               attributeName: "rx",
               values: `${r(0.42)};${r(0.5)};${r(0.42)}`,
@@ -126,20 +126,20 @@ const D = ["width", "height", "viewBox"], F = {
             o("animateTransform", {
               attributeName: "transform",
               type: "translate",
-              values: `0,0; ${e(a) * 0.03},${e(s) * 0.025}; 0,0`,
+              values: `0,0; ${e(s) * 0.03},${e(a) * 0.025}; 0,0`,
               dur: "29s",
               repeatCount: "indefinite"
             }, null, 8, j)
           ], 64)) : p("", !0)
         ], 8, H),
         o("ellipse", {
-          cx: e(a) * 0.82,
-          cy: e(s) * 0.78,
+          cx: e(s) * 0.82,
+          cy: e(a) * 0.78,
           rx: r(0.36),
           ry: r(0.3),
           fill: "url(#liqB)"
         }, [
-          e(t) ? (d(), u("animate", {
+          e(t) ? (c(), u("animate", {
             key: 0,
             attributeName: "rx",
             values: `${r(0.36)};${r(0.44)};${r(0.36)}`,
@@ -148,31 +148,31 @@ const D = ["width", "height", "viewBox"], F = {
             repeatCount: "indefinite"
           }, null, 8, K)) : p("", !0)
         ], 8, J),
-        e(t) ? (d(), u("rect", {
+        e(t) ? (c(), u("rect", {
           key: 0,
           y: "0",
-          x: -e(a) * 0.16,
-          width: e(a) * 0.16,
-          height: e(s),
+          x: -e(s) * 0.16,
+          width: e(s) * 0.16,
+          height: e(a),
           fill: "url(#liqScan)"
         }, [
           o("animate", {
             attributeName: "x",
-            values: `${-e(a) * 0.16}; ${e(a)}`,
+            values: `${-e(s) * 0.16}; ${e(s)}`,
             dur: "11s",
             repeatCount: "indefinite"
           }, null, 8, U)
         ], 8, Q)) : p("", !0),
         o("rect", {
-          width: e(a),
-          height: e(s),
+          width: e(s),
+          height: e(a),
           filter: "url(#liqGrain)",
           opacity: e(i) ? 0.045 : 0.02
         }, null, 8, Y)
-      ], 12, D)) : p("", !0)
+      ], 12, F)) : p("", !0)
     ]));
   }
-}), oe = /* @__PURE__ */ S(ee, [["__scopeId", "data-v-122f9ed8"]]), te = /* @__PURE__ */ _({
+}), oe = /* @__PURE__ */ I(ee, [["__scopeId", "data-v-5dc0dc3c"]]), te = /* @__PURE__ */ _({
   __name: "LiquidInkCockpitShell",
   props: {
     menus: {},
@@ -188,10 +188,10 @@ const D = ["width", "height", "viewBox"], F = {
   },
   setup(h) {
     const i = h;
-    return (t, a) => (d(), v(R, $(w(i)), q({
-      default: l((s) => [
+    return (t, s) => (c(), v(E, $(w(i)), q({
+      default: l((a) => [
         n(t.$slots, "default", {
-          Footer: s.Footer
+          Footer: a.Footer
         })
       ]),
       decor: l(() => [
@@ -208,9 +208,9 @@ const D = ["width", "height", "viewBox"], F = {
       } : void 0,
       t.$slots.themeSwitcher ? {
         name: "themeSwitcher",
-        fn: l((s) => [
+        fn: l((a) => [
           n(t.$slots, "themeSwitcher", {
-            Default: s.Default
+            Default: a.Default
           })
         ]),
         key: "1"
@@ -297,31 +297,31 @@ const D = ["width", "height", "viewBox"], F = {
     extractLevel1ToHeader: !0,
     header: {
       height: 58,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "14px" }
     },
     sidebar: {
       width: 248,
       collapseWidth: 68,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "14px" }
     },
     // 常驻副驾 dock：宽 340；route meta.layout.aside=true 时显（壳转 #aside 灌 webagent）。
     aside: {
       width: 340,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "14px" }
     },
     // 行动状态条：高 36（CockpitStatusBar 渲于此），榨干 footer 配置。
     footer: {
       height: 36,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "14px" }
     },
     // 推理路径条高度调谐（榨干 breadcrumb，31 套 0 用）。
     breadcrumb: { height: 44 },
     body: { shimPadding: 18 },
-    shell: N(te)
+    shell: R(te)
   }
 };
 export {

package/es/assets/cockpit-mono-paper.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as m, computed as y, openBlock as d, createBlock as f, Teleport as g, unref as e, createElementBlock as u, normalizeStyle as v, createElementVNode as t, createCommentVNode as h, normalizeProps as _, guardReactiveProps as k, createSlots as C, withCtx as s, createVNode as w, renderSlot as n, markRaw as $ } from "vue";
-import { _ as M } from "../chunks/CockpitShellBase.vue_vue_type_script_setup_true_lang-CoSsDjcF.mjs";
-import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as x } from "@done-coding/admin-core";
+import { defineComponent as f, computed as y, openBlock as d, createBlock as b, Teleport as g, unref as e, createElementBlock as u, normalizeStyle as v, createElementVNode as t, createCommentVNode as h, normalizeProps as _, guardReactiveProps as k, createSlots as C, withCtx as s, createVNode as w, renderSlot as n, markRaw as $ } from "vue";
+import { _ as x } from "../chunks/CockpitShellBase.vue_vue_type_script_setup_true_lang-8OC_BxwQ.mjs";
+import { CORE_VIEWPORT_DECOR_ZINDEX_BELOW as M } from "@done-coding/admin-core";
 import { u as R } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
 import { _ as B } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
 const E = ["width", "height", "viewBox"], S = {
@@ -8,12 +8,12 @@ const E = ["width", "height", "viewBox"], S = {
   width: "32",
   height: "32",
   patternUnits: "userSpaceOnUse"
-}, V = ["stroke", "opacity"], D = ["width", "height"], H = ["stroke", "opacity"], P = ["d"], N = ["d"], I = ["d"], F = ["y2", "stroke"], O = ["values"], W = ["values"], z = /* @__PURE__ */ m({
+}, V = ["stroke", "opacity"], H = ["width", "height"], P = ["stroke", "opacity"], D = ["d"], N = ["d"], F = ["d"], I = ["y2", "stroke"], O = ["values"], W = ["values"], z = /* @__PURE__ */ f({
   __name: "MonoPaperCockpitDecor",
   setup(c) {
-    const { isDark: i, animated: o, vw: a, vh: r, hasFrame: b } = R(), l = y(() => i.value ? "#aeb6c2" : "#3a3f47");
-    return (T, p) => (d(), f(g, { to: "body" }, [
-      e(b) ? (d(), u("svg", {
+    const { isDark: i, animated: o, vw: a, vh: r, hasFrame: m } = R(), l = y(() => i.value ? "#aeb6c2" : "#3a3f47");
+    return (A, p) => (d(), b(g, { to: "body" }, [
+      e(m) ? (d(), u("svg", {
         key: 0,
         class: "cockpit-mono-paper-decor",
         style: v({
@@ -21,7 +21,7 @@ const E = ["width", "height", "viewBox"], S = {
           left: 0,
           top: 0,
           pointerEvents: "none",
-          zIndex: e(x),
+          zIndex: e(M),
           opacity: e(i) ? 0.5 : 0.4
         }),
         width: e(a),
@@ -47,7 +47,7 @@ const E = ["width", "height", "viewBox"], S = {
           height: e(r),
           fill: "url(#monoGrid)",
           opacity: 0.5
-        }, null, 8, D),
+        }, null, 8, H),
         t("g", {
           stroke: l.value,
           "stroke-width": "1",
@@ -57,14 +57,14 @@ const E = ["width", "height", "viewBox"], S = {
           p[0] || (p[0] = t("path", { d: "M16 28 V16 H28" }, null, -1)),
           t("path", {
             d: `M${e(a) - 16} 28 V16 H${e(a) - 28}`
-          }, null, 8, P),
+          }, null, 8, D),
           t("path", {
             d: `M16 ${e(r) - 28} V${e(r) - 16} H28`
           }, null, 8, N),
           t("path", {
             d: `M${e(a) - 16} ${e(r) - 28} V${e(r) - 16} H${e(a) - 28}`
-          }, null, 8, I)
-        ], 8, H),
+          }, null, 8, F)
+        ], 8, P),
         e(o) ? (d(), u("line", {
           key: 0,
           x1: 0,
@@ -87,11 +87,11 @@ const E = ["width", "height", "viewBox"], S = {
             dur: "14s",
             repeatCount: "indefinite"
           }, null, 8, W)
-        ], 8, F)) : h("", !0)
+        ], 8, I)) : h("", !0)
       ], 12, E)) : h("", !0)
     ]));
   }
-}), A = /* @__PURE__ */ B(z, [["__scopeId", "data-v-a518c8db"]]), L = /* @__PURE__ */ m({
+}), L = /* @__PURE__ */ B(z, [["__scopeId", "data-v-2abf82a1"]]), T = /* @__PURE__ */ f({
   __name: "MonoPaperCockpitShell",
   props: {
     menus: {},
@@ -107,14 +107,14 @@ const E = ["width", "height", "viewBox"], S = {
   },
   setup(c) {
     const i = c;
-    return (o, a) => (d(), f(M, _(k(i)), C({
+    return (o, a) => (d(), b(x, _(k(i)), C({
       default: s((r) => [
         n(o.$slots, "default", {
           Footer: r.Footer
         })
       ]),
       decor: s(() => [
-        w(A)
+        w(L)
       ]),
       _: 2
     }, [
@@ -209,28 +209,28 @@ const E = ["width", "height", "viewBox"], S = {
     extractLevel1ToHeader: !0,
     header: {
       height: 54,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "4px" }
     },
     sidebar: {
       width: 240,
       collapseWidth: 64,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "4px" }
     },
     aside: {
       width: 320,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "4px" }
     },
     footer: {
       height: 34,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "4px" }
     },
     breadcrumb: { height: 42 },
     body: { shimPadding: 20 },
-    shell: $(L)
+    shell: $(T)
   }
 };
 export {