CoolsterCodes/tailwind.config.js at main · pjohnst5/CoolsterCodes · 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
const colors = require('tailwindcss/colors')
const defaultTheme = require('tailwindcss/defaultTheme')

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        "./content/articles/*.md",
        "./content/markdown/**/*.md",
        "./web/html/layouts/**/*.{html,js}",
        "./web/html/pages/**/*.{html,js}",
        "./web/html/_*.ace",
        "./web/html/**/*.{html,js}"
    ],
    darkMode: 'selector',
    theme: {
        extend: {
            colors: {
                myblue: '#5da7d8',
                myblueDarker: '#2b7cb3',
                myblueDarkest: '#095385',
                codeHeader: '#333333'
            },
            fontFamily: {
            },
            typography: {
                DEFAULT: {
                    css: {
                        blockquote: {
                            // Disables the quotes around blockquotes that
                            // Tailwind includes by default. They look decent,
                            // but turn into a real mess if you do things like
                            // cite a source (tick appears after the source's
                            // name) or include a list.
                            quotes: "none",
                        },
                        // Removes backtick before and after inline code
                        'code::before': {
                            content: '""',
                        },
                        'code::after': {
                            content: '""',
                        },
                        '--tw-prose-body': '#fff',       // prose body white
                        '--tw-prose-code': '#c8d1d9',    // inline code
                        '--tw-prose-links': '#5da7d8',   // This was so annoying to figure out
                        '--tw-prose-counters': '#fff',   // Make numbers next to TOC white
                        '--tw-prose-captions': '#adb1ba', // Figure captions
                        '--tw-prose-bold': '#fff', // White bold
                        '--tw-prose-quotes': '#CBD5E1' //Block quotes
                    },
                },
            },
        }
    },
    plugins: [
        require( '@tailwindcss/typography' )
    ],
}