Refine admin PWA layout and tamagui usage

.tamagui/prompt.md

@@ -337,8 +337,8 @@ Tokens are design system values that can be referenced using the `$` prefix.
 
 ### Color Tokens
 
-- `accent`: #FFB6C1
-- `accentSoft`: #FFE5EC
+- `accent`: #3D5AFE
+- `accentSoft`: #E8ECFF
 - `blue10Dark`: hsl(209, 100%, 60.6%)
 - `blue10Light`: hsl(208, 100%, 47.3%)
 - `blue11Dark`: hsl(210, 100%, 66.1%)
@@ -363,8 +363,8 @@ Tokens are design system values that can be referenced using the `$` prefix.
 - `blue8Light`: hsl(206, 81.9%, 65.3%)
 - `blue9Dark`: hsl(206, 100%, 50.0%)
 - `blue9Light`: hsl(206, 100%, 50.0%)
-- `border`: #F2E4DA
-- `danger`: #E04848
+- `border`: #F3D6C9
+- `danger`: #EF4444
 - `gray10Dark`: hsl(0, 0%, 49.4%)
 - `gray10Light`: hsl(0, 0%, 52.3%)
 - `gray11Dark`: hsl(0, 0%, 62.8%)
@@ -413,7 +413,7 @@ Tokens are design system values that can be referenced using the `$` prefix.
 - `green8Light`: hsl(151, 40.2%, 54.1%)
 - `green9Dark`: hsl(151, 55.0%, 41.5%)
 - `green9Light`: hsl(151, 55.0%, 41.5%)
-- `muted`: #F4ECE8
+- `muted`: #FFF6F0
 - `orange10Dark`: hsl(24, 100%, 58.5%)
 - `orange10Light`: hsl(24, 100%, 46.5%)
 - `orange11Dark`: hsl(24, 100%, 62.2%)
@@ -462,7 +462,7 @@ Tokens are design system values that can be referenced using the `$` prefix.
 - `pink8Light`: hsl(323, 60.3%, 72.4%)
 - `pink9Dark`: hsl(322, 65.0%, 54.5%)
 - `pink9Light`: hsl(322, 65.0%, 54.5%)
-- `primary`: #FF5A5F
+- `primary`: #FF5C5C
 - `purple10Dark`: hsl(273, 57.3%, 59.1%)
 - `purple10Light`: hsl(272, 46.8%, 50.3%)
 - `purple11Dark`: hsl(275, 80.0%, 71.0%)
@@ -511,10 +511,10 @@ Tokens are design system values that can be referenced using the `$` prefix.
 - `red8Light`: hsl(359, 69.5%, 74.3%)
 - `red9Dark`: hsl(358, 75.0%, 59.0%)
 - `red9Light`: hsl(358, 75.0%, 59.0%)
-- `success`: #06D6A0
+- `success`: #22C55E
 - `surface`: #ffffff
-- `text`: #1F2937
-- `warning`: #F5C542
+- `text`: #0B132B
+- `warning`: #FBBF24
 - `yellow10Dark`: hsl(54, 100%, 68.0%)
 - `yellow10Light`: hsl(50, 100%, 48.5%)
 - `yellow11Dark`: hsl(48, 100%, 47.0%)

.tamagui/tamagui.config.cjs

@@ -4160,16 +4160,16 @@ var tokens3 = {
   ...tokens2,
   color: {
     ...tokens2.color,
-    primary: "#FF5A5F",
-    accent: "#FFB6C1",
-    accentSoft: "#FFE5EC",
-    success: "#06D6A0",
-    warning: "#F5C542",
-    danger: "#E04848",
+    primary: "#FF5C5C",
+    accent: "#3D5AFE",
+    accentSoft: "#E8ECFF",
+    success: "#22C55E",
+    warning: "#FBBF24",
+    danger: "#EF4444",
     surface: "#ffffff",
-    muted: "#F4ECE8",
-    border: "#F2E4DA",
-    text: "#1F2937"
+    muted: "#FFF6F0",
+    border: "#F3D6C9",
+    text: "#0B132B"
   },
   radius: {
     ...tokens2.radius,
@@ -4188,53 +4188,53 @@ var themes3 = {
     ...themes2.light,
     primary: tokens3.color.primary,
     accent: tokens3.color.accent,
-    background: "#FFF8F5",
-    backgroundHover: "#FFF1EC",
-    backgroundPress: "#FFE7E0",
+    background: "#FFF1E8",
+    backgroundHover: "#FFE8DD",
+    backgroundPress: "#FFE1D2",
     backgroundStrong: tokens3.color.surface,
-    backgroundTransparent: "rgba(255, 248, 245, 0)",
+    backgroundTransparent: "rgba(255, 241, 232, 0)",
     color: tokens3.color.text,
-    colorHover: "#111827",
-    colorPress: "#0F172A",
-    colorFocus: "#0F172A",
+    colorHover: "#091024",
+    colorPress: "#091024",
+    colorFocus: "#091024",
     borderColor: tokens3.color.border,
-    borderColorHover: "#EAD5C9",
-    borderColorPress: "#E0C9BC",
-    shadowColor: "rgba(31, 41, 55, 0.12)",
-    shadowColorPress: "rgba(31, 41, 55, 0.16)",
-    shadowColorFocus: "rgba(31, 41, 55, 0.18)",
+    borderColorHover: "#EBCABA",
+    borderColorPress: "#E1BFAE",
+    shadowColor: "rgba(11, 19, 43, 0.16)",
+    shadowColorPress: "rgba(11, 19, 43, 0.2)",
+    shadowColorFocus: "rgba(11, 19, 43, 0.24)",
     surface: tokens3.color.surface,
     muted: tokens3.color.muted,
     blue3: tokens3.color.accentSoft,
     blue6: tokens3.color.accent,
     blue10: tokens3.color.primary,
-    blue11: "#C2413B"
+    blue11: "#1E36F1"
   },
   dark: {
     ...themes2.dark,
     primary: tokens3.color.primary,
     accent: tokens3.color.accent,
-    background: "#171219",
-    backgroundHover: "#1F1A23",
-    backgroundPress: "#26212B",
-    backgroundStrong: "#1F1A23",
-    backgroundTransparent: "rgba(23, 18, 25, 0)",
-    color: "#F8F6F2",
+    background: "#0B132B",
+    backgroundHover: "#101A36",
+    backgroundPress: "#132142",
+    backgroundStrong: "#101A36",
+    backgroundTransparent: "rgba(11, 19, 43, 0)",
+    color: "#F8FAFF",
     colorHover: "#FFFFFF",
-    colorPress: "#FDF8F5",
+    colorPress: "#F2F6FF",
     colorFocus: "#FFFFFF",
-    borderColor: "#2C2531",
-    borderColorHover: "#3A3240",
-    borderColorPress: "#443C4A",
+    borderColor: "#1F2A4A",
+    borderColorHover: "#29345A",
+    borderColorPress: "#313D67",
     shadowColor: "rgba(0, 0, 0, 0.55)",
     shadowColorPress: "rgba(0, 0, 0, 0.65)",
     shadowColorFocus: "rgba(0, 0, 0, 0.6)",
-    surface: "#1F1A23",
-    muted: "#241E28",
-    blue3: "#2B1D23",
-    blue6: "#5A2D34",
-    blue10: "#FF7A7F",
-    blue11: "#FFB3B6"
+    surface: "#0F1B36",
+    muted: "#121F3D",
+    blue3: "#1B2550",
+    blue6: "#3D5AFE",
+    blue10: "#FF5C5C",
+    blue11: "#FF8A8A"
   }
 };
 var sharedWeights = {
@@ -4254,12 +4254,12 @@ var fonts2 = {
   },
   heading: {
     ...defaultConfig.fonts.heading,
-    family: "Manrope",
+    family: "Archivo Black",
     weight: sharedWeights
   },
   display: {
     ...defaultConfig.fonts.heading,
-    family: "Fraunces",
+    family: "Archivo Black",
     weight: sharedWeights
   }
 };