scroll-sessions/tailwind.config.js at main · mimir-labs/scroll-sessions · 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
85
86
87
88
89
90
91
92
const { nextui } = require("@nextui-org/react");
const defaultConfig = require('tailwindcss/defaultConfig')

/** @type {import('tailwindcss/types').Config} */
const config = {
  content: [
    'index.html',
    'src/**/*.tsx',
    "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}"
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['"Sofia Sans Semi Condensed"', ...defaultConfig.theme.fontFamily.sans]
      },
      backgroundColor: {
        'main-background': 'rgba(255, 241, 222, 0.90)',
      },
      backgroundImage: {
        'colored-background': 'linear-gradient(319deg, #DB00FF 0%, #0094FF 100%)'
      },
      height: {
        'sidebar-height': 'calc(100vh - 1px - var(--nextui-spacing-unit)*16)',
        'safe-tx-modal-height': 'calc(100vh - var(--nextui-spacing-unit)*40)'
      },
      aspectRatio: {
        '1/1': '1 / 1',
      },
      screens: {
        '3xl': '1920px'
      }
    },
  },
  darkMode: "class",
  plugins: [nextui({
    layout: {
      spacingUnit: 4,
      dividerWeight: 1,
      radius: {
        small: '5px',
        medium: '10px',
        large: '15px'
      },
      boxShadow: {
        small: '0px 0px 6px 0px rgba(21, 31, 52, 0.04)',
        medium: '0px 0px 10px 0px rgba(21, 31, 52, 0.06)',
        large: '0px 0px 14px 0px rgba(21, 31, 52, 0.08)'
      }
    },
    themes: {
      light: {
        extend: 'light',
        colors: {
          foreground: {DEFAULT: '#151F34'},
          divider: {DEFAULT: '#F5F3FF'},
          primary: {
            50: '#F5F3FF',
            100: '#EEE8FF',
            200: '#CEBFFF',
            300: '#AB96FF',
            400: '#866EFF',
            500: '#5F45FF',
            600: '#4130D9',
            700: '#281EB3',
            800: '#15118C',
            900: '#0B0B66',
            foreground: '#FFF',
            DEFAULT: '#5F45FF'
          },
          secondary: {
            foreground: '#5F45FF',
            DEFAULT: '#F5F3FF'
          },
          success: {
            foreground: '#FFF',
            DEFAULT: '#00DBA6'
          },
          warning: {
            foreground: '#FFF',
            DEFAULT: '#FF8D07'
          },
          danger: {
            foreground: '#FFF',
            DEFAULT: '#E82F5E'
          },
        }
      }
    }
  })],
  experimental: { optimizeUniversalDefaults: true },
}
module.exports = config