Merge pull request #2 from maykinmedia/fix/1935-add--OIP-SCSS-values

[#1935] Add OIP alert scss values
maykinmedia · Dec 12, 2023 · 60193de · 60193de
2 parents 878a655 + 580f493
commit 60193de
Showing 1 changed file with 32 additions and 2 deletions.
diff --git a/src/brand/openinwoner/color.tokens.json b/src/brand/openinwoner/color.tokens.json
@@ -39,7 +39,7 @@
       },
       "info": {
         "value": "#2566A7",
-        "comment": "The light highlight color for informational states and/or messages.",
+        "comment": "The dark text color for informational states and/or messages.",
         "$extensions": {
           "dte.metadata": {
             "isCurated": true,
@@ -49,7 +49,7 @@
       },
       "info-light": {
         "value": "#D5E6F6",
-        "comment": "The light highlight color for informational states and/or messages.",
+        "comment": "The light background color for informational states and/or messages.",
         "$extensions": {
           "dte.metadata": {
             "isCurated": true,
@@ -67,6 +67,16 @@
           }
         }
       },
+      "success-light": {
+        "value": "#ecf4ec",
+        "comment": "The light background color for success states and/or messages.",
+        "$extensions": {
+          "dte.metadata": {
+            "isCurated": true,
+            "category": "color"
+          }
+        }
+      },
       "warning": {
         "value": "#704000",
         "comment": "The dark text color for warning states and/or messages.",
@@ -77,6 +87,16 @@
           }
         }
       },
+      "warning-light": {
+        "value": "#ffdcad",
+        "comment": "The light background color for warning states and/or messages.",
+        "$extensions": {
+          "dte.metadata": {
+            "isCurated": true,
+            "category": "color"
+          }
+        }
+      },
       "danger": {
         "value": "#5c000f",
         "comment": "The dark text color for error/critical states and/or messages.",
@@ -87,6 +107,16 @@
           }
         }
       },
+      "danger-light": {
+        "value": "#ffdbe1",
+        "comment": "The light background color for error/critical states and/or messages.",
+        "$extensions": {
+          "dte.metadata": {
+            "isCurated": true,
+            "category": "color"
+          }
+        }
+      },
       "bg": {
         "value": "#ffffff",
         "comment": "Background color for the (main) user interface.",