diff --git a/package.json b/package.json index 5ea0a85b..322e4e71 100644 --- a/package.json +++ b/package.json @@ -46,6 +46,7 @@ "aws-cdk-lib": "2.110.1", "constructs": "10.3.0", "cz-conventional-changelog": "3.3.0", + "daisyui": "^4.6.2", "devmoji": "2.3.0", "eslint": "8.54.0", "eslint-config-prettier": "9.0.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 143c0afd..a3f5de29 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -79,6 +79,9 @@ devDependencies: cz-conventional-changelog: specifier: 3.3.0 version: 3.3.0(typescript@5.3.2) + daisyui: + specifier: ^4.6.2 + version: 4.6.2(postcss@8.4.31) devmoji: specifier: 2.3.0 version: 2.3.0 @@ -4785,6 +4788,13 @@ packages: resolution: {integrity: sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==} dev: true + /css-selector-tokenizer@0.8.0: + resolution: {integrity: sha512-Jd6Ig3/pe62/qe5SBPTN8h8LeUg/pT4lLgtavPf7updwwHpvFzxvOQBHYj2LZDMjUnBzgvIUSjRcf6oT5HzHFg==} + dependencies: + cssesc: 3.0.0 + fastparse: 1.1.2 + dev: true + /css-tree@2.3.1: resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==} engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0} @@ -4798,6 +4808,11 @@ packages: hasBin: true dev: true + /culori@3.3.0: + resolution: {integrity: sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + dev: true + /cz-conventional-changelog@3.3.0(typescript@5.3.2): resolution: {integrity: sha512-U466fIzU5U22eES5lTNiNbZ+d8dfcHcssH4o7QsdWaCcRs/feIPCxKYSWkYBNs5mny7MvEfwpTLWjvbm94hecw==} engines: {node: '>= 10'} @@ -4814,6 +4829,18 @@ packages: - typescript dev: true + /daisyui@4.6.2(postcss@8.4.31): + resolution: {integrity: sha512-LBIbI76wVVRCQt1Uis2Y2/PRdGfMkNMFsHOjfpav8n7SamwRwPOCiNUClIrnX2jerWW3mLZlzRMCnQfxmGEjow==} + engines: {node: '>=16.9.0'} + dependencies: + css-selector-tokenizer: 0.8.0 + culori: 3.3.0 + picocolors: 1.0.0 + postcss-js: 4.0.1(postcss@8.4.31) + transitivePeerDependencies: + - postcss + dev: true + /dargs@7.0.0: resolution: {integrity: sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==} engines: {node: '>=8'} @@ -5678,6 +5705,10 @@ packages: strnum: 1.0.5 dev: true + /fastparse@1.1.2: + resolution: {integrity: sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==} + dev: true + /fastq@1.15.0: resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==} dependencies: diff --git a/src/app.html b/src/app.html index 19da6311..89dc53d8 100644 --- a/src/app.html +++ b/src/app.html @@ -6,7 +6,7 @@ %sveltekit.head% - +
%sveltekit.body%
diff --git a/src/routes/playground/+page.svelte b/src/routes/playground/+page.svelte new file mode 100644 index 00000000..e470bc20 --- /dev/null +++ b/src/routes/playground/+page.svelte @@ -0,0 +1,23 @@ + + +
+ +
+ +
+
+ Shoes +
+
+

Shoes!

+

If a dog chews shoes whose shoes does he choose?

+
+ +
+
+
diff --git a/tailwind.config.js b/tailwind.config.js index 01d2783e..799ea83b 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,10 +1,12 @@ // @ts-check import { join } from "path"; -import { skeleton } from "@skeletonlabs/tw-plugin"; +// import { skeleton } from "@skeletonlabs/tw-plugin"; import forms from "@tailwindcss/forms"; +import daisyui from "daisyui"; +import emerald from "daisyui/src/theming/themes"; -import { zotmeetTheme } from "./theme"; +// import { zotmeetTheme } from "./theme"; /** @type {import('tailwindcss').Config} */ export default { @@ -16,12 +18,38 @@ export default { join(require.resolve("@skeletonlabs/skeleton"), "../**/*.{html,js,svelte,ts}"), ], theme: { - extend: {}, + extend: { + colors: { + gray: { + light: "#F3F4F6" /* maps to gray-100 */, + base: "#D1D5DB" /* gray-300 */, + medium: "#9CA3AF" /* gray-400 */, + dark: "#1F2937" /* gray-800 */, + }, + slate: { + base: "#CBD5E1" /* slate-300 */, + }, + }, + }, + default: "daisy", + }, + daisyui: { + themes: [ + "emerald", + { + emerald: { + ...emerald["emerald"], + primary: "#367BFB", + secondary: "#65CC8A", + }, + }, + ], }, plugins: [ + daisyui, forms, - skeleton({ - themes: { custom: [zotmeetTheme] }, - }), + // skeleton({ + // themes: { custom: [zotmeetTheme] }, + // }), ], };