feat(ui): added daisy UI for beautification (#3)
Some checks failed
CI / Clippy (push) Successful in 2m33s
CI / Format (push) Successful in 7m0s
CI / Security Audit (push) Successful in 1m46s
CI / Tests (push) Successful in 3m1s
CI / Build & Push Image (push) Successful in 3m6s
CI / Changelog (push) Failing after 1m44s
Some checks failed
CI / Clippy (push) Successful in 2m33s
CI / Format (push) Successful in 7m0s
CI / Security Audit (push) Successful in 1m46s
CI / Tests (push) Successful in 3m1s
CI / Build & Push Image (push) Successful in 3m6s
CI / Changelog (push) Failing after 1m44s
Co-authored-by: Sharang Parnerkar <parnerkarsharang@gmail.com> Reviewed-on: #3
This commit was merged in pull request #3.
This commit is contained in:
112
styles/input.css
Normal file
112
styles/input.css
Normal file
@@ -0,0 +1,112 @@
|
||||
@import "tailwindcss";
|
||||
@plugin "daisyui";
|
||||
|
||||
/* ===== CERTifAI Dark Theme (default) ===== */
|
||||
@plugin "daisyui/theme" {
|
||||
name: "certifai-dark";
|
||||
default: true;
|
||||
prefersdark: true;
|
||||
color-scheme: dark;
|
||||
|
||||
/* Base: deep navy-charcoal */
|
||||
--color-base-100: oklch(18% 0.02 260);
|
||||
--color-base-200: oklch(14% 0.02 260);
|
||||
--color-base-300: oklch(11% 0.02 260);
|
||||
--color-base-content: oklch(90% 0.01 260);
|
||||
|
||||
/* Primary: electric indigo */
|
||||
--color-primary: oklch(62% 0.26 275);
|
||||
--color-primary-content: oklch(98% 0.01 275);
|
||||
|
||||
/* Secondary: coral */
|
||||
--color-secondary: oklch(68% 0.18 25);
|
||||
--color-secondary-content: oklch(98% 0.01 25);
|
||||
|
||||
/* Accent: teal */
|
||||
--color-accent: oklch(72% 0.15 185);
|
||||
--color-accent-content: oklch(12% 0.03 185);
|
||||
|
||||
/* Neutral */
|
||||
--color-neutral: oklch(25% 0.02 260);
|
||||
--color-neutral-content: oklch(85% 0.01 260);
|
||||
|
||||
/* Semantic */
|
||||
--color-info: oklch(70% 0.18 230);
|
||||
--color-info-content: oklch(98% 0.01 230);
|
||||
|
||||
--color-success: oklch(68% 0.19 145);
|
||||
--color-success-content: oklch(98% 0.01 145);
|
||||
|
||||
--color-warning: oklch(82% 0.22 85);
|
||||
--color-warning-content: oklch(18% 0.04 85);
|
||||
|
||||
--color-error: oklch(65% 0.26 25);
|
||||
--color-error-content: oklch(98% 0.01 25);
|
||||
|
||||
/* Sharp, modern radii */
|
||||
--radius-selector: 0.25rem;
|
||||
--radius-field: 0.25rem;
|
||||
--radius-box: 0.5rem;
|
||||
|
||||
--size-selector: 0.25rem;
|
||||
--size-field: 0.25rem;
|
||||
|
||||
--border: 1px;
|
||||
--depth: 1;
|
||||
--noise: 0;
|
||||
}
|
||||
|
||||
/* ===== CERTifAI Light Theme ===== */
|
||||
@plugin "daisyui/theme" {
|
||||
name: "certifai-light";
|
||||
default: false;
|
||||
prefersdark: false;
|
||||
color-scheme: light;
|
||||
|
||||
/* Base: clean off-white */
|
||||
--color-base-100: oklch(98% 0.005 260);
|
||||
--color-base-200: oklch(95% 0.008 260);
|
||||
--color-base-300: oklch(91% 0.012 260);
|
||||
--color-base-content: oklch(20% 0.03 260);
|
||||
|
||||
/* Primary: indigo (adjusted for light bg) */
|
||||
--color-primary: oklch(50% 0.26 275);
|
||||
--color-primary-content: oklch(98% 0.01 275);
|
||||
|
||||
/* Secondary: coral (adjusted for light bg) */
|
||||
--color-secondary: oklch(58% 0.18 25);
|
||||
--color-secondary-content: oklch(98% 0.01 25);
|
||||
|
||||
/* Accent: teal (adjusted for light bg) */
|
||||
--color-accent: oklch(55% 0.15 185);
|
||||
--color-accent-content: oklch(98% 0.01 185);
|
||||
|
||||
/* Neutral */
|
||||
--color-neutral: oklch(35% 0.02 260);
|
||||
--color-neutral-content: oklch(98% 0.01 260);
|
||||
|
||||
/* Semantic */
|
||||
--color-info: oklch(55% 0.18 230);
|
||||
--color-info-content: oklch(98% 0.01 230);
|
||||
|
||||
--color-success: oklch(52% 0.19 145);
|
||||
--color-success-content: oklch(98% 0.01 145);
|
||||
|
||||
--color-warning: oklch(72% 0.22 85);
|
||||
--color-warning-content: oklch(18% 0.04 85);
|
||||
|
||||
--color-error: oklch(55% 0.26 25);
|
||||
--color-error-content: oklch(98% 0.01 25);
|
||||
|
||||
/* Same sharp radii */
|
||||
--radius-selector: 0.25rem;
|
||||
--radius-field: 0.25rem;
|
||||
--radius-box: 0.5rem;
|
||||
|
||||
--size-selector: 0.25rem;
|
||||
--size-field: 0.25rem;
|
||||
|
||||
--border: 1px;
|
||||
--depth: 1;
|
||||
--noise: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user