matt
/
meobda-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update input and set custom brand colors to blue

This commit is contained in:
Matt Young 2025-12-13 18:26:41 -06:00
parent dd78f1e804
commit 68bd02b91f
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
resources/css/app.css
View File

@ -18,4 +18,15 @@
@theme { @theme {
--font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji'; 'Segoe UI Symbol', 'Noto Color Emoji';
--color-brand-50: oklch(0.97 0.014 254.604);
--color-brand-100: oklch(0.932 0.032 255.585);
--color-brand-200: oklch(0.882 0.059 254.128);
--color-brand-300: oklch(0.809 0.105 251.813);
--color-brand-400: oklch(0.707 0.165 254.624);
--color-brand-500: oklch(0.623 0.214 259.815);
--color-brand-600: oklch(0.546 0.245 262.881);
--color-brand-700: oklch(0.488 0.243 264.376);
--color-brand-800: oklch(0.424 0.199 265.638);
--color-brand-900: oklch(0.379 0.146 265.522);
--color-brand-950: oklch(0.282 0.091 267.935);
} }

2
resources/views/components/form/input.blade.php
View File

@ -26,7 +26,7 @@
@class([ @class([
'block w-full rounded-md bg-white py-1.5 outline-1 -outline-offset-1 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6 dark:bg-white/5', 'block w-full rounded-md bg-white py-1.5 outline-1 -outline-offset-1 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6 dark:bg-white/5',
'col-start-1 row-start-1 pr-10 pl-3 text-red-900 outline-red-300 placeholder:text-red-300 focus:outline-red-600 sm:pr-9 dark:text-red-400 dark:outline-red-500/50 dark:placeholder:text-red-400/70 dark:focus:outline-red-400' => $hasError, 'col-start-1 row-start-1 pr-10 pl-3 text-red-900 outline-red-300 placeholder:text-red-300 focus:outline-red-600 sm:pr-9 dark:text-red-400 dark:outline-red-500/50 dark:placeholder:text-red-400/70 dark:focus:outline-red-400' => $hasError,
'px-3 text-base text-gray-900 outline-gray-300 placeholder:text-gray-400 focus:outline-indigo-600 dark:text-white dark:outline-white/10 dark:placeholder:text-gray-500 dark:focus:outline-indigo-500' => !$hasError, 'px-3 text-base text-gray-900 outline-gray-300 placeholder:text-gray-400 focus:outline-brand-600 dark:text-white dark:outline-white/10 dark:placeholder:text-gray-500 dark:focus:outline-brand-500' => !$hasError,
]) ])
/> />