|
1 | | -import colors from 'tailwindcss/colors' |
| 1 | +import colors from "tailwindcss/colors"; |
2 | 2 |
|
3 | 3 | /** @type {import('tailwindcss').Config} */ |
4 | 4 | export default { |
5 | | - // rely on html dark class instead of media:prefers-color-scheme |
6 | | - // https://tailwindcss.com/docs/dark-mode#toggling-dark-mode-manually |
7 | | - darkMode: 'class', |
8 | | - content: [ |
9 | | - "./.vitepress/theme/**/*.{vue,js,ts,jsx,tsx}", |
10 | | - "./src/**/*.{vue,js,ts,jsx,tsx,md}", |
11 | | - ], |
12 | | - corePlugins: { |
13 | | - preflight: false, |
14 | | - }, |
15 | | - theme: { |
16 | | - colors: { |
17 | | - /* defaults */ |
18 | | - current: 'currentColor', |
19 | | - transparent: 'transparent', |
20 | | - black: colors.black, |
21 | | - white: colors.white, |
22 | | - gray: colors.gray, |
23 | | - slate: colors.slate, |
24 | | - red: colors.red, |
25 | | - green: colors.green, |
26 | | - blue: colors.blue, |
27 | | - /* custom |
| 5 | + // rely on html dark class instead of media:prefers-color-scheme |
| 6 | + // https://tailwindcss.com/docs/dark-mode#toggling-dark-mode-manually |
| 7 | + darkMode: "class", |
| 8 | + content: [ |
| 9 | + "./.vitepress/theme/**/*.{vue,js,ts,jsx,tsx}", |
| 10 | + "./src/**/*.{vue,js,ts,jsx,tsx,md}", |
| 11 | + ], |
| 12 | + corePlugins: { |
| 13 | + preflight: false, |
| 14 | + }, |
| 15 | + theme: { |
| 16 | + colors: { |
| 17 | + /* defaults */ |
| 18 | + "current": "currentColor", |
| 19 | + "transparent": "transparent", |
| 20 | + "black": colors.black, |
| 21 | + "white": colors.white, |
| 22 | + "gray": colors.gray, |
| 23 | + "slate": colors.slate, |
| 24 | + "red": colors.red, |
| 25 | + "green": colors.green, |
| 26 | + "blue": colors.blue, |
| 27 | + /* custom |
28 | 28 | ** https://uicolors.app/create |
29 | 29 | */ |
30 | | - fire: { |
31 | | - DEFAULT: '#ff5a37', |
32 | | - secondary: '#ffa42c' |
33 | | - }, |
34 | | - water: { |
35 | | - DEFAULT: '#1873b4', |
36 | | - secondary: '#53b8de' |
37 | | - }, |
38 | | - 'outrageous-orange': { |
39 | | - DEFAULT: '#ff5a37', // outrageous-orange-400 |
40 | | - '50': '#fff2ed', |
41 | | - '100': '#ffe1d4', |
42 | | - '200': '#ffbfa8', |
43 | | - '300': '#ff9371', |
44 | | - '400': '#ff5a37', |
45 | | - '500': '#fe3111', |
46 | | - '600': '#ef1707', |
47 | | - '700': '#c60b08', |
48 | | - '800': '#9d0f12', |
49 | | - '900': '#7e1012', |
50 | | - '950': '#44060a', |
51 | | - }, |
52 | | - 'sunshade': { |
53 | | - DEFAULT: '#ffa42c', // sunshade-400 |
54 | | - '50': '#fff8eb', |
55 | | - '100': '#ffebc6', |
56 | | - '200': '#ffd588', |
57 | | - '300': '#ffb94a', |
58 | | - '400': '#ffa42c', |
59 | | - '500': '#f97a07', |
60 | | - '600': '#dd5602', |
61 | | - '700': '#b73806', |
62 | | - '800': '#942a0c', |
63 | | - '900': '#7a230d', |
64 | | - '950': '#461002', |
65 | | - }, |
66 | | - 'denim': { |
67 | | - DEFAULT: '#1873b4', // denim-600 |
68 | | - '50': '#f2f8fd', |
69 | | - '100': '#e3effb', |
70 | | - '200': '#c1e0f6', |
71 | | - '300': '#8bc6ee', |
72 | | - '400': '#4daae3', |
73 | | - '500': '#268fd1', |
74 | | - '600': '#1873b4', |
75 | | - '700': '#45b90', |
76 | | - '800': '#154d77', |
77 | | - '900': '#174163', |
78 | | - '950': '#0f2a42', |
79 | | - }, |
80 | | - 'viking': { |
81 | | - DEFAULT: '#53b8de', // viking-400 |
82 | | - '50': '#f2f9fd', |
83 | | - '100': '#e4f2fa', |
84 | | - '200': '#c3e5f4', |
85 | | - '300': '#8ed0eb', |
86 | | - '400': '#53b8de', |
87 | | - '500': '#2c9fcb', |
88 | | - '600': '#1d80ac', |
89 | | - '700': '#19678b', |
90 | | - '800': '#185774', |
91 | | - '900': '#194861', |
92 | | - '950': '#112f40', |
93 | | - }, |
94 | | - }, |
95 | | - }, |
96 | | -} |
| 30 | + "fire": { |
| 31 | + DEFAULT: "#ff5a37", |
| 32 | + secondary: "#ffa42c" |
| 33 | + }, |
| 34 | + "water": { |
| 35 | + DEFAULT: "#1873b4", |
| 36 | + secondary: "#53b8de" |
| 37 | + }, |
| 38 | + "outrageous-orange": { |
| 39 | + "DEFAULT": "#ff5a37", // outrageous-orange-400 |
| 40 | + "50": "#fff2ed", |
| 41 | + "100": "#ffe1d4", |
| 42 | + "200": "#ffbfa8", |
| 43 | + "300": "#ff9371", |
| 44 | + "400": "#ff5a37", |
| 45 | + "500": "#fe3111", |
| 46 | + "600": "#ef1707", |
| 47 | + "700": "#c60b08", |
| 48 | + "800": "#9d0f12", |
| 49 | + "900": "#7e1012", |
| 50 | + "950": "#44060a", |
| 51 | + }, |
| 52 | + "sunshade": { |
| 53 | + "DEFAULT": "#ffa42c", // sunshade-400 |
| 54 | + "50": "#fff8eb", |
| 55 | + "100": "#ffebc6", |
| 56 | + "200": "#ffd588", |
| 57 | + "300": "#ffb94a", |
| 58 | + "400": "#ffa42c", |
| 59 | + "500": "#f97a07", |
| 60 | + "600": "#dd5602", |
| 61 | + "700": "#b73806", |
| 62 | + "800": "#942a0c", |
| 63 | + "900": "#7a230d", |
| 64 | + "950": "#461002", |
| 65 | + }, |
| 66 | + "denim": { |
| 67 | + "DEFAULT": "#1873b4", // denim-600 |
| 68 | + "50": "#f2f8fd", |
| 69 | + "100": "#e3effb", |
| 70 | + "200": "#c1e0f6", |
| 71 | + "300": "#8bc6ee", |
| 72 | + "400": "#4daae3", |
| 73 | + "500": "#268fd1", |
| 74 | + "600": "#1873b4", |
| 75 | + "700": "#45b90", |
| 76 | + "800": "#154d77", |
| 77 | + "900": "#174163", |
| 78 | + "950": "#0f2a42", |
| 79 | + }, |
| 80 | + "viking": { |
| 81 | + "DEFAULT": "#53b8de", // viking-400 |
| 82 | + "50": "#f2f9fd", |
| 83 | + "100": "#e4f2fa", |
| 84 | + "200": "#c3e5f4", |
| 85 | + "300": "#8ed0eb", |
| 86 | + "400": "#53b8de", |
| 87 | + "500": "#2c9fcb", |
| 88 | + "600": "#1d80ac", |
| 89 | + "700": "#19678b", |
| 90 | + "800": "#185774", |
| 91 | + "900": "#194861", |
| 92 | + "950": "#112f40", |
| 93 | + }, |
| 94 | + }, |
| 95 | + }, |
| 96 | +}; |
0 commit comments