Merge pull request #1458 from nsbno/change_color_of_service_alert_glo…

…bal_deviation Change color of ServiceAlert global-deviation variant
nsbno · Jan 13, 2025 · 2df8bc3 · 2df8bc3
2 parents 2477155 + 793e13f
commit 2df8bc3
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 10 deletions.
diff --git a/.changeset/kind-impalas-hammer.md b/.changeset/kind-impalas-hammer.md
@@ -0,0 +1,5 @@
+---
+"@vygruppen/spor-react": patch
+---
+
+Changed color of the ServiceAlert varient global-deviation to be the same as a regular service alert
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/spor-react/src/theme/components/alert-service.ts b/packages/spor-react/src/theme/components/alert-service.ts
@@ -43,23 +43,27 @@ const config = helpers.defineMultiStyleConfig({
     "global-deviation": {
       container: {
         _hover: {
-          outlineColor: "primrose",
+          backgroundColor: "teal.600",
+          outlineColor: "teal.600",
+        },
+        _focus: {
+          outlineColor: "green.500",
         },
         _active: {
-          backgroundColor: "blonde",
-          outlineColor: "primrose",
+          backgroundColor: "teal.400",
+          outlineColor: "pine",
         },
-        color: "darkGrey",
+        color: "white",
       },
       outerBox: {
-        outlineColor: "primrose",
-        backgroundColor: "blonde",
+        outlineColor: "blueGreen",
+        backgroundColor: "darkTeal",
       },
       notificationText: {
-        color: "darkGrey",
+        color: "white",
       },
       serviceMessageContent: {
-        color: "darkGrey",
+        color: "white",
       },
     },
     service: {