Add tailwind and daisyUI
This commit is contained in:
parent
80da7be559
commit
0b8e6c2d50
19 changed files with 2292 additions and 24289 deletions
75
theme/static_src/src/styles.css
Normal file
75
theme/static_src/src/styles.css
Normal file
|
|
@ -0,0 +1,75 @@
|
|||
/*
|
||||
* This is where you can configure the folders that Tailwind will scan.
|
||||
*
|
||||
* For detailed documents, check the Tailwind docs at:
|
||||
*
|
||||
* https://tailwindcss.com/docs/detecting-classes-in-source-files#explicitly-registering-sources
|
||||
*
|
||||
* This default configuration will scan all folder in your root project directory.
|
||||
*
|
||||
* Here is an example configuration that will only scan your templates/ folder:
|
||||
*
|
||||
* @import "tailwindcss" source(none);
|
||||
*
|
||||
* @source "../../../templates";
|
||||
*/
|
||||
|
||||
@import "tailwindcss" source("../../../");
|
||||
|
||||
|
||||
/*
|
||||
* If you would like to customise you theme, you can do that here too.
|
||||
*
|
||||
* https://tailwindcss.com/docs/theme
|
||||
*
|
||||
*/
|
||||
|
||||
@theme {}
|
||||
|
||||
|
||||
/*
|
||||
* You can install tailwind plugins like below.
|
||||
*
|
||||
* https://tailwindcss.com/docs/functions-and-directives#plugin-directive
|
||||
*
|
||||
*/
|
||||
|
||||
@plugin "@tailwindcss/forms";
|
||||
@plugin "@tailwindcss/typography";
|
||||
@plugin "@tailwindcss/aspect-ratio";
|
||||
|
||||
|
||||
@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);
|
||||
--color-primary: #CF36E0;
|
||||
--color-primary-content: oklch(98% 0.003 247.858);
|
||||
--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-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-error: #E00202;
|
||||
--color-error-content: oklch(98% 0.003 247.858);
|
||||
--radius-selector: 0rem;
|
||||
--radius-field: 0rem;
|
||||
--radius-box: 0rem;
|
||||
--size-selector: 0.3125rem;
|
||||
--size-field: 0.3125rem;
|
||||
--border: 1.5px;
|
||||
--depth: 1;
|
||||
--noise: 0;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue