mirror of
https://github.com/ClaperCo/Claper.git
synced 2026-02-24 04:01:04 +01:00
0d8d563282
- Updated background styles in event join page to a solid color. - Simplified button styles across various components, replacing complex gradient backgrounds with utility classes. - Adjusted layout and spacing in profile dropdown and user menu for improved accessibility and readability. - Enhanced alert and badge components with new styling classes for better visual consistency. - Refined tab component styles for better alignment and spacing. - Cleaned up button component attributes for clarity and maintainability. - Improved test readability by formatting multiline statements.
136 lines
4.7 KiB
CSS
136 lines
4.7 KiB
CSS
@plugin "daisyui/theme" {
|
|
name: "claper";
|
|
default: true;
|
|
prefersdark: false;
|
|
color-scheme: light;
|
|
|
|
/* Map custom colors to DaisyUI semantic tokens */
|
|
--color-primary: #8611ed; /* primary-500 */
|
|
--color-primary-content: #ffffff;
|
|
--color-secondary: #140553; /* secondary-500 */
|
|
--color-secondary-content: #ffffff;
|
|
--color-accent: #507DAA; /* neutral-500 */
|
|
--color-accent-content: #ffffff;
|
|
--color-neutral: #374151; /* gray-700 */
|
|
--color-neutral-content: #ffffff;
|
|
--color-base-100: #ffffff;
|
|
--color-base-200: #f9fafb; /* gray-50 */
|
|
--color-base-300: #e5e7eb; /* gray-200 */
|
|
--color-base-content: #1f2937; /* gray-800 */
|
|
--color-info: #79bfe2;
|
|
--color-info-content: #0e3649;
|
|
--color-success: #10B981; /* supporting-green-500 */
|
|
--color-success-content: #064E3B; /* supporting-green-900 */
|
|
--color-warning: #F59E0B; /* supporting-yellow-500 */
|
|
--color-warning-content: #78350F; /* supporting-yellow-900 */
|
|
--color-error: #E12D39; /* supporting-red-500 */
|
|
--color-error-content: #ffffff;
|
|
|
|
/* Border radius (preserve from admin.css) */
|
|
--radius-selector: 1rem;
|
|
--radius-field: 0.25rem;
|
|
--radius-box: 0.5rem;
|
|
|
|
/* Border and effects */
|
|
--border: 1px;
|
|
--depth: 1;
|
|
--noise: 0;
|
|
}
|
|
|
|
@theme {
|
|
/* Preserve custom CSS variables for non-DaisyUI usage */
|
|
--font-display: "Montserrat", sans-serif;
|
|
--font-family-sans: "Roboto", sans-serif;
|
|
--font-family-serif: "Merriweather", serif;
|
|
|
|
/* Preserve shadows from theme.css */
|
|
--shadow-base: 0px 1px 3px 0px rgba(0,0,0,0.1), 0px 1px 2px 0px rgba(0,0,0,0.06);
|
|
--shadow-md: 0px 4px 6px 0px rgba(0,0,0,0.1), 0px 2px 4px 0px rgba(0,0,0,0.06);
|
|
--shadow-lg: 0px 4px 6px 0px rgba(0,0,0,0.05), 0px 10px 15px 0px rgba(0,0,0,0.1);
|
|
--shadow-xl: 0px 10px 10px 0px rgba(0,0,0,0.04), 0px 20px 25px 0px rgba(0,0,0,0.1);
|
|
--shadow-2xl: 0px 25px 50px 0px rgba(0,0,0,0.25);
|
|
--shadow-inner: inset 0px 2px 4px 0px rgba(0,0,0,0.06);
|
|
|
|
/* Typography scale from modern.css (if needed by templates) */
|
|
--text-h1: 80px;
|
|
--text-h2: 40px;
|
|
--text-h3: 32px;
|
|
--text-h4: 24px;
|
|
--text-h5: 18px;
|
|
--text-h6: 16px;
|
|
--text-body: 16px;
|
|
--text-small-body: 14px;
|
|
|
|
/* Primary Colors - Claper Purple (from old theme.css) */
|
|
--color-primary-50: #f3defa;
|
|
--color-primary-100: #e8bef5;
|
|
--color-primary-200: #d08def;
|
|
--color-primary-300: #b85ce9;
|
|
--color-primary-400: #9f2be3;
|
|
--color-primary-500: #8611ed;
|
|
--color-primary-600: #6b0dbe;
|
|
--color-primary-700: #500a8e;
|
|
--color-primary-800: #35065f;
|
|
--color-primary-900: #1a032f;
|
|
|
|
/* Secondary Colors - Navy Purple (from old theme.css) */
|
|
--color-secondary-50: #e8e6f0;
|
|
--color-secondary-100: #c5c0db;
|
|
--color-secondary-200: #9f97c2;
|
|
--color-secondary-300: #7a6ea9;
|
|
--color-secondary-400: #5d4f95;
|
|
--color-secondary-500: #140553;
|
|
--color-secondary-600: #100442;
|
|
--color-secondary-700: #0c0332;
|
|
--color-secondary-800: #080221;
|
|
--color-secondary-900: #040111;
|
|
|
|
/* Neutral Colors - Wedgewood (from old theme.css) */
|
|
--color-neutral-50: #F0F4F8;
|
|
--color-neutral-100: #D9E3ED;
|
|
--color-neutral-200: #B9CCDF;
|
|
--color-neutral-300: #97B3CE;
|
|
--color-neutral-400: #7499BE;
|
|
--color-neutral-500: #507DAA;
|
|
--color-neutral-600: #3F6388;
|
|
--color-neutral-700: #314D68;
|
|
--color-neutral-800: #253B50;
|
|
--color-neutral-900: #1A2938;
|
|
|
|
/* Supporting Red Colors (from old theme.css) */
|
|
--color-supporting-red-50: #FCEDEE;
|
|
--color-supporting-red-100: #F9D5D7;
|
|
--color-supporting-red-200: #F3ABB0;
|
|
--color-supporting-red-300: #ED8188;
|
|
--color-supporting-red-400: #E75761;
|
|
--color-supporting-red-500: #E12D39;
|
|
--color-supporting-red-600: #B4242E;
|
|
--color-supporting-red-700: #871B22;
|
|
--color-supporting-red-800: #5A1217;
|
|
--color-supporting-red-900: #2D090B;
|
|
|
|
/* Supporting Yellow Colors (from old theme.css) */
|
|
--color-supporting-yellow-50: #FFFBEB;
|
|
--color-supporting-yellow-100: #FEF3C7;
|
|
--color-supporting-yellow-200: #FDE68A;
|
|
--color-supporting-yellow-300: #FCD34D;
|
|
--color-supporting-yellow-400: #FBBF24;
|
|
--color-supporting-yellow-500: #F59E0B;
|
|
--color-supporting-yellow-600: #D97706;
|
|
--color-supporting-yellow-700: #B45309;
|
|
--color-supporting-yellow-800: #92400E;
|
|
--color-supporting-yellow-900: #78350F;
|
|
|
|
/* Supporting Green Colors (from old theme.css) */
|
|
--color-supporting-green-50: #ECFDF5;
|
|
--color-supporting-green-100: #D1FAE5;
|
|
--color-supporting-green-200: #A7F3D0;
|
|
--color-supporting-green-300: #6EE7B7;
|
|
--color-supporting-green-400: #34D399;
|
|
--color-supporting-green-500: #10B981;
|
|
--color-supporting-green-600: #059669;
|
|
--color-supporting-green-700: #047857;
|
|
--color-supporting-green-800: #065F46;
|
|
--color-supporting-green-900: #064E3B;
|
|
}
|