Update colors.py

colors.py

@@ -124,65 +124,65 @@ yellow = Color(
     c950="hsla(31, 45%, 14%, 1)",
 )
 
-# Colors with alpha transparency
-white = {
-    "white": "hsla(0, 0%, 100%, 1)",
-    "whiteA90": "hsla(0, 0%, 100%, 0.9)",
-    "whiteA80": "hsla(0, 0%, 100%, 0.8)",
-    "whiteA70": "hsla(0, 0%, 100%, 0.7)",
-    "whiteA50": "hsla(0, 0%, 100%, 0.5)",
-    "whiteA40": "hsla(0, 0%, 100%, 0.4)",
-    "whiteA30": "hsla(0, 0%, 100%, 0.3)",
-    "whiteA20": "hsla(0, 0%, 100%, 0.2)",
-    "whiteA15": "hsla(0, 0%, 100%, 0.15)",
-    "whiteA07": "hsla(0, 0%, 100%, 0.07)",
-    "whiteA00": "hsla(0, 0%, 100%, 0)",
-}
+grey = Color(
+    name="grey",
+    c50="hsla(220, 13%, 97%, 1)",
+    c100="hsla(228, 20%, 95%, 1)",
+    c200="hsla(228, 20%, 95%, 0.7)",
+    c300="hsla(228, 20%, 95%, 0.5)",
+    c400="hsla(220, 3%, 15%, 0.3)",
+    c500="hsla(220, 3%, 15%, 1)",
+    c600="hsla(220, 3%, 15%, 0.7)",
+    c700="hsla(220, 3%, 15%, 0.5)",
+    c800="hsla(220, 4%, 10%, 1)",
+    c900="hsla(220, 4%, 10%, 0.7)",
+    c950="hsla(220, 4%, 10%, 0.5)",
+)
 
-black = {
-    "black": "hsla(210, 26%, 7%, 1)",
-    "blackA86": "hsla(210, 26%, 7%, 0.86)",
-    "blackA70": "hsla(210, 26%, 7%, 0.7)",
-    "blackA60": "hsla(210, 26%, 9%, 0.6)",
-    "blackA50": "hsla(207, 26%, 15%, 0.5)",
-    "blackA40": "hsla(209, 26%, 19%, 0.4)",
-    "blackA30": "hsla(209, 26%, 23%, 0.3)",
-    "blackA20": "hsla(211, 26%, 28%, 0.2)",
-    "blackA15": "hsla(211, 25%, 30%, 0.15)",
-    "blackA07": "hsla(209, 26%, 34%, 0.07)",
-    "blackA00": "hsla(210, 26%, 7%, 0)",
-}
+white = Color(
+    name="white",
+    c50="hsla(0, 0%, 100%, 1)",      # white
+    c100="hsla(0, 0%, 100%, 0.9)",   # whiteA90
+    c200="hsla(0, 0%, 100%, 0.8)",   # whiteA80
+    c300="hsla(0, 0%, 100%, 0.7)",   # whiteA70
+    c400="hsla(0, 0%, 100%, 0.5)",   # whiteA50
+    c500="hsla(0, 0%, 100%, 0.4)",   # whiteA40
+    c600="hsla(0, 0%, 100%, 0.3)",   # whiteA30
+    c700="hsla(0, 0%, 100%, 0.2)",   # whiteA20
+    c800="hsla(0, 0%, 100%, 0.15)",  # whiteA15
+    c900="hsla(0, 0%, 100%, 0.07)",  # whiteA07
+    c950="hsla(0, 0%, 100%, 0)",     # whiteA00
+)
 
-# Greys with alpha transparency
-grey = {
-    "greyUltraLight": "hsla(220, 13%, 97%, 1)",
-    "greyUltraLightA70": "hsla(220, 13%, 97%, 0.7)",
-    "greyUltraLightA00": "hsla(220, 13%, 97%, 0)",
-    "greyLight": "hsla(228, 20%, 95%, 1)",
-    "greyLightA70": "hsla(228, 20%, 95%, 0.7)",
-    "greyLightA00": "hsla(228, 20%, 95%, 0)",
-    "greyDark": "hsla(220, 3%, 15%, 1)",
-    "greyDarkA70": "hsla(220, 3%, 15%, 0.7)",
-    "greyDarkA00": "hsla(220, 3%, 15%, 0)",
-    "greyUltraDark": "hsla(220, 4%, 10%, 1)",
-    "greyUltraDarkA70": "hsla(220, 4%, 10%, 0.7)",
-    "greyUltraDarkA00": "hsla(220, 4%, 10%, 0)",
-}
+black = Color(
+    name="black",
+    c50="hsla(210, 26%, 7%, 1)",     # black
+    c100="hsla(210, 26%, 7%, 0.86)", # blackA86
+    c200="hsla(210, 26%, 7%, 0.7)",  # blackA70
+    c300="hsla(210, 26%, 9%, 0.6)",  # blackA60
+    c400="hsla(207, 26%, 15%, 0.5)", # blackA50
+    c500="hsla(209, 26%, 19%, 0.4)", # blackA40
+    c600="hsla(209, 26%, 23%, 0.3)", # blackA30
+    c700="hsla(211, 26%, 28%, 0.2)", # blackA20
+    c800="hsla(211, 25%, 30%, 0.15)", # blackA15
+    c900="hsla(209, 26%, 34%, 0.07)", # blackA07
+    c950="hsla(210, 26%, 7%, 0)",    # blackA00
+)
 
-# Purple with alpha transparency
-purpleA = {
-    "purpleA90": "hsla(262, 100%, 72%, 0.9)",
-    "purpleA80": "hsla(262, 100%, 72%, 0.8)",
-    "purpleA70": "hsla(262, 100%, 72%, 0.7)",
-    "purpleA60": "hsla(262, 100%, 72%, 0.6)",
-    "purpleA50": "hsla(262, 100%, 72%, 0.5)",
-    "purpleA40": "hsla(262, 100%, 72%, 0.4)",
-    "purpleA30": "hsla(262, 100%, 72%, 0.3)",
-    "purpleA20": "hsla(262, 100%, 72%, 0.2)",
-    "purpleA15": "hsla(262, 100%, 72%, 0.15)",
-    "purpleA07": "hsla(262, 100%, 72%, 0.07)",
-    "purpleA00": "hsla(262, 100%, 72%, 0)",
-}
+purple_alpha = Color(
+    name="purple_alpha",
+    c50="hsla(262, 100%, 72%, 1)",    # solid
+    c100="hsla(262, 100%, 72%, 0.9)", # purpleA90
+    c200="hsla(262, 100%, 72%, 0.8)", # purpleA80
+    c300="hsla(262, 100%, 72%, 0.7)", # purpleA70
+    c400="hsla(262, 100%, 72%, 0.6)", # purpleA60
+    c500="hsla(262, 100%, 72%, 0.5)", # purpleA50
+    c600="hsla(262, 100%, 72%, 0.4)", # purpleA40
+    c700="hsla(262, 100%, 72%, 0.3)", # purpleA30
+    c800="hsla(262, 100%, 72%, 0.2)", # purpleA20
+    c900="hsla(262, 100%, 72%, 0.15)", # purpleA15
+    c950="hsla(262, 100%, 72%, 0)",   # purpleA00
+)
 
 # Brand gradients
 gradients = {