Hugging Face's logo

Spaces:
lexlepty
/
open-webui
Sleeping

App Files Community
mistpe commited on
Commit
b42144f
·
verified ·
1 Parent(s): c338af0

Update tailwind.config.js

Browse files
Files changed (1) hide show
  1. tailwind.config.js +80 -38
tailwind.config.js CHANGED
@@ -1,40 +1,82 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  /** @type {import('tailwindcss').Config} */
 
 
2
  export default {
3
- darkMode: 'class',
4
- content: ['./src/**/*.{html,js,svelte,ts}'],
5
- theme: {
6
- extend: {
7
- colors: {
8
- gray: {
9
- 50: '#f9f9f9',
10
- 100: '#ececec',
11
- 200: '#e3e3e3',
12
- 300: '#cdcdcd',
13
- 400: '#b4b4b4',
14
- 500: '#9b9b9b',
15
- 600: '#676767',
16
- 700: '#4e4e4e',
17
- 800: 'var(--color-gray-800, #333)',
18
- 850: 'var(--color-gray-850, #262626)',
19
- 900: 'var(--color-gray-900, #171717)',
20
- 950: 'var(--color-gray-950, #0d0d0d)'
21
- }
22
- },
23
- typography: {
24
- DEFAULT: {
25
- css: {
26
- pre: false,
27
- code: false,
28
- 'pre code': false,
29
- 'code::before': false,
30
- 'code::after': false
31
- }
32
- }
33
- },
34
- padding: {
35
- 'safe-bottom': 'env(safe-area-inset-bottom)'
36
- }
37
- }
38
- },
39
- plugins: [require('@tailwindcss/typography')]
40
- };
 
1
+ // /** @type {import('tailwindcss').Config} */
2
+ // export default {
3
+ // darkMode: 'class',
4
+ // content: ['./src/**/*.{html,js,svelte,ts}'],
5
+ // theme: {
6
+ // extend: {
7
+ // colors: {
8
+ // gray: {
9
+ // 50: '#f9f9f9',
10
+ // 100: '#ececec',
11
+ // 200: '#e3e3e3',
12
+ // 300: '#cdcdcd',
13
+ // 400: '#b4b4b4',
14
+ // 500: '#9b9b9b',
15
+ // 600: '#676767',
16
+ // 700: '#4e4e4e',
17
+ // 800: 'var(--color-gray-800, #333)',
18
+ // 850: 'var(--color-gray-850, #262626)',
19
+ // 900: 'var(--color-gray-900, #171717)',
20
+ // 950: 'var(--color-gray-950, #0d0d0d)'
21
+ // }
22
+ // },
23
+ // typography: {
24
+ // DEFAULT: {
25
+ // css: {
26
+ // pre: false,
27
+ // code: false,
28
+ // 'pre code': false,
29
+ // 'code::before': false,
30
+ // 'code::after': false
31
+ // }
32
+ // }
33
+ // },
34
+ // padding: {
35
+ // 'safe-bottom': 'env(safe-area-inset-bottom)'
36
+ // }
37
+ // }
38
+ // },
39
+ // plugins: [require('@tailwindcss/typography')]
40
+ // };
41
  /** @type {import('tailwindcss').Config} */
42
+ import typography from '@tailwindcss/typography';
43
+
44
  export default {
45
+ darkMode: 'class',
46
+ content: ['./src/**/*.{html,js,svelte,ts}'],
47
+ theme: {
48
+ extend: {
49
+ colors: {
50
+ gray: {
51
+ 50: '#f9f9f9',
52
+ 100: '#ececec',
53
+ 200: '#e3e3e3',
54
+ 300: '#cdcdcd',
55
+ 400: '#b4b4b4',
56
+ 500: '#9b9b9b',
57
+ 600: '#676767',
58
+ 700: '#4e4e4e',
59
+ 800: 'var(--color-gray-800, #333)',
60
+ 850: 'var(--color-gray-850, #262626)',
61
+ 900: 'var(--color-gray-900, #171717)',
62
+ 950: 'var(--color-gray-950, #0d0d0d)'
63
+ }
64
+ },
65
+ typography: {
66
+ DEFAULT: {
67
+ css: {
68
+ pre: false,
69
+ code: false,
70
+ 'pre code': false,
71
+ 'code::before': false,
72
+ 'code::after': false
73
+ }
74
+ }
75
+ },
76
+ padding: {
77
+ 'safe-bottom': 'env(safe-area-inset-bottom)'
78
+ }
79
+ }
80
+ },
81
+ plugins: [typography]
82
+ };