Define a new color

thesis · Dec 13, 2023 · fbf0332 · fbf0332
1 parent f799e59
commit fbf0332
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/dapp/src/theme/Button.ts b/dapp/src/theme/Button.ts
@@ -31,7 +31,7 @@ const Button: ComponentSingleStyleConfig = {
       color: "grey.700",
       borderColor: "grey.700",
       _hover: {
-        bg: "rgba(35, 31, 32, 0.05)",
+        bg: "opacity.grey.700-05",
       },
       _active: {
         bg: "transparent",
@@ -43,7 +43,7 @@ const Button: ComponentSingleStyleConfig = {
       borderRadius: "xl",
       bg: "gold.200",
       _hover: {
-        bg: "rgba(35, 31, 32, 0.05)",
+        bg: "opacity.grey.700-05",
       },
       _active: {
         bg: "transparent",

diff --git a/dapp/src/theme/utils/colors.ts b/dapp/src/theme/utils/colors.ts
@@ -53,4 +53,7 @@ export const colors = {
     600: "#443D3F",
     700: "#231F20", // Acre Dirt
   },
+  opacity: {
+    "grey.700-05": "rgba(35, 31, 32, 0.05)",
+  },
 }