progress on conversion to tailwind

This commit is contained in:
badblocks 2025-03-06 21:28:36 -08:00
parent 6a872124c6
commit 6e2843c60e
110 changed files with 4997 additions and 1691 deletions

View file

@ -14,6 +14,7 @@
"@tailwindcss/forms": "^0.5.10",
"@tailwindcss/typography": "^0.5.16",
"cross-env": "^7.0.3",
"daisyui": "^5.0.0-beta.9",
"postcss": "^8.5.1",
"postcss-import": "^16.1.0",
"postcss-nested": "^7.0.2",
@ -711,6 +712,15 @@
"node": ">=4"
}
},
"node_modules/daisyui": {
"version": "5.0.0-beta.9",
"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-5.0.0-beta.9.tgz",
"integrity": "sha512-V+To8o1O8AaxSgdk9QrjXyq/e1AhdW1Z6oUI5iwrOjPs8avM7VQNqoTDCAE5rM0NcMbUfmFgQH8h8guiQ5QPOA==",
"dev": true,
"funding": {
"url": "https://github.com/saadeghi/daisyui?sponsor=1"
}
},
"node_modules/detect-libc": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",

View file

@ -15,15 +15,16 @@
"license": "MIT",
"devDependencies": {
"@tailwindcss/aspect-ratio": "^0.4.2",
"@tailwindcss/cli": "^4.0.0",
"@tailwindcss/forms": "^0.5.10",
"@tailwindcss/typography": "^0.5.16",
"cross-env": "^7.0.3",
"daisyui": "^5.0.0-beta.9",
"postcss": "^8.5.1",
"postcss-import": "^16.1.0",
"postcss-nested": "^7.0.2",
"postcss-simple-vars": "^7.0.1",
"rimraf": "^6.0.1",
"tailwindcss": "^4.0.0",
"@tailwindcss/cli": "^4.0.0"
"tailwindcss": "^4.0.0"
}
}

View file

@ -14,8 +14,7 @@
* @source "../../../templates";
*/
@import "tailwindcss" source("../../../");
@import "tailwindcss" source("../../");
/*
* If you would like to customise you theme, you can do that here too.
@ -38,38 +37,78 @@
@plugin "@tailwindcss/typography";
@plugin "@tailwindcss/aspect-ratio";
@tailwind base;
@tailwind components;
@tailwind utilities;
@plugin "daisyui/theme" {
name: "acid";
default: false;
prefersdark: true;
color-scheme: "dark";
--color-base-100: oklch(98% 0 0);
--color-base-200: oklch(92% 0 0);
--color-base-300: oklch(87% 0 0);
--color-base-content: oklch(0% 0 0);
@custom-variant dark (&:where(.dark, .dark *));
@plugin "daisyui";
/* @plugin "daisyui/theme" {
name: "light";
default: true;
prefersdark: false;
color-scheme: light;
--color-base-100: oklch(100% 0 0);
--color-base-200: oklch(98% 0 0);
--color-base-300: oklch(95% 0 0);
--color-base-content: oklch(21% 0.006 285.885);
--color-primary: #CF36E0;
--color-primary-content: oklch(98% 0.003 247.858);
--color-primary-content: oklch(100% 0 0);
--color-secondary: #8040E0;
--color-secondary-content: oklch(98% 0.003 247.858);
--color-accent: #1070EB;
--color-accent-content: oklch(18.556% 0.052 122.962);
--color-neutral: oklch(43% 0 0);
--color-neutral-content: oklch(98% 0.003 247.858);
--color-info: #302FD9;
--color-info-content: oklch(98% 0.003 247.858);
--color-secondary-content: oklch(100% 0 0);
--color-accent: #302FD9;
--color-accent-content: oklch(100% 0 0);
--color-neutral: oklch(37% 0 0);
--color-neutral-content: oklch(100% 0 0);
--color-info: #1070EB;
--color-info-content: oklch(100% 0 0);
--color-success: #20AA80;
--color-success-content: oklch(12% 0.042 264.695);
--color-warning: #EB8600;
--color-warning-content: oklch(18.202% 0.042 100.5);
--color-success-content: oklch(100% 0 0);
--color-warning: #EA8200;
--color-warning-content: oklch(100% 0 0);
--color-error: #E00202;
--color-error-content: oklch(98% 0.003 247.858);
--radius-selector: 0rem;
--color-error-content: oklch(100% 0 0);
--radius-selector: 0.5rem;
--radius-field: 0rem;
--radius-box: 0rem;
--size-selector: 0.3125rem;
--size-field: 0.3125rem;
--border: 1.5px;
--border: 1px;
--depth: 1;
--noise: 0;
}
@plugin "daisyui/theme" {
name: "dark";
default: false;
prefersdark: false;
color-scheme: dark;
--color-base-100: oklch(25.33% 0.016 252.42);
--color-base-200: oklch(23.26% 0.014 253.1);
--color-base-300: oklch(21.15% 0.012 254.09);
--color-base-content: oklch(97.807% 0.029 256.847);
--color-primary: #CF36E0;
--color-primary-content: oklch(100% 0 0);
--color-secondary: #8040E0;
--color-secondary-content: oklch(100% 0 0);
--color-accent: #302FD9;
--color-accent-content: oklch(100% 0 0);
--color-neutral: oklch(37% 0 0);
--color-neutral-content: oklch(100% 0 0);
--color-info: #1070EB;
--color-info-content: oklch(100% 0 0);
--color-success: #20AA80;
--color-success-content: oklch(100% 0 0);
--color-warning: #EA8200;
--color-warning-content: oklch(100% 0 0);
--color-error: #E00202;
--color-error-content: oklch(100% 0 0);
--radius-selector: 0.5rem;
--radius-field: 0rem;
--radius-box: 0rem;
--size-selector: 0.3125rem;
--size-field: 0.3125rem;
--border: 1px;
--depth: 1;
--noise: 0;
} */

View file

@ -54,4 +54,5 @@ module.exports = {
require('@tailwindcss/typography'),
require('@tailwindcss/aspect-ratio'),
],
darkMode: 'class',
}