Skip to content

Commit 0c2ffaa

Browse files
committed
Added LIME theme
1 parent 40400bf commit 0c2ffaa

2 files changed

Lines changed: 120 additions & 0 deletions

File tree

app/Enums/ColorSchemeType.php

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,15 +8,21 @@
88
* @method static static SKY()
99
* @method static static SAFFRON()
1010
* @method static static CAFFIENE()
11+
* @method static static LIME()
1112
*/
1213
final class ColorSchemeType extends Enum
1314
{
1415
const SKY = 'sky';
16+
1517
const SAFFRON = 'saffron';
18+
1619
const CAFFIENE = 'caffeine';
20+
1721
const NEO_BRUTALISM = 'neobrutalism';
22+
1823
const NOTEBOOK = 'notebook';
1924

25+
const LIME = 'lime';
2026

2127
/**
2228
* Google Fonts URLs needed for each color scheme.
@@ -46,6 +52,10 @@ public static function fontUrls(string $scheme): array
4652
'https://fonts.googleapis.com/css2?family=Georgia:wght@400;500;600;700&display=swap',
4753
'https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&display=swap',
4854
],
55+
self::LIME => [
56+
'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap',
57+
'https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap',
58+
],
4959
];
5060

5161
return $map[$scheme] ?? $map[self::SKY];

resources/default/css/color-schemes.css

Lines changed: 110 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -443,3 +443,113 @@
443443
--shadow-xl: 1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 8px 10px -1px hsl(0 0% 0% / 0.03);
444444
--shadow-2xl: 1px 4px 5px 0px hsl(0 0% 0% / 0.07);
445445
}
446+
447+
/* ---------- Color Scheme: Lime ---------- */
448+
:root[data-color-scheme="lime"] {
449+
--background: hsl(75.0000 40.0000% 98.0392%);
450+
--foreground: hsl(222.2222 47.3684% 11.1765%);
451+
--card: hsl(0 0% 100%);
452+
--card-foreground: hsl(222.2222 47.3684% 11.1765%);
453+
--popover: hsl(0 0% 100%);
454+
--popover-foreground: hsl(222.2222 47.3684% 11.1765%);
455+
--primary: hsl(82.5414 88.2927% 59.8039%);
456+
--primary-foreground: hsl(0 0% 0%);
457+
--secondary: hsl(215.2941 25.0000% 26.6667%);
458+
--secondary-foreground: hsl(210.0000 40.0000% 98.0392%);
459+
--muted: hsl(210.0000 40.0000% 96.0784%);
460+
--muted-foreground: hsl(215.3846 16.3180% 46.8627%);
461+
--accent: hsl(138.4615 76.4706% 96.6667%);
462+
--accent-foreground: hsl(142.7848 64.2276% 24.1176%);
463+
--destructive: hsl(0 84.2365% 60.1961%);
464+
--destructive-foreground: hsl(0 0% 100%);
465+
--border: hsl(214.2857 31.8182% 91.3725%);
466+
--input: hsl(214.2857 31.8182% 91.3725%);
467+
--ring: hsl(82.5414 88.2927% 59.8039%);
468+
--chart-1: hsl(82.5414 88.2927% 59.8039%);
469+
--chart-2: hsl(215.2941 25.0000% 26.6667%);
470+
--chart-3: hsl(142.0859 70.5628% 45.2941%);
471+
--chart-4: hsl(215.3846 16.3180% 46.8627%);
472+
--chart-5: hsl(215.0000 20.2247% 65.0980%);
473+
--sidebar: hsl(0 0% 100%);
474+
--sidebar-foreground: hsl(222.2222 47.3684% 11.1765%);
475+
--sidebar-primary: hsl(82.5414 88.2927% 59.8039%);
476+
--sidebar-primary-foreground: hsl(0 0% 0%);
477+
--sidebar-accent: hsl(210.0000 40.0000% 98.0392%);
478+
--sidebar-accent-foreground: hsl(222.2222 47.3684% 11.1765%);
479+
--sidebar-border: hsl(210.0000 40.0000% 96.0784%);
480+
--sidebar-ring: hsl(82.5414 88.2927% 59.8039%);
481+
--font-sans: Inter, system-ui, sans-serif;
482+
--font-serif: Georgia, serif;
483+
--font-mono: JetBrains Mono, monospace;
484+
--radius: 1rem;
485+
--shadow-x: 0px;
486+
--shadow-y: 8px;
487+
--shadow-blur: 20px;
488+
--shadow-spread: 0px;
489+
--shadow-opacity: 0.05;
490+
--shadow-color: #000000;
491+
--shadow-2xs: 0px 8px 20px 0px hsl(0 0% 0% / 0.03);
492+
--shadow-xs: 0px 8px 20px 0px hsl(0 0% 0% / 0.03);
493+
--shadow-sm: 0px 8px 20px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
494+
--shadow: 0px 8px 20px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
495+
--shadow-md: 0px 8px 20px 0px hsl(0 0% 0% / 0.05), 0px 2px 4px -1px hsl(0 0% 0% / 0.05);
496+
--shadow-lg: 0px 8px 20px 0px hsl(0 0% 0% / 0.05), 0px 4px 6px -1px hsl(0 0% 0% / 0.05);
497+
--shadow-xl: 0px 8px 20px 0px hsl(0 0% 0% / 0.05), 0px 8px 10px -1px hsl(0 0% 0% / 0.05);
498+
--shadow-2xl: 0px 8px 20px 0px hsl(0 0% 0% / 0.13);
499+
--tracking-normal: -0.01em;
500+
--spacing: 0.25rem;
501+
}
502+
503+
.dark[data-color-scheme="lime"],
504+
[data-color-scheme="lime"] .dark {
505+
--background: hsl(228.5714 84.0000% 4.9020%);
506+
--foreground: hsl(210.0000 40.0000% 98.0392%);
507+
--card: hsl(222.2222 47.3684% 11.1765%);
508+
--card-foreground: hsl(210.0000 40.0000% 98.0392%);
509+
--popover: hsl(222.2222 47.3684% 11.1765%);
510+
--popover-foreground: hsl(210.0000 40.0000% 98.0392%);
511+
--primary: hsl(82.5414 88.2927% 59.8039%);
512+
--primary-foreground: hsl(0 0% 0%);
513+
--secondary: hsl(217.2414 32.5843% 17.4510%);
514+
--secondary-foreground: hsl(210.0000 40.0000% 98.0392%);
515+
--muted: hsl(217.2414 32.5843% 17.4510%);
516+
--muted-foreground: hsl(215.0000 20.2247% 65.0980%);
517+
--accent: hsl(143.8095 61.1650% 20.1961%);
518+
--accent-foreground: hsl(82.5414 88.2927% 59.8039%);
519+
--destructive: hsl(0 70% 35.2941%);
520+
--destructive-foreground: hsl(0 0% 100%);
521+
--border: hsl(217.2414 32.5843% 17.4510%);
522+
--input: hsl(217.2414 32.5843% 17.4510%);
523+
--ring: hsl(82.5414 88.2927% 59.8039%);
524+
--chart-1: hsl(82.5414 88.2927% 59.8039%);
525+
--chart-2: hsl(217.2193 91.2195% 59.8039%);
526+
--chart-3: hsl(142.0859 70.5628% 45.2941%);
527+
--chart-4: hsl(270.7407 91.0112% 65.0980%);
528+
--chart-5: hsl(37.6923 92.1260% 50.1961%);
529+
--sidebar: hsl(228.5714 84.0000% 4.9020%);
530+
--sidebar-foreground: hsl(210.0000 40.0000% 98.0392%);
531+
--sidebar-primary: hsl(82.5414 88.2927% 59.8039%);
532+
--sidebar-primary-foreground: hsl(0 0% 0%);
533+
--sidebar-accent: hsl(217.2414 32.5843% 17.4510%);
534+
--sidebar-accent-foreground: hsl(210.0000 40.0000% 98.0392%);
535+
--sidebar-border: hsl(217.2414 32.5843% 17.4510%);
536+
--sidebar-ring: hsl(82.5414 88.2927% 59.8039%);
537+
--font-sans: Inter, system-ui, sans-serif;
538+
--font-serif: Georgia, serif;
539+
--font-mono: JetBrains Mono, monospace;
540+
--radius: 1rem;
541+
--shadow-x: 0px;
542+
--shadow-y: 10px;
543+
--shadow-blur: 25px;
544+
--shadow-spread: 0px;
545+
--shadow-opacity: 0.4;
546+
--shadow-color: #000000;
547+
--shadow-2xs: 0px 10px 25px 0px hsl(0 0% 0% / 0.20);
548+
--shadow-xs: 0px 10px 25px 0px hsl(0 0% 0% / 0.20);
549+
--shadow-sm: 0px 10px 25px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
550+
--shadow: 0px 10px 25px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
551+
--shadow-md: 0px 10px 25px 0px hsl(0 0% 0% / 0.40), 0px 2px 4px -1px hsl(0 0% 0% / 0.40);
552+
--shadow-lg: 0px 10px 25px 0px hsl(0 0% 0% / 0.40), 0px 4px 6px -1px hsl(0 0% 0% / 0.40);
553+
--shadow-xl: 0px 10px 25px 0px hsl(0 0% 0% / 0.40), 0px 8px 10px -1px hsl(0 0% 0% / 0.40);
554+
--shadow-2xl: 0px 10px 25px 0px hsl(0 0% 0% / 1.00);
555+
}

0 commit comments

Comments
 (0)