veryroundbird.house
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: ["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 DEFAULT: {
26 css: {
27 maxWidth: 'none',
28 pre: {
29 backgroundColor: colors.gray[100],
30 color: colors.black,
31 '@apply dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700 dark:border': {}
32 },
33 },
34 },
35 },
36 },
37 },
38 plugins: [
39 require('@tailwindcss/typography'),
40 ]
41};