refactor mobile branch dashboard experience

gaoluyang

2026-10-29 a7dcbf2d709475c4364b3ac5e8ba06a7bada4b88

 src/packages/@core/base/design/src/design-tokens/default.css

@@ -7,15 +7,15 @@
    'Segoe UI Symbol', 'Noto Color Emoji';

  /* Default background color of <body />...etc */
  --background: 0 0% 100%;
  --background: 250 25% 97%;

  /* 主体区域背景色 */
  --background-deep: 216 20.11% 95.47%;
  --foreground: 210 6% 21%;
  --background-deep: 250 24% 93%;
  --foreground: 246 22% 18%;

  /* Background color for <Card /> */
  --card: 0 0% 100%;
  --card-foreground: 222.2 84% 4.9%;
  --card-foreground: 246 22% 18%;

  /* Background color for popovers such as <DropdownMenu />, <HoverCard />, <Popover /> */
  --popover: 0 0% 100%;
@@ -31,7 +31,7 @@

  /* 主题颜色 */

  --primary: 212 100% 45%;
  --primary: 250 72% 56%;
  --primary-foreground: 0 0% 98%;

  /* Used for destructive actions such as <Button variant="destructive"> */
@@ -56,23 +56,23 @@

  /* Secondary colors for <Button /> */

  --secondary: 240 5% 96%;
  --secondary-foreground: 240 6% 10%;
  --secondary: 250 20% 92%;
  --secondary-foreground: 246 22% 18%;

  /* Used for accents such as hover effects on <DropdownMenuItem>, <SelectItem>...etc */
  --accent: 240 5% 96%;
  --accent: 250 35% 92%;
  --accent-dark: 216 14% 93%;
  --accent-darker: 216 11% 91%;
  --accent-lighter: 240 0% 98%;
  --accent-hover: 200deg 10% 90%;
  --accent-foreground: 240 6% 10%;
  --accent-foreground: 250 72% 40%;

  /* Darker color */
  --heavy: 192deg 9.43% 89.61%;
  --heavy-foreground: var(--accent-foreground);

  /* Default border color */
  --border: 240 5.9% 90%;
  --border: 250 18% 86%;

  /* Border color for inputs such as <Input />, <Select />, <Textarea /> */
  --input: 240deg 5.88% 90%;