@g4rcez/components 2.3.0 → 3.0.0

package/dist/preset/src/styles/dark.js

@@ -11,203 +11,203 @@ export var DARK_THEME = {
         "shadow-table": "0px 1px 1px 1px hsla(210, 25%, 20%,  0.1)",
     },
     colors: {
-        foreground: "hsla(210, 50%, 98%)",
-        background: "hsla(0, 0%, 9%)",
-        border: "hsla(240, 7%, 27%)",
-        disabled: "hsla(240, 4%, 33%)",
+        foreground: "hsla(240, 5%, 96%)",
+        background: "hsla(240, 10%, 8%)",
+        border: "hsla(240, 4%, 16%)",
+        disabled: "hsla(240, 4%, 16%)",
         muted: {
-            DEFAULT: "hsla(210, 10%, 28%)",
-            foreground: "hsla(210, 12%, 46%)",
-            subtle: "hsla(210, 10%, 40%)",
-            hover: "hsla(210, 10%, 40%)",
+            DEFAULT: "hsla(240, 4%, 16%)",
+            foreground: "hsla(240, 5%, 65%)",
+            subtle: "hsla(240, 5%, 65%)",
+            hover: "hsla(240, 4%, 20%)",
         },
         emphasis: {
-            foreground: "hsla(251, 91%, 95%)",
-            DEFAULT: "hsla(255, 92%, 76%)",
-            subtle: "hsla(252, 95%, 85%)",
-            hover: "hsla(262, 83%, 58%)",
+            foreground: "hsla(199, 89%, 48%)",
+            DEFAULT: "hsla(199, 89%, 10%)",
+            subtle: "hsla(199, 89%, 15%)",
+            hover: "hsla(199, 89%, 40%)",
         },
         primary: {
-            foreground: "hsla(210, 40%, 98%)",
-            DEFAULT: "hsla(200,98%,39%)",
-            subtle: "hsla(199, 95%, 87%)",
-            hover: "hsla(199, 97%, 40%)",
+            foreground: "hsla(240, 6%, 10%)",
+            DEFAULT: "hsla(201,49%,54%)",
+            subtle: "hsla(201,49%,36%)",
+            hover: "hsla(201,49%,22%)",
         },
         secondary: {
-            DEFAULT: "hsla(210, 32%, 70%)",
-            background: "hsla(210, 30%, 81%)",
-            subtle: "hsla(210, 27%, 88%)",
-            hover: "hsla(210, 10%, 58%)",
-            foreground: "hsla(210, 20%, 30%)",
+            DEFAULT: "hsla(240, 5%, 96%)",
+            background: "hsla(240, 4%, 16%)",
+            subtle: "hsla(240, 4%, 20%)",
+            hover: "hsla(240, 4%, 25%)",
+            foreground: "hsla(240, 5%, 96%)",
         },
         info: {
-            DEFAULT: "hsla(219, 91%, 59%)",
-            subtle: "hsla(219, 93%, 77%)",
-            hover: "hsla(219, 83%, 41%)",
-            foreground: "hsla(210, 40%, 98%)",
-            notification: "hsla(219, 91%, 59%)",
-        },
-        warn: {
-            DEFAULT: "hsla(27, 96%, 61%)",
-            subtle: "hsla(45, 95%, 66%)",
-            hover: "hsla(21, 90%, 48%)",
-            foreground: "hsla(210, 40%, 98%)",
-            notification: "hsla(32, 65%, 75%)",
+            DEFAULT: "hsla(199, 89%, 48%)",
+            subtle: "hsla(199, 89%, 15%)",
+            hover: "hsla(199, 89%, 40%)",
+            foreground: "hsla(0, 0%, 100%)",
+            notification: "hsla(199, 89%, 48%)",
         },
         danger: {
-            DEFAULT: "hsla(358, 65%, 57%)",
-            subtle: "hsla(0, 94%, 81%)",
-            hover: "hsla(0, 82%, 47%)",
-            foreground: "hsla(210, 40%, 98%)",
-            notification: "hsla(358, 40%, 23%)",
+            DEFAULT: "hsla(0, 84%, 60%)",
+            subtle: "hsla(0, 84%, 15%)",
+            hover: "hsla(0, 84%, 50%)",
+            foreground: "hsla(0, 0%, 100%)",
+            notification: "hsla(0, 84%, 60%)",
+        },
+        warn: {
+            DEFAULT: "hsla(38, 92%, 50%)",
+            subtle: "hsla(38, 92%, 15%)",
+            hover: "hsla(38, 92%, 45%)",
+            foreground: "hsla(240, 10%, 4%)",
+            notification: "hsla(38, 92%, 50%)",
         },
         success: {
-            DEFAULT: "hsla(160, 73%, 36%)",
-            subtle: "hsla(160, 75%, 75%)",
-            hover: "hsla(160, 91%, 27%)",
-            foreground: "hsla(160, 91%, 50%)",
-            notification: "hsla(160,90%,5%)",
+            DEFAULT: "hsla(142, 71%, 45%)",
+            subtle: "hsla(142, 71%, 15%)",
+            hover: "hsla(142, 71%, 40%)",
+            foreground: "hsla(240, 10%, 4%)",
+            notification: "hsla(142, 71%, 45%)",
         },
         input: {
-            border: "hsla(240, 4%, 25%)",
-            placeholder: "hsla(210, 24%, 71%)",
-            "mask-error": "hsla(0, 94%, 81%)",
-            "switch-bg": "hsla(0, 0%, 9%)",
+            border: "hsla(240, 4%, 16%)",
+            placeholder: "hsla(240, 5%, 65%)",
+            "mask-error": "hsla(0, 84%, 20%)",
+            "switch-bg": "hsla(240, 4%, 16%)",
             switch: "hsla(0, 0%, 100%)",
             slider: "hsla(0, 0%, 100%)",
         },
         card: {
-            muted: "hsla(0, 0%, 22%)",
-            border: "hsla(240, 7%, 20%)",
-            background: "hsla(0, 0%, 15%)",
+            muted: "hsla(240, 4%, 10%)",
+            border: "hsla(240, 4%, 11%)",
+            background: "hsla(221, 16%, 9%)",
         },
         floating: {
-            foreground: "hsla(210, 40%, 98%)",
-            background: "hsla(219, 15%, 12%)",
-            hover: "hsla(221, 10%, 22%)",
-            border: "hsla(240, 7%, 17%)",
+            foreground: "hsla(240, 5%, 96%)",
+            background: "hsla(240, 10%, 8%)",
+            hover: "hsla(240, 4%, 16%)",
+            border: "hsla(240, 4%, 16%)",
             overlay: "hsla(0, 0%, 0%)",
         },
         tooltip: {
-            foreground: "hsla(210, 40%, 98%)",
-            background: "hsla(221, 5%, 15%)",
-            hover: "hsla(221, 10%, 35%)",
-            border: "hsla(0, 0%, 19%)",
+            foreground: "hsla(240, 10%, 4%)",
+            background: "hsla(0, 0%, 100%)",
+            hover: "hsla(0, 0%, 100%)",
+            border: "hsla(0, 0%, 100%)",
             overlay: "hsla(0, 0%, 0%)",
         },
         table: {
-            header: "hsla(0, 0%, 12%)",
-            border: "hsla(240, 4%, 20%)",
-            background: "hsla(0, 0%, 15%)",
+            header: "hsla(240, 4%, 10%)",
+            border: "hsla(240, 4%, 16%)",
+            background: "hsla(240, 10%, 4%)",
         },
         button: {
             primary: {
-                text: "hsla(200,98%,60%)",
-                bg: "hsla(200,28%,19%)",
+                text: "hsla(221, 52%, 100%)",
+                bg: "hsla(201,49%,42%)",
             },
             warn: {
-                text: "hsla(26,100%,67%)",
-                bg: "hsla(37,100%,15%)",
+                text: "hsla(240, 10%, 4%)",
+                bg: "hsla(38, 92%, 50%)",
             },
             info: {
-                text: "hsla(200,80%,70%)",
-                bg: "hsla(206,66%,24%)",
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(199, 89%, 48%)",
             },
             success: {
-                text: "hsla(151,65%,54%)",
-                bg: "hsla(154,52%,19%)",
+                text: "hsla(240, 10%, 4%)",
+                bg: "hsla(142, 71%, 45%)",
             },
             danger: {
-                text: "hsla(2,100%,90%)",
-                bg: "hsla(5,62%,23%)",
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(0, 84%, 60%)",
             },
             muted: {
-                text: "hsla(0, 100%, 100%)",
-                bg: "hsla(0, 0%, 12%)",
+                text: "hsla(240, 5%, 96%)",
+                bg: "hsla(240, 4%, 16%)",
             },
             neutral: {
-                text: "hsla(200,98%,60%)",
-                bg: "hsla(200,28%,19%)",
+                text: "hsla(240, 5%, 96%)",
+                bg: "hsla(240, 4%, 16%)",
             },
             secondary: {
-                text: "hsla(216,10%,90%)",
-                bg: "hsla(214,7%,19%)",
+                text: "hsla(240, 10%, 4%)",
+                bg: "hsla(0, 0%, 100%)",
             },
         },
         tag: {
             primary: {
-                text: "hsla(200,98%,60%)",
-                bg: "hsla(200,28%,19%)",
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(240, 4%, 20%)",
             },
             warn: {
-                text: "hsla(26,100%,67%)",
-                bg: "hsla(37,100%,15%)",
+                text: "hsla(38, 92%, 70%)",
+                bg: "hsla(38, 92%, 15%)",
             },
             info: {
-                text: "hsla(200,80%,70%)",
-                bg: "hsla(206,66%,24%)",
+                text: "hsla(199, 89%, 70%)",
+                bg: "hsla(199, 89%, 15%)",
             },
             success: {
-                text: "hsla(151,65%,54%)",
-                bg: "hsla(154,52%,19%)",
+                text: "hsla(142, 71%, 70%)",
+                bg: "hsla(142, 71%, 15%)",
             },
             danger: {
-                text: "hsla(2,100%,79%)",
-                bg: "hsla(5,62%,23%)",
+                text: "hsla(0, 84%, 70%)",
+                bg: "hsla(0, 84%, 15%)",
             },
             neutral: {
-                text: "hsla(200,98%,60%)",
-                bg: "hsla(200,28%,19%)",
+                text: "hsla(240, 5%, 96%)",
+                bg: "hsla(240, 4%, 16%)",
             },
             secondary: {
-                text: "hsla(216,10%,90%)",
-                bg: "hsla(214,7%,19%)",
+                text: "hsla(240, 10%, 4%)",
+                bg: "hsla(0, 0%, 100%)",
             },
             muted: {
-                text: "hsla(0, 100%, 100%)",
-                bg: "hsla(0, 0%, 12%)",
+                text: "hsla(240, 5%, 96%)",
+                bg: "hsla(240, 4%, 16%)",
             },
         },
         alert: {
             primary: {
-                text: "hsla(210,100%,72%)",
-                border: "hsla(212,69%,16%)",
-                bg: "hsla(215,42%,9%)",
+                text: "hsla(199, 89%, 80%)",
+                border: "hsla(199, 89%, 25%)",
+                bg: "hsla(199, 89%, 12%)",
             },
             warn: {
-                bg: "hsla(28,33%,9%)",
-                border: "hsla(29,65%,12%)",
-                text: "hsla(27,100%,78%)",
+                bg: "hsla(38, 92%, 12%)",
+                border: "hsla(38, 92%, 25%)",
+                text: "hsla(38, 92%, 80%)",
             },
             info: {
-                text: "hsla(253,100%,83%)",
-                bg: "hsla(263,28%,11%)",
-                border: "hsla(252,34%,51%)",
+                text: "hsla(199, 89%, 80%)",
+                bg: "hsla(199, 89%, 12%)",
+                border: "hsla(199, 89%, 25%)",
             },
             success: {
-                text: "hsla(144,79%,79%)",
-                bg: "hsla(153,20%,9%)",
-                border: "hsla(144,40%,10%)",
+                text: "hsla(142, 71%, 80%)",
+                bg: "hsla(142, 71%, 12%)",
+                border: "hsla(142, 71%, 25%)",
             },
             danger: {
-                text: "hsla(350,100%,91%)",
-                bg: "hsla(355,25%,15%)",
-                border: "hsla(355,25%,10%)",
+                text: "hsla(0, 84%, 80%)",
+                bg: "hsla(0, 84%, 12%)",
+                border: "hsla(0, 84%, 25%)",
             },
             neutral: {
-                text: "hsla(200,98%,60%)",
-                bg: "hsla(200,28%,19%)",
-                border: "hsla(200,90%,89%)",
+                text: "hsla(240, 5%, 96%)",
+                bg: "hsla(240, 4%, 16%)",
+                border: "hsla(240, 4%, 20%)",
             },
             secondary: {
-                text: "hsla(220,9%,94%)",
-                bg: "hsla(220,6%,10%)",
-                border: "hsla(214,7%,19%)",
+                text: "hsla(240, 10%, 4%)",
+                bg: "hsla(0, 0%, 100%)",
+                border: "hsla(0, 0%, 100%)",
             },
             muted: {
-                bg: "hsla(0, 0%, 12%)",
-                border: "hsla(0, 0%, 40%)",
-                text: "hsla(0, 100%, 100%)",
+                bg: "hsla(240, 4%, 16%)",
+                border: "hsla(240, 4%, 20%)",
+                text: "hsla(240, 5%, 96%)",
             },
         },
     },

package/dist/preset/src/styles/light.js

@@ -11,203 +11,203 @@ export var LIGHT_THEME = {
     },
     zIndex: zIndex,
     colors: {
-        foreground: "hsla(217, 15%, 30%)",
-        background: "hsla(210, 40%, 98%)",
-        border: "hsla(210, 25%, 88%)",
+        foreground: "hsla(221, 15%, 23%)",
+        background: "hsla(0, 0%, 100%)",
+        border: "hsla(240, 6%, 90%)",
         muted: {
-            DEFAULT: "hsla(210, 30%, 86%)",
-            foreground: "hsla(210, 15%, 20%)",
-            subtle: "hsla(210, 10%, 40%)",
-            hover: "hsla(210, 10%, 40%)",
+            DEFAULT: "hsla(240, 5%, 96%)",
+            foreground: "hsla(240, 4%, 46%)",
+            subtle: "hsla(240, 4%, 46%)",
+            hover: "hsla(240, 5%, 96%)",
         },
-        disabled: "hsla(240, 10%, 78%)",
+        disabled: "hsla(240, 5%, 96%)",
         emphasis: {
-            foreground: "hsla(251,91%,95%)",
-            DEFAULT: "hsla(255,92%,76%)",
-            subtle: "hsla(252,95%,85%)",
-            hover: "hsla(262,83%,58%)",
+            foreground: "hsla(199, 89%, 48%)",
+            DEFAULT: "hsla(199, 89%, 96%)",
+            subtle: "hsla(199, 89%, 92%)",
+            hover: "hsla(199, 89%, 40%)",
         },
         primary: {
-            foreground: "hsla(210, 40%, 98%)",
-            DEFAULT: "hsla(199, 89%, 54%)",
-            subtle: "hsla(199, 95%, 87%)",
-            hover: "hsla(199, 97%, 40%)",
+            foreground: "hsla(240, 6%, 10%)",
+            DEFAULT: "hsla(201,49%,54%)",
+            subtle: "hsla(201,49%,36%)",
+            hover: "hsla(201,49%,22%)",
         },
         secondary: {
-            background: "hsla(210, 25%, 35%)",
-            DEFAULT: "hsla(210, 25%, 45%)",
-            subtle: "hsla(207, 29%, 39%)",
-            hover: "hsla(210, 21%, 67%)",
-            foreground: "hsla(210, 40%, 98%)",
+            background: "hsla(240, 5%, 96%)",
+            DEFAULT: "hsla(240, 6%, 10%)",
+            subtle: "hsla(240, 5%, 96%)",
+            hover: "hsla(240, 6%, 15%)",
+            foreground: "hsla(0, 0%, 100%)",
         },
         info: {
-            DEFAULT: "hsla(219, 91%, 59%)",
-            subtle: "hsla(219, 70%, 90%)",
-            hover: "hsla(219, 83%, 41%)",
-            foreground: "hsla(210, 34%, 96%)",
-            notification: "hsla(219, 91%, 59%)",
+            DEFAULT: "hsla(199, 89%, 48%)",
+            subtle: "hsla(199, 89%, 96%)",
+            hover: "hsla(199, 89%, 40%)",
+            foreground: "hsla(0, 0%, 100%)",
+            notification: "hsla(199, 89%, 48%)",
         },
         danger: {
-            DEFAULT: "hsla(0, 82%, 63%)",
-            subtle: "hsla(0, 96%, 95%)",
-            hover: "hsla(0, 82%, 47%)",
-            foreground: "hsla(210, 34%, 96%)",
-            notification: "hsla(0, 100%, 87%)",
+            DEFAULT: "hsla(0, 84%, 60%)",
+            subtle: "hsla(0, 84%, 96%)",
+            hover: "hsla(0, 84%, 50%)",
+            foreground: "hsla(0, 0%, 100%)",
+            notification: "hsla(0, 84%, 60%)",
         },
         warn: {
-            DEFAULT: "hsla(27, 100%, 70%)",
-            subtle: "hsla(45, 95%, 80%)",
-            hover: "hsla(29, 85%, 50%)",
-            foreground: "hsla(210, 34%, 96%)",
-            notification: "hsla(27, 85%, 92%)",
+            DEFAULT: "hsla(38, 92%, 50%)",
+            subtle: "hsla(38, 92%, 96%)",
+            hover: "hsla(38, 92%, 45%)",
+            foreground: "hsla(0, 0%, 100%)",
+            notification: "hsla(38, 92%, 50%)",
         },
         success: {
-            DEFAULT: "hsla(160, 73%, 36%)",
-            subtle: "hsla(160, 75%, 90%)",
-            hover: "hsla(160, 91%, 27%)",
-            foreground: "hsla(160, 91%, 17%)",
-            notification: "hsla(160, 75%, 80%)",
+            DEFAULT: "hsla(142, 71%, 45%)",
+            subtle: "hsla(142, 71%, 96%)",
+            hover: "hsla(142, 71%, 40%)",
+            foreground: "hsla(0, 0%, 100%)",
+            notification: "hsla(142, 71%, 45%)",
         },
         input: {
-            border: "hsla(218, 22%, 85%)",
-            placeholder: "hsla(210, 24%, 71%)",
-            "mask-error": "hsla(0, 94%, 81%)",
-            "switch-bg": "hsla(0, 0%, 45%)",
+            border: "hsla(240, 6%, 90%)",
+            placeholder: "hsla(240, 4%, 46%)",
+            "mask-error": "hsla(0, 84%, 96%)",
+            "switch-bg": "hsla(240, 6%, 90%)",
             switch: "hsla(0, 0%, 100%)",
-            slider: "hsla(0, 0%, 100%)",
+            slider: "hsla(199, 89%, 48%)",
         },
         card: {
-            muted: "hsla(210, 25%, 94%)",
-            border: "hsla(210, 25%, 95%)",
+            muted: "hsla(240, 5%, 96%)",
+            border: "hsla(240, 6%, 90%)",
             background: "hsla(0, 0%, 100%)",
         },
         floating: {
-            foreground: "hsla(217, 15%, 20%)",
+            foreground: "hsla(240, 10%, 4%)",
             background: "hsla(0, 0%, 100%)",
-            hover: "hsla(0, 0%, 92%)",
-            border: "hsla(210, 25%, 88%)",
-            overlay: "hsla(0, 0%, 0%)",
+            hover: "hsla(240, 5%, 96%)",
+            border: "hsla(240, 6%, 90%)",
+            overlay: "hsla(240, 10%, 4%)",
         },
         tooltip: {
-            foreground: "hsla(217, 15%, 20%)",
-            background: "hsla(210, 25%, 98%)",
-            hover: "hsla(210, 25%, 92%)",
-            border: "hsla(200, 1%, 80%)",
+            foreground: "hsla(0, 0%, 100%)",
+            background: "hsla(240, 10%, 4%)",
+            hover: "hsla(240, 10%, 4%)",
+            border: "hsla(240, 10%, 4%)",
             overlay: "hsla(0, 0%, 0%)",
         },
         table: {
-            header: "hsla(210, 20%, 98%)",
+            header: "hsla(240, 5%, 96%)",
             background: "hsla(0, 0%, 100%)",
-            border: "hsla(210, 20%, 92%)",
+            border: "hsla(240, 6%, 90%)",
         },
         button: {
             muted: {
-                bg: "hsla(210, 30%, 86%)",
-                text: "hsla(210, 10%, 15%)",
+                bg: "hsla(240, 5%, 96%)",
+                text: "hsla(240, 6%, 10%)",
             },
             primary: {
                 text: "hsla(0, 0%, 100%)",
-                bg: "hsla(207,96%,48%)",
+                bg: "hsla(201,49%,54%)",
             },
             warn: {
-                bg: "hsla(26,90%,60%)",
+                bg: "hsla(38, 92%, 50%)",
                 text: "hsla(0, 0%, 100%)",
             },
             info: {
                 text: "hsla(0, 0%, 100%)",
-                bg: "hsla(210,60%,60%)",
+                bg: "hsla(199, 89%, 48%)",
             },
             success: {
                 text: "hsla(0, 0%, 100%)",
-                bg: "hsla(152,56%,39%)",
+                bg: "hsla(142, 71%, 45%)",
             },
             danger: {
                 text: "hsla(0, 0%, 100%)",
-                bg: "hsla(10,78%,54%)",
+                bg: "hsla(0, 84%, 60%)",
             },
             neutral: {
-                text: "hsla(200,98%,60%)",
-                bg: "hsla(200,28%,19%)",
+                text: "hsla(240, 6%, 10%)",
+                bg: "hsla(240, 5%, 96%)",
             },
             secondary: {
-                text: "hsla(216,10%,90%)",
-                bg: "hsla(214,7%,19%)",
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(240, 6%, 10%)",
             },
         },
         tag: {
             muted: {
-                bg: "hsla(210, 30%, 92%)",
-                text: "hsla(210, 10%, 25%)",
+                bg: "hsla(240, 5%, 96%)",
+                text: "hsla(240, 4%, 46%)",
             },
             primary: {
-                text: "hsla(0, 0%, 100%)",
-                bg: "hsla(207,70%,55%)",
+                text: "hsla(199, 89%, 48%)",
+                bg: "hsla(199, 89%, 96%)",
             },
             warn: {
-                bg: "hsla(30,100%,82%)",
-                text: "hsla(23,100%,40%)",
+                bg: "hsla(38, 92%, 96%)",
+                text: "hsla(38, 92%, 40%)",
             },
             info: {
-                text: "hsla(196,100%,20%)",
-                bg: "hsla(197,65%,80%)",
+                text: "hsla(199, 89%, 40%)",
+                bg: "hsla(199, 89%, 96%)",
             },
             success: {
-                text: "hsla(154,52%,19%)",
-                bg: "hsla(152,56%,80%)",
+                text: "hsla(142, 71%, 35%)",
+                bg: "hsla(142, 71%, 96%)",
             },
             danger: {
-                text: "hsla(10,82%,45%)",
-                bg: "hsla(359,94%,92%)",
+                text: "hsla(0, 84%, 45%)",
+                bg: "hsla(0, 84%, 96%)",
             },
             neutral: {
-                text: "hsla(200,98%,60%)",
-                bg: "hsla(200,28%,19%)",
+                text: "hsla(240, 6%, 10%)",
+                bg: "hsla(240, 5%, 96%)",
             },
             secondary: {
-                text: "hsla(216,10%,90%)",
-                bg: "hsla(214,7%,19%)",
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(240, 6%, 10%)",
             },
         },
         alert: {
             muted: {
-                bg: "hsla(210, 30%, 86%)",
-                text: "hsla(210, 30%, 86%)",
-                border: "hsla(210, 10%, 70%)",
+                bg: "hsla(240, 5%, 96%)",
+                text: "hsla(240, 6%, 10%)",
+                border: "hsla(240, 6%, 90%)",
             },
             primary: {
-                text: "hsla(206,70%,50%)",
-                border: "hsla(206,90%,89%)",
-                bg: "hsla(205,92%,95%)",
+                text: "hsla(199, 89%, 40%)",
+                border: "hsla(199, 89%, 90%)",
+                bg: "hsla(199, 89%, 98%)",
             },
             warn: {
-                bg: "hsla(23,100%,96%)",
-                text: "hsla(23,93%,53%)",
-                border: "hsla(33,100%,85%)",
+                bg: "hsla(38, 92%, 98%)",
+                text: "hsla(38, 92%, 35%)",
+                border: "hsla(38, 92%, 90%)",
             },
             info: {
-                text: "hsla(252,56%,57%)",
-                bg: "hsla(256,100%,95%)",
-                border: "hsla(252,76%,84%)",
+                text: "hsla(199, 89%, 35%)",
+                bg: "hsla(199, 89%, 98%)",
+                border: "hsla(199, 89%, 90%)",
             },
             success: {
-                text: "hsla(152,56%,39%)",
-                bg: "hsla(139,47%,93%)",
-                border: "hsla(152,58%,78%)",
+                text: "hsla(142, 71%, 30%)",
+                bg: "hsla(142, 71%, 98%)",
+                border: "hsla(142, 71%, 90%)",
             },
             danger: {
-                text: "hsla(358,69%,55%)",
-                bg: "hsla(357,90%,96%)",
-                border: "hsla(359,100%,90%)",
+                text: "hsla(0, 84%, 40%)",
+                bg: "hsla(0, 84%, 98%)",
+                border: "hsla(0, 84%, 90%)",
             },
             neutral: {
-                text: "hsla(200,98%,60%)",
-                bg: "hsla(200,28%,19%)",
-                border: "hsla(200,90%,89%)",
+                text: "hsla(240, 6%, 10%)",
+                bg: "hsla(240, 5%, 96%)",
+                border: "hsla(240, 6%, 90%)",
             },
             secondary: {
-                text: "hsla(216,10%,10%)",
-                bg: "hsla(214,7%,92%)",
-                border: "hsla(216,22%,78%)",
+                text: "hsla(0, 0%, 100%)",
+                bg: "hsla(240, 6%, 10%)",
+                border: "hsla(240, 6%, 10%)",
             },
         },
     },