style: update tailwind.config.js for consistency and new colors

- Updated darkMode and content paths to use consistent quotes.
- Added "text-violet-400" to the safelist.
- Adjusted font size and family declarations for clarity.
- Included new color variables for Twitch, YouTube, Kick, Douyu, Huya.
This commit is contained in:
Rico van Zelst
2024-06-03 18:56:38 +02:00
parent 1616891d21
commit 7a4b819641

View File

@@ -2,47 +2,53 @@
const defaultTheme = require('tailwindcss/defaultTheme') const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = { module.exports = {
darkMode: 'class', darkMode: "class",
content: [ content: [
'./resources/**/*.blade.php', "./resources/**/*.blade.php",
'./resources/**/**/*.blade.php', "./resources/**/**/*.blade.php",
'./resources/**/*.js', "./resources/**/*.js",
'./resources/**/*.vue', "./resources/**/*.vue",
'./node_modules/flowbite/**/*.js', "./node_modules/flowbite/**/*.js",
], ],
safelist: [ safelist: [
'text-stone-300', "text-stone-300",
'text-blue-400', "text-blue-400",
'text-red-500', "text-red-500",
'text-pink-300', "text-pink-300",
'text-purple-500', "text-purple-500",
'text-yellow-400', "text-yellow-400",
"text-violet-400",
], ],
theme: { theme: {
extend: { extend: {
fontSize: { fontSize: {
'2xs': '.685rem', "2xs": ".685rem",
}, },
fontFamily: { fontFamily: {
sans: ['Inter var', 'Inter', 'sans-serif', ...defaultTheme.fontFamily.sans], sans: [
"Inter var",
"Inter",
"sans-serif",
...defaultTheme.fontFamily.sans,
],
}, },
colors: { colors: {
twitch: '#6441a5', twitch: "#6441a5",
youtube: '#FF0000', youtube: "#FF0000",
kick: '#53fc18', kick: "#53fc18",
douyu: '#ff5f3a', douyu: "#ff5f3a",
huya: '#ffaa06' huya: "#ffaa06",
} },
}, },
}, },
variants: { variants: {
extend: { extend: {
textColor: ['group-hover'], textColor: ["group-hover"],
}, },
}, },
plugins: [ plugins: [
require('flowbite/plugin'), require("flowbite/plugin"),
require('tailwind-capitalize-first-letter'), require("tailwind-capitalize-first-letter"),
require('@tailwindcss/typography'), require("@tailwindcss/typography"),
], ],
} };