FilesExpand file tree

main

/

tailwind.config.ts

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

89 lines (88 loc) · 2.28 KB

main

/

tailwind.config.ts

Copy path

Top

File metadata and controls

• Code
• Blame

89 lines (88 loc) · 2.28 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

import type { Config } from "tailwindcss";

import { fontFamily } from "tailwindcss/defaultTheme";

const config: Config = {

darkMode: ["class"],

content: [

"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",

"./src/components/**/*.{js,ts,jsx,tsx,mdx}",

"./src/app/**/*.{js,ts,jsx,tsx,mdx}",

],

theme: {

extend: {

fontFamily: {

heading: [

'var(--font-heading)',

...fontFamily.sans

]

},

colors: {

brand: {

'25': '#F8F9FD',

'50': '#F0F4FA',

'100': '#E1E9F6',

'200': '#C3D3ED',

'300': '#A5BDE4',

'400': '#87A7DB',

'500': '#6991D2',

'600': '#4B76C9',

'700': '#3659B1',

'800': '#284189',

'900': '#1B2A61',

'950': '#111A3E'

},

'discord-background': '#36393f',

'discord-brand-color': '#5865f2',

'discord-gray': '#36393f',

'discord-text': '#dcddde',

'discord-timestamp': '#72767d',

background: 'hsl(var(--background))',

foreground: 'hsl(var(--foreground))',

card: {

DEFAULT: 'hsl(var(--card))',

foreground: 'hsl(var(--card-foreground))'

},

popover: {

DEFAULT: 'hsl(var(--popover))',

foreground: 'hsl(var(--popover-foreground))'

},

primary: {

DEFAULT: 'hsl(var(--primary))',

foreground: 'hsl(var(--primary-foreground))'

},

secondary: {

DEFAULT: 'hsl(var(--secondary))',

foreground: 'hsl(var(--secondary-foreground))'

},

muted: {

DEFAULT: 'hsl(var(--muted))',

foreground: 'hsl(var(--muted-foreground))'

},

accent: {

DEFAULT: 'hsl(var(--accent))',

foreground: 'hsl(var(--accent-foreground))'

},

destructive: {

DEFAULT: 'hsl(var(--destructive))',

foreground: 'hsl(var(--destructive-foreground))'

},

border: 'hsl(var(--border))',

input: 'hsl(var(--input))',

ring: 'hsl(var(--ring))',

chart: {

'1': 'hsl(var(--chart-1))',

'2': 'hsl(var(--chart-2))',

'3': 'hsl(var(--chart-3))',

'4': 'hsl(var(--chart-4))',

'5': 'hsl(var(--chart-5))'

}

},

borderRadius: {

lg: 'var(--radius)',

md: 'calc(var(--radius) - 2px)',

sm: 'calc(var(--radius) - 4px)'

}

}

},

plugins: [require("tailwindcss-animate")],

};

export default config;