notnite.com
1/** @type {import('tailwindcss').Config} */
2const colors = require("tailwindcss/colors");
3
4module.exports = {
5 content: ["./appview/pages/templates/**/*.html", "./appview/pages/chroma.go"],
6 darkMode: "media",
7 theme: {
8 container: {
9 padding: "2rem",
10 center: true,
11 screens: {
12 sm: "500px",
13 md: "600px",
14 lg: "800px",
15 xl: "1000px",
16 "2xl": "1200px",
17 },
18 },
19 extend: {
20 fontFamily: {
21 sans: ["InterVariable", "system-ui", "sans-serif", "ui-sans-serif"],
22 mono: [
23 "IBMPlexMono",
24 "ui-monospace",
25 "SFMono-Regular",
26 "Menlo",
27 "Monaco",
28 "Consolas",
29 "Liberation Mono",
30 "Courier New",
31 "monospace",
32 ],
33 },
34 typography: {
35 DEFAULT: {
36 css: {
37 maxWidth: "none",
38 pre: {
39 backgroundColor: colors.gray[100],
40 color: colors.black,
41 "@apply dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700 dark:border":
42 {},
43 },
44 },
45 },
46 },
47 },
48 },
49 plugins: [require("@tailwindcss/typography")],
50};