1702 - sf

Author: petrapaz

client/src/styles/components.css

@@ -9,37 +9,17 @@
 
 @layer base {
     :root {
-        --background: 0 0% 100%;
-        --foreground: 224 71.4% 4.1%;
-        --card: 0 0% 100%;
-        --card-foreground: 224 71.4% 4.1%;
-        --popover: 0 0% 100%;
-        --popover-foreground: 224 71.4% 4.1%;
-        --primary: 220.9 39.3% 11%;
-        --primary-foreground: 210 20% 98%;
-        --secondary: 220 14.3% 95.9%;
-        --secondary-foreground: 220.9 39.3% 11%;
-        --muted: 220 14.3% 95.9%;
-        --muted-foreground: 220 8.9% 46.1%;
         --accent: 220 14.3% 95.9%;
         --accent-foreground: 220.9 39.3% 11%;
-        --destructive: 0 84.2% 60.2%;
-        --destructive-foreground: 210 20% 98%;
-        --info: 214, 100%, 97%;
-        --info-foreground: 224, 76%, 48%;
-        --success: 142 76% 36%;
-        --success-foreground: 142 77% 73%;
+        --background: 0 0% 100%;
         --border: 220 13% 91%;
-        --input: 220 13% 91%;
-        --ring: 213 87% 48%;
+        --card: 0 0% 100%;
+        --card-foreground: 224 71.4% 4.1%;
         --chart-1: 12 76% 61%;
         --chart-2: 173 58% 39%;
         --chart-3: 197 37% 24%;
         --chart-4: 43 74% 66%;
         --chart-5: 27 87% 67%;
-        --skeleton: 220 9% 93%;
-        --radius: 0.5rem;
-        --workflow-nodes-popover-component-menu-width: 330px;
         --content-canvas_dot: 214 32% 91%;
         --content-brand-primary: 217 91% 40%;
         --content-brand-primary-hover: 217 91% 36%;
@@ -60,6 +40,23 @@
         --content-success: 142 72% 29%;
         --content-warning-primary: 35 92% 33%;
         --content-warning: 45 93% 47%;
+        --destructive: 0 84.2% 60.2%;
+        --destructive-foreground: 210 20% 98%;
+        --foreground: 224 71.4% 4.1%;
+        --info: 214, 100%, 97%;
+        --info-foreground: 224, 76%, 48%;
+        --input: 220 13% 91%;
+        --muted: 220 14.3% 95.9%;
+        --muted-foreground: 220 8.9% 46.1%;
+        --popover: 0 0% 100%;
+        --popover-foreground: 224 71.4% 4.1%;
+        --primary: 220.9 39.3% 11%;
+        --primary-foreground: 210 20% 98%;
+        --radius: 0.5rem;
+        --ring: 213 87% 48%;
+        --secondary: 220 14.3% 95.9%;
+        --secondary-foreground: 220.9 39.3% 11%;
+        --skeleton: 220 9% 93%;
         --stroke-branch-primary: 239 84% 67%;
         --stroke-branch-secondary: 243 75% 59%;
         --stroke-branch-tertiary: 245 58% 51%;
@@ -113,6 +110,8 @@
         --stroke-warning-primary: 45 93% 47%;
         --stroke-warning-primary-hover: 41 96% 40%;
         --stroke-warning-primary-active: 35 92% 33%;
+        --success: 142 76% 36%;
+        --success-foreground: 142 77% 73%;
         --surface-brand-primary: 217 91% 40%;
         --surface-brand-primary-hover: 217 91% 36%;
         --surface-brand-primary-active: 217 92% 28%;
@@ -149,32 +148,16 @@
         --surface-warning-secondary: 55 92% 95%;
         --surface-warning-secondary-hover: 55 97% 88%;
         --surface-warning-secondary-active: 53 98% 77%;
+        --workflow-nodes-popover-component-menu-width: 330px;
     }
 
     .dark {
-        --background: 224 71.4% 4.1%;
-        --foreground: 210 20% 98%;
-        --card: 224 71.4% 4.1%;
-        --card-foreground: 210 20% 98%;
-        --popover: 224 71.4% 4.1%;
-        --popover-foreground: 210 20% 98%;
-        --primary: 210 20% 98%;
-        --primary-foreground: 220.9 39.3% 11%;
-        --secondary: 215 27.9% 16.9%;
-        --secondary-foreground: 210 20% 98%;
-        --muted: 215 27.9% 16.9%;
-        --muted-foreground: 217.9 10.6% 64.9%;
         --accent: 215 27.9% 16.9%;
         --accent-foreground: 210 20% 98%;
-        --info: 214, 100%, 97%;
-        --info-foreground: 224, 76%, 48%;
-        --success: 142, 69%, 58%;
-        --success-foreground: 144, 61%, 20%;
-        --destructive: 0 62.8% 30.6%;
-        --destructive-foreground: 210 20% 98%;
+        --background: 224 71.4% 4.1%;
         --border: 215 27.9% 16.9%;
-        --input: 215 27.9% 16.9%;
-        --ring: 216 12.2% 83.9%;
+        --card: 224 71.4% 4.1%;
+        --card-foreground: 210 20% 98%;
         --chart-1: 220 70% 50%;
         --chart-2: 160 60% 45%;
         --chart-3: 30 80% 55%;
@@ -197,6 +180,21 @@
         --content-onwarning: 229 84% 5%;
         --content-success-primary: 142 71% 45%;
         --content-warning-primary: 45 93% 47%;
+        --destructive: 0 62.8% 30.6%;
+        --destructive-foreground: 210 20% 98%;
+        --foreground: 210 20% 98%;
+        --info: 214, 100%, 97%;
+        --info-foreground: 224, 76%, 48%;
+        --input: 215 27.9% 16.9%;
+        --muted: 215 27.9% 16.9%;
+        --muted-foreground: 217.9 10.6% 64.9%;
+        --popover: 224 71.4% 4.1%;
+        --popover-foreground: 210 20% 98%;
+        --primary: 210 20% 98%;
+        --primary-foreground: 220.9 39.3% 11%;
+        --ring: 216 12.2% 83.9%;
+        --secondary: 215 27.9% 16.9%;
+        --secondary-foreground: 210 20% 98%;
         --stroke-branch-primary: 0 0% 100%;
         --stroke-branch-secondary: 0 0% 100%;
         --stroke-branch-tertiary: 0 0% 100%;
@@ -245,6 +243,8 @@
         --stroke-warning-primary: 48 96% 53%;
         --stroke-warning-primary-hover: 48 96% 53%;
         --stroke-warning-primary-active: 48 96% 53%;
+        --success: 142, 69%, 58%;
+        --success-foreground: 144, 61%, 20%;
         --surface-brand-primary: 217 62% 82%;
         --surface-brand-primary-hover: 217 61% 73%;
         --surface-brand-primary-active: 217 61% 60%;