-
Notifications
You must be signed in to change notification settings - Fork 24
/
tailwind.config.js
73 lines (70 loc) · 1.88 KB
/
tailwind.config.js
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
import defaultTheme from "tailwindcss/defaultTheme";
import forms from "@tailwindcss/forms";
import typography from "@tailwindcss/typography";
/** @type {import('tailwindcss').Config} */
export default {
darkMode: "class",
content: [
"./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php",
"./vendor/laravel/jetstream/**/*.blade.php",
"./storage/framework/views/*.php",
"./resources/views/**/*.blade.php",
"./resources/js/**/*.jsx",
"./resources/js/**/*.tsx",
],
theme: {
extend: {
boxShadow: {
"white-glow": "20px 20px 20px rgba(255, 255, 255, 0.8)",
},
fontFamily: {
mono: ['"JetBrains Mono"', ...defaultTheme.fontFamily.mono],
berkeley: ['"Berkeley Mono"', ...defaultTheme.fontFamily.mono],
},
colors: {
text: "#D7D8E5",
offblack: "#1e1e1e",
darkgray: "#3D3D40",
gray: "#8B8585",
lightgray: "#A7A7A7",
white: "#fff",
bitcoin: "#FF9900",
green: "#00CC00",
red: "#FF3B00",
},
typography: (theme) => ({
DEFAULT: {
css: {
img: {
borderWidth: 0,
},
// Customizing paragraph spacing
p: {
// marginTop: '2.2em', // Increase top margin
// marginBottom: '2.2em', // Increase bottom margin
// color: 'white'
},
// You can also customize other elements here as needed
},
},
}),
},
},
plugins: [
forms({
strategy: "class", // only generate classes
modifier: "", // root level modifier
theme: {
extend: {
borderColor: {
DEFAULT: defaultTheme.colors.white,
},
ringColor: {
DEFAULT: defaultTheme.colors.white,
},
},
},
}),
typography,
],
};