veryroundbird.house
1/** @type {import('tailwindcss').Config} */
2const colors = require("tailwindcss/colors");
3
4module.exports = {
5 content: ["./appview/pages/templates/**/*.html"],
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: ["iA Writer Quattro S", "Inter", "system-ui", "sans-serif", "ui-sans-serif"],
22 mono: ["iA Writer Mono S", "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"],
23 },
24 typography: {
25 dark: {
26 css: {
27 maxWidth: 'none',
28 pre: {
29 backgroundColor: colors.gray[900],
30 color: colors.white,
31 },
32 },
33 },
34 DEFAULT: {
35 css: {
36 maxWidth: 'none',
37 pre: {
38 backgroundColor: colors.gray[100],
39 color: colors.black,
40 },
41 },
42 },
43 },
44 },
45 },
46 plugins: [
47 require('@tailwindcss/typography'),
48 ]
49};