SchoolMod/tailwind.config.js at v2-desktop · ZDStudios/SchoolMod · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: 'class',
  content: ['./src/renderer/index.html', './src/renderer/src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter', 'Segoe UI', 'system-ui', 'sans-serif'],
        display: ['"Plus Jakarta Sans"', 'Inter', 'system-ui', 'sans-serif'],
        mono: ['"JetBrains Mono"', 'ui-monospace', 'SFMono-Regular', 'monospace']
      },
      colors: {
        brand: {
          50: '#eef4ff',
          100: '#dae6ff',
          200: '#bcd2ff',
          300: '#8eb5ff',
          400: '#598cff',
          500: '#3366ff',
          600: '#1f47f5',
          700: '#1836e1',
          800: '#1a2fb6',
          900: '#1c2f8f',
          950: '#151d54'
        },
        ink: {
          50: '#f6f7f9',
          100: '#eceef2',
          200: '#d4d9e2',
          300: '#aeb7c9',
          400: '#8290ab',
          500: '#647291',
          600: '#4f5a78',
          700: '#414962',
          800: '#393f53',
          900: '#1b1f2b',
          950: '#0d0f16'
        }
      },
      boxShadow: {
        glow: '0 0 0 1px rgba(51,102,255,0.18), 0 8px 30px -6px rgba(51,102,255,0.35)',
        card: '0 1px 2px rgba(16,24,40,0.04), 0 8px 24px -12px rgba(16,24,40,0.18)'
      },
      keyframes: {
        'fade-in': {
          from: { opacity: '0', transform: 'translateY(6px)' },
          to: { opacity: '1', transform: 'translateY(0)' }
        },
        shimmer: {
          '100%': { transform: 'translateX(100%)' }
        },
        // The bell page's ring: a fast side-to-side shake of the clapper.
        'bell-ring': {
          '0%, 100%': { transform: 'rotate(0deg)' },
          '10%, 30%, 50%, 70%': { transform: 'rotate(14deg)' },
          '20%, 40%, 60%, 80%': { transform: 'rotate(-14deg)' }
        }
      },
      animation: {
        'fade-in': 'fade-in 0.35s ease both',
        shimmer: 'shimmer 1.5s infinite',
        'bell-ring': 'bell-ring 1.8s ease-in-out'
      }
    }
  },
  plugins: []
}