52 lines
1.3 KiB
CSS
52 lines
1.3 KiB
CSS
@import 'tailwindcss';
|
|
@import '@fortawesome/fontawesome-svg-core/styles.css' layer(base);
|
|
|
|
@plugin '@tailwindcss/forms';
|
|
|
|
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
|
|
@source '../../resources/js/**/*.vue';
|
|
|
|
@custom-variant dark (&:is(.dark *));
|
|
|
|
@theme {
|
|
--font-sans:
|
|
Figtree, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
|
|
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
}
|
|
|
|
/*
|
|
The default border color has changed to `currentcolor` in Tailwind CSS v4,
|
|
so we've added these compatibility styles to make sure everything still
|
|
looks the same as it did with Tailwind CSS v3.
|
|
|
|
If we ever want to remove these styles, we need to add an explicit border
|
|
color utility to any element that depends on these defaults.
|
|
*/
|
|
@layer base {
|
|
*,
|
|
::after,
|
|
::before,
|
|
::backdrop,
|
|
::file-selector-button {
|
|
border-color: var(--color-gray-200, currentcolor);
|
|
}
|
|
}
|
|
|
|
/* Theme variables */
|
|
:root {
|
|
--color-background: #ffffff;
|
|
--color-text: #000000;
|
|
}
|
|
|
|
html.dark {
|
|
--color-background: #333333; /* Dark grey */
|
|
--color-text: #ffffff;
|
|
}
|
|
|
|
/* Apply theme to body */
|
|
body {
|
|
background-color: var(--color-background);
|
|
color: var(--color-text);
|
|
transition: background-color 0.3s ease, color 0.3s ease;
|
|
}
|