shot/tailwind.config.js at main · webadderall/shot · 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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
const colors = require("tailwindcss/colors");

module.exports = {
  content: [
    "./components/**/*.{js,jsx}",
    "./ui/**/*.{js,jsx}",
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        gray: colors.zinc,
        // Shot.style color palette
        based: {
          // soften dark palette
          dark: '#0f1215',
          darkgray: '#161a21',
          gray: '#20252e',
          lightgray: '#2a303b',
          purple: {
            DEFAULT: '#9D00FF', // kept for compatibility
            dark: '#7A00C7',
            light: '#BE55FF',
            lighter: '#D599FF'
          },
          accent: '#FFFFFF'
        },
        // Modern gradient accent (violet to pink)
        accent: {
          start: '#0b2a6f',
          end: '#0b2a6f'
        },
        brand: {
          accent: '#1DB954',
          bg: '#FFFFFF',
          text: '#000000',
          secondaryText: '#555555',
          border: '#E5E7EB',
          inputBg: '#F9FAFB',
        }
      },
      fontFamily: {
        sans: [
          'Manrope',
          '-apple-system',
          'BlinkMacSystemFont',
          'San Francisco',
          'SF Pro Display',
          'SF Pro Text',
          'Helvetica Neue',
          'Helvetica',
          'sans-serif',
        ],
        heading: [
          '"Plus Jakarta Sans"',
          'sans-serif'
        ],
        mono: [
          'SF Mono',
          'SFMono-Regular',
          'ui-monospace',
          'Menlo',
          'Monaco',
          'Consolas',
          'monospace',
        ],
      },
      backdropBlur: {
        xs: '2px',
      },
      boxShadow: {
        'soft-xl': '0 30px 80px rgba(0,0,0,0.45)',
        'soft-md': '0 12px 30px rgba(0,0,0,0.35)'
      },
      borderRadius: {
        '2.5xl': '1.25rem'
      }
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};