core/tailwind.config.js at dev · LeCircographe-asso/core · 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
module.exports = {
  content: [
    './app/views/**/*.html.erb',
    './app/helpers/**/*.rb',
    './app/assets/tailwind/**/*.css',
    './app/javascript/**/*.js'
  ],
  theme: {
    extend: {
      fontFamily: {
        'circographe': ['Circographe', 'Arial', 'sans-serif'],
        'rough-typewriter': ['Rough Typewriter', 'monospace'],
        'dyslexic': ['OpenDyslexic', 'Arial', 'sans-serif'],
        'inter': ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
        'jetbrains': ['JetBrains Mono', 'Fira Code', 'Consolas', 'monospace'],
        'sans': ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
        'mono': ['JetBrains Mono', 'Fira Code', 'Consolas', 'monospace'],
      },
      colors: {
        'circographe': {
          50: '#f0f9f7',
          100: '#dcf2ee',
          200: '#bce5dd',
          300: '#8dd1c4',
          400: '#56b5a5',
          500: '#3b9b8a',
          600: '#2f7d71',
          700: '#29655c',
          800: '#25524b',
          900: '#22443e',
          950: '#112722',
        },
        'brand-primary': '#1F5C55',
        'brand-primary-dark': '#174A44',
        'brand-accent': '#5836A5',
        'brand-accent-dark': '#4C2D8A',
        'surface-light': '#F7FAFC',
        'surface-card': '#FFFFFF',
        'text-main': '#0B1220',
        'text-muted': '#1F2937'
      }
    },
  },
  plugins: [],
}