Initial theme designed

2021-03-16 01:33:19 +01:00
parent 6153f739d2
commit 13877b5e11
16 changed files with 1739 additions and 120 deletions
--- a/theme.ts
+++ b/theme.ts
@@ -0,0 +1,47 @@
+import { extendTheme } from "@chakra-ui/react";
+import { mode } from "@chakra-ui/theme-tools";
+
+export default extendTheme({
+    colors: {
+        lingva: {
+            50: "#e7f5ed",
+            100: "#bde3cb",
+            200: "#92d1ab",
+            300: "#64c08a",
+            400: "#3cb372",
+            500: "#00a659",
+            600: "#009750",
+            700: "#008544",
+            800: "#007439",
+            900: "#005525"
+        }
+    },
+    config: {
+        initialColorMode: "light",
+        useSystemColorMode: true
+    },
+    components: {
+        Textarea: {
+            variants: {
+                outline: props => ({
+                    borderColor: mode("lingva.500", "lingva.200")(props),
+                    _hover: {
+                        borderColor: mode("lingva.700", "lingva.400")(props),
+                    },
+                    _readOnly: {
+                        userSelect: "auto"
+                    }
+                })
+            }
+        },
+        Select: {
+            variants: {
+                flushed: props => ({
+                    field: {
+                        borderColor: mode("lingva.500", "lingva.200")(props)
+                    }
+                })
+            }
+        }
+    }
+});