fix(natds-themes): global colors equalizing colors based in brand

affects: natds-themes DSY-4671
natura-cosmeticos · May 8, 2024 · be0c84d · be0c84d
1 parent 3a26504
commit be0c84d
Show file tree

Hide file tree

Showing 2 changed files with 484 additions and 0 deletions.
diff --git a/packages/natds-themes/properties/globals/color/dark.json b/packages/natds-themes/properties/globals/color/dark.json
@@ -101,6 +101,247 @@
     },
     "primitiveWhite": {
       "value": "#FFFFFF"
+    },
+
+    "surface": {
+      "value": "{color.neutral100.value}"
+    },
+    "surfaceDark": {
+      "value": "{color.neutral900.value}"
+    },
+    "surfaceFixedLight": {
+      "value": "{color.neutral900.value}"
+    },
+    "surfaceFixedDark": {
+      "value": "{color.neutral100.value}"
+    },
+    "surfaceDisabled": {
+      "value": "{color.neutral400.value}"
+    },
+
+    "onSurface": {
+      "value": "{color.neutral900.value}"
+    },
+    "onSurfaceDark": {
+      "value": "{color.neutral50.value}"
+    },
+    "onSurfaceFixedLight": {
+      "value": "{color.neutral50.value}"
+    },
+    "onSurfaceFixedDark": {
+      "value": "{color.neutral900.value}"
+    },
+    "onSurfaceDisabled": {
+      "value": "{color.neutral50.value}"
+    },
+
+    "background": {
+      "value": "{color.neutral0.value}"
+    },
+    "onBackground": {
+      "value": "{color.neutral900.value}"
+    },
+
+
+
+    "surfaceInverse": {
+      "value": "{color.surfaceDark.value}"
+    },
+    "onSurfaceInverse": {
+      "value": "{color.onSurfaceDark.value}"
+    },
+    "highlight": {
+      "value": "{color.contentHighlight.value}"
+    },
+    "highEmphasis": {
+      "value": "{color.contentHighEmphasis.value}"
+    },
+    "mediumEmphasis": {
+      "value": "{color.contentMediumEmphasis.value}"
+    },
+    "lowEmphasis": {
+      "value": "{color.contentLowEmphasis.value}"
+    },
+    "lowLight": {
+      "value": "#000000"
+    },
+
+    "info": {
+      "value": "#C4DFF3"
+    },
+    "onInfo": {
+      "value": "{color.neutral0.value}"
+    },
+    "infoLight": {
+      "value": "#E4EFFA"
+    },
+    "onInfoLight": {
+      "value": "{color.neutral0.value}"
+    },
+    "infoLightest": {
+      "value": "#F2F8FD"
+    },
+    "onInfoLightest": {
+      "value": "{color.neutral0.value}"
+    },
+    "infoDark": {
+      "value": "#8FC4EA"
+    },
+    "onInfoDark": {
+      "value": "{color.neutral0.value}"
+    },
+    "infoDarkest": {
+      "value": "#54A6DC"
+    },
+    "onInfoDarkest": {
+      "value": "{color.neutral0.value}"
+    },
+
+
+    "link": {
+      "value": "{color.info.value}"
+    },
+    "onLink": {
+      "value": "{color.neutral0.value}"
+    },
+    "linkLight": {
+      "value": "{color.infoLight.value}"
+    },
+    "onLinkLight": {
+      "value": "{color.neutral0.value}"
+    },
+    "linkLightest": {
+      "value": "{color.infoLightest.value}"
+    },
+    "onLinkLightest": {
+      "value": "{color.neutral0.value}"
+    },
+    "linkDark": {
+      "value": "{color.infoDark.value}"
+    },
+    "onLinkDark": {
+      "value": "{color.neutral0.value}"
+    },
+    "linkDarkest": {
+      "value": "{color.infoDarkest.value}"
+    },
+    "onLinkDarkest": {
+      "value": "{color.neutral0.value}"
+    },
+
+
+
+    "success": {
+      "value": "#C5E8AE"
+    },
+    "onSuccess": {
+      "value": "{color.neutral0.value}"
+    },
+    "successLight": {
+      "value": "#E1F3D4"
+    },
+    "onSuccessLight": {
+      "value": "{color.neutral0.value}"
+    },
+    "successLightest": {
+      "value": "#F1FAEB"
+    },
+    "onSuccessLightest": {
+      "value": "{color.neutral0.value}"
+    },
+    "successDark": {
+      "value": "#A0D87E"
+    },
+    "onSuccessDark": {
+      "value": "{color.neutral0.value}"
+    },
+    "successDarkest": {
+      "value": "#7EC655"
+    },
+    "onSuccessDarkest": {
+      "value": "{color.neutral0.value}"
+    },
+
+
+
+    "warning": {
+      "value": "#FDE68A"
+    },
+    "onWarning": {
+      "value": "{color.neutral0.value}"
+    },
+    "warningLight": {
+      "value": "#FEF3C7"
+    },
+    "onWarningLight": {
+      "value": "{color.neutral0.value}"
+    },
+    "warningLightest": {
+      "value": "#FFFBEB"
+    },
+    "onWarningLightest": {
+      "value": "{color.neutral0.value}"
+    },
+    "warningDark": {
+      "value": "#FDD34C"
+    },
+    "onWarningDark": {
+      "value": "{color.neutral0.value}"
+    },
+    "warningDarkest": {
+      "value": "#FCC433"
+    },
+    "onWarningDarkest": {
+      "value": "{color.neutral0.value}"
+    },
+
+
+
+    "alert": {
+      "value": "#FFD0C7"
+    },
+    "onAlert": {
+      "value": "{color.neutral0.value}"
+    },
+    "alertLight": {
+      "value": "#FFE5E0"
+    },
+    "onAlertLight": {
+      "value": "{color.neutral0.value}"
+    },
+    "alertLightest": {
+      "value": "#FFF3F1"
+    },
+    "onAlertLightest": {
+      "value": "{color.neutral0.value}"
+    },
+    "alertDark": {
+      "value": "#FFAFA0"
+    },
+    "onAlertDark": {
+      "value": "{color.neutral0.value}"
+    },
+    "alertDarkest": {
+      "value": "#FF826A"
+    },
+    "onAlertDarkest": {
+      "value": "{color.neutral0.value}"
+    },
+
+    "neutralLightest": {
+      "value": "#FFFFFF"
+    },
+    "neutralLight": {
+      "value": "#FAFAFA"
+    },
+    "neutralMedium": {
+      "value": "#BBBBBB"
+    },
+    "neutralDark": {
+      "value": "#777777"
+    },
+    "neutralDarkest": {
+      "value": "#333333"
     }
   }
 }