nihongo-learn/tailwind.config.ts at master · SetraTheXX/nihongo-learn · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        "background": "#f1f7ff",
        "foreground": "#00324b",
        kawaii: {
          peach: '#FFB7B2',
          lavender: '#C7CEEA',
          mint: '#E2F0CB',
          sakura: '#FFDAC1',
          sky: '#B5EAD7',
          card: '#FFFFFF'
        },
        // Stitch Quiz Component Theme Colors (Material 3)
        "on-error-container": "#510017",
        "surface-variant": "#bde1ff",
        "surface-bright": "#f1f7ff",
        "on-tertiary": "#f8f0ff",
        "on-primary": "#ffeff3",
        "inverse-primary": "#fec4dd",
        "outline-variant": "#80b3d8",
        "inverse-on-surface": "#70a3c7",
        "secondary-container": "#b2f2bb",
        "secondary-dim": "#1f5b31",
        "error-dim": "#a70138",
        "inverse-surface": "#00101b",
        "on-secondary-fixed": "#084a22",
        "tertiary-dim": "#544b6a",
        "on-secondary-container": "#215d33",
        "on-secondary": "#ceffd2",
        "surface-container": "#d4ebff",
        "on-error": "#ffefef",
        "tertiary": "#605676",
        "on-background": "#00324b",
        "secondary": "#2c673c",
        "on-tertiary-fixed-variant": "#5d5372",
        "primary-container": "#fec4dd",
        "on-tertiary-fixed": "#403755",
        "on-surface-variant": "#2a6082",
        "on-secondary-fixed-variant": "#2c673c",
        "outline": "#497c9f",
        "on-primary-fixed-variant": "#714559",
        "surface-dim": "#aadaff",
        "on-primary-fixed": "#512a3d",
        "secondary-fixed-dim": "#a4e3ad",
        "surface": "#f1f7ff",
        "primary-fixed": "#fec4dd",
        "background-quiz": "#f1f7ff",
        "surface-container-lowest": "#ffffff",
        "tertiary-container": "#e4d7fd",
        "secondary-fixed": "#b2f2bb",
        "primary-fixed-dim": "#efb7cf",
        "on-primary-container": "#663c50",
        "surface-tint": "#7b4e63",
        "error": "#b41340",
        "surface-container-highest": "#bde1ff",
        "on-tertiary-container": "#534968",
        "tertiary-fixed-dim": "#d6c9ee",
        "tertiary-fixed": "#e4d7fd",
        "error-container": "#f74b6d",
        "primary-dim": "#6d4357",
        "on-surface": "#00324b",
        "surface-container-low": "#e5f2ff",
        "surface-container-high": "#c9e6ff",
        "primary": "#7b4e63"
      },
      fontFamily: {
        "headline": ["Plus Jakarta Sans", "var(--font-noto-sans-jp)"],
        "body": ["Be Vietnam Pro", "sans-serif"],
        "label": ["Be Vietnam Pro", "sans-serif"]
      }
    },
  },
  plugins: [],
};
export default config;