Initial commit

This commit is contained in:
Ronald Huynen
2026-03-23 21:37:59 +01:00
commit 2547717edb
2193 changed files with 972171 additions and 0 deletions

199
tailwind.config.js Normal file
View File

@@ -0,0 +1,199 @@
const defaultTheme = require('tailwindcss/defaultTheme');
const colors = require('tailwindcss/colors');
/** @type {import('tailwindcss').Config} */
module.exports = {
//...
presets: [
require('./vendor/wireui/wireui/tailwind.config.js')
],
content: [
'./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
'./vendor/laravel/jetstream/**/*.blade.php',
'./storage/framework/views/*.php',
'./resources/views/**/*.blade.php',
"./vendor/wireui/wireui/src/*.php",
"./vendor/wireui/wireui/ts/**/*.ts",
"./vendor/wireui/wireui/src/WireUi/**/*.php",
"./vendor/wireui/wireui/src/Components/**/*.php",
'./vendor/namu/wirechat/resources/views/**/*.blade.php',
'./vendor/namu/wirechat/src/Livewire/**/*.php'
],
theme: {
extend: {
fontFamily: {
sans: ['Poppins', ...defaultTheme.fontFamily.sans],
},
ringColor: {
DEFAULT: 'rgb(var(--color-primary-200) / 0.5)',
},
lineClamp: {
7: '7',
8: '8',
9: '9',
10: '10',
},
invert: {
25: '.25',
50: '.5',
75: '.75',
100: '1',
},
colors: {
// Theme-aware primary colors using CSS custom properties
primary: {
50: 'rgb(var(--color-primary-50) / <alpha-value>)',
100: 'rgb(var(--color-primary-100) / <alpha-value>)',
200: 'rgb(var(--color-primary-200) / <alpha-value>)',
300: 'rgb(var(--color-primary-300) / <alpha-value>)',
400: 'rgb(var(--color-primary-400) / <alpha-value>)',
500: 'rgb(var(--color-primary-500) / <alpha-value>)',
600: 'rgb(var(--color-primary-600) / <alpha-value>)',
700: 'rgb(var(--color-primary-700) / <alpha-value>)',
800: 'rgb(var(--color-primary-800) / <alpha-value>)',
900: 'rgb(var(--color-primary-900) / <alpha-value>)',
},
// Theme-aware semantic colors
'theme-secondary': 'rgb(var(--color-secondary) / <alpha-value>)',
'theme-accent': 'rgb(var(--color-accent) / <alpha-value>)',
'theme-brand': 'rgb(var(--color-brand) / <alpha-value>)',
'theme-background': 'rgb(var(--color-background) / <alpha-value>)',
'theme-surface': 'rgb(var(--color-surface) / <alpha-value>)',
'theme-text': {
primary: 'rgb(var(--color-text-primary) / <alpha-value>)',
secondary: 'rgb(var(--color-text-secondary) / <alpha-value>)',
light: 'rgb(var(--color-text-light) / <alpha-value>)',
surface: 'rgb(var(--color-text-surface) / <alpha-value>)',
background: 'rgb(var(--color-text-background) / <alpha-value>)',
},
'theme-logo': 'rgb(var(--color-logo) / <alpha-value>)',
// Fallback to original colors for WireUI compatibility
secondary: colors.gray,
positive: colors.gray,
negative: colors.red,
warning: colors.amber,
info: colors.gray,
// Theme-specific colors (only available in specific themes)
'uuro-success': 'rgb(var(--color-success, 107 114 128) / <alpha-value>)',
'uuro-danger': 'rgb(var(--color-danger, 239 68 68) / <alpha-value>)',
'uuro-warning': 'rgb(var(--color-warning, 245 158 11) / <alpha-value>)',
'uuro-info': 'rgb(var(--color-info, 59 130 246) / <alpha-value>)',
'vegetable-success': 'rgb(var(--color-success, 34 197 94) / <alpha-value>)',
'vegetable-surface-alt': 'rgb(var(--color-surface-alt, 249 250 251) / <alpha-value>)',
'yellow-accent-dark': 'rgb(var(--color-accent-dark, 51 65 85) / <alpha-value>)',
'yellow-neutral': {
dark: 'rgb(var(--color-neutral-dark, 55 65 81) / <alpha-value>)',
medium: 'rgb(var(--color-neutral-medium, 107 114 128) / <alpha-value>)',
light: 'rgb(var(--color-neutral-light, 229 231 235) / <alpha-value>)',
},
'yellow-surface-dark': 'rgb(var(--color-surface-dark, 17 24 39) / <alpha-value>)',
'yellow-text-inverse': 'rgb(var(--color-text-inverse, 255 255 255) / <alpha-value>)',
},
transitionDelay: {
'500': '500ms',
'700': '700',
'1000': '1000ms',
},
},
},
safelist: [
'hover:bg-slate-200',
'hover:bg-gray-200',
'hover:bg-zinc-200',
'hover:bg-neutral-200',
'hover:bg-stone-200',
'hover:bg-red-200',
'hover:bg-orange-200',
'hover:bg-amber-200',
'hover:bg-yellow-200',
'hover:bg-lime-200',
'hover:bg-green-200',
'hover:bg-emerald-200',
'hover:bg-teal-200',
'hover:bg-cyan-200',
'hover:bg-sky-200',
'hover:bg-blue-200',
'hover:bg-indigo-200',
'hover:bg-violet-200',
'hover:bg-purple-200',
'hover:bg-fuchsia-200',
'hover:bg-pink-200',
'hover:bg-rose-200',
'bg-slate-200',
'bg-gray-200',
'bg-zinc-200',
'bg-neutral-200',
'bg-stone-200',
'bg-red-200',
'bg-orange-200',
'bg-amber-200',
'bg-yellow-200',
'bg-lime-200',
'bg-green-200',
'bg-emerald-200',
'bg-teal-200',
'bg-cyan-200',
'bg-sky-200',
'bg-blue-200',
'bg-indigo-200',
'bg-violet-200',
'bg-purple-200',
'bg-fuchsia-200',
'bg-pink-200',
'bg-rose-200',
'bg-slate-400',
'bg-gray-400',
'bg-zinc-400',
'bg-neutral-400',
'bg-stone-400',
'bg-red-400',
'bg-orange-400',
'bg-amber-400',
'bg-yellow-400',
'bg-lime-400',
'bg-green-400',
'bg-emerald-400',
'bg-teal-400',
'bg-cyan-400',
'bg-sky-400',
'bg-blue-400',
'bg-indigo-400',
'bg-violet-400',
'bg-purple-400',
'bg-fuchsia-400',
'bg-pink-400',
'bg-rose-400',
// Post content link styles
'[&_a]:underline',
'[&_a:hover]:text-theme-secondary',
],
plugins: [
require('@tailwindcss/forms'),
require('@tailwindcss/typography'),
function({ addUtilities }) {
addUtilities({
'.post-links-underlined a': {
'text-decoration': 'underline',
},
'.post-links-underlined a:hover': {
'color': 'rgb(var(--color-text-secondary))',
},
})
},
],
};