done ver1.0.0

2026-04-02 11:16:18 +07:00
parent 58dbefa155
commit d09ba3d2ad
21 changed files with 3271 additions and 668 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -0,0 +1,79 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./public/**/*.{html,js}"
+  ],
+  darkMode: "class",
+  theme: {
+    extend: {
+      colors: {
+        "on-secondary-fixed-variant": "#4e5c71",
+        "on-secondary": "#f8f8ff",
+        "secondary-fixed-dim": "#c7d5ed",
+        "surface-variant": "#d9e4ea",
+        "surface-tint": "#3755c3",
+        "primary-container": "#dde1ff",
+        "primary-dim": "#2848b7",
+        "on-background": "#2a3439",
+        "surface-container-lowest": "#ffffff",
+        "tertiary-fixed-dim": "#d4cdee",
+        "on-tertiary-container": "#514d68",
+        "error-container": "#fe8983",
+        "on-secondary-container": "#455367",
+        "outline": "#717c82",
+        "on-primary": "#f8f7ff",
+        "on-primary-container": "#2747b6",
+        "inverse-primary": "#6d89fa",
+        "on-surface": "#2a3439",
+        "primary-fixed": "#dde1ff",
+        "on-primary-fixed": "#0732a3",
+        "secondary-dim": "#465468",
+        "surface-container-high": "#e1e9ee",
+        "surface-container-highest": "#d9e4ea",
+        "on-primary-fixed-variant": "#3352c0",
+        "on-error-container": "#752121",
+        "secondary": "#526074",
+        "tertiary-fixed": "#e3dbfd",
+        "primary": "#3755c3",
+        "surface-dim": "#cfdce3",
+        "tertiary": "#605c78",
+        "on-error": "#fff7f6",
+        "secondary-fixed": "#d5e3fc",
+        "error-dim": "#4e0309",
+        "surface-bright": "#f7f9fb",
+        "on-surface-variant": "#566166",
+        "on-tertiary": "#fcf7ff",
+        "tertiary-container": "#e3dbfd",
+        "inverse-on-surface": "#9a9d9f",
+        "on-tertiary-fixed-variant": "#5b5672",
+        "tertiary-dim": "#54506b",
+        "outline-variant": "#a9b4b9",
+        "on-secondary-fixed": "#324053",
+        "inverse-surface": "#0b0f10",
+        "on-tertiary-fixed": "#3e3a54",
+        "primary-fixed-dim": "#cad2ff",
+        "surface-container": "#e8eff3",
+        "secondary-container": "#d5e3fc",
+        "surface-container-low": "#f0f4f7",
+        "background": "#f7f9fb",
+        "error": "#9f403d",
+        "surface": "#f7f9fb"
+      },
+      fontFamily: {
+        headline: ["Manrope", "sans-serif"],
+        body: ["Inter", "sans-serif"],
+        label: ["Inter", "sans-serif"]
+      },
+      borderRadius: {
+        DEFAULT: "0.125rem",
+        lg: "0.25rem",
+        xl: "0.5rem",
+        full: "0.75rem"
+      }
+    }
+  },
+  plugins: [
+    require("@tailwindcss/forms"),
+    require("@tailwindcss/container-queries")
+  ]
+};