electron-highlighter.github.io/tailwind.config.js at main · electron-highlighter/electron-highlighter.github.io · 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
59
const colors = {
  red: '#f7768e',
  orange: '#ffd9af',
  yellow: '#fcf9c3',
  green: '#58ffc7',
  cyan: '#57f9ff',
  blue: '#82aaff',
  purple: '#d2a6ef',
  bgDark: '#141820', // dark background
  background: '#24283B', // background
  darkGray: '#506686', // comments
  gray: '#7c8eac', // text
  lightGray: '#a8b5d1', // text
  white: '#c5cee0', // ui elements, rarely used
  selectionBg: '#283457', // selection background
}

module.exports = {
  content: ["./**/*.html", "./src/**/*.yaml", "./src/**/*.yml", "./src/**/*.svg"],
  theme: {
    extend: {
      colors: {
        'eh-bg-dark': colors.bgDark,
        'eh-background': colors.background,
        'eh-dark-gray': colors.darkGray,
        'eh-gray': colors.gray,
        'eh-light-gray': colors.lightGray,
        'eh-white': colors.white,
        'eh-red': colors.red,
        'eh-orange': colors.orange,
        'eh-yellow': colors.yellow,
        'eh-green': colors.green,
        'eh-cyan': colors.cyan,
        'eh-blue': colors.blue,
        'eh-purple': colors.purple,
        'eh-selection-bg': colors.selectionBg,
      },
      fontFamily: {
        'sans': [
          'IBM Plex Sans',
          'ui-sans-serif',
          'system-ui',
          'sans-serif',
          'Apple Color Emoji',
          'Segoe UI Emoji',
          'Segoe UI Symbol',
          'Noto Color Emoji'
        ],
        'mono': [
          'JetBrains Mono',
          'ui-monospace',
          'monospace',
        ],
      },
    },
  },
  variants: {},
  plugins: [],
};