starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-23 17:18:32 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Adjust highlight color

Browse Source
This commit is contained in:
Gregory Schier
2024-03-22 10:37:45 -07:00
parent 290636c098
commit 2904caea79
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src-web/components/core/Checkbox.tsx
View File

@@ -34,8 +34,8 @@ export function Checkbox({
<input <input
aria-hidden aria-hidden
className={classNames( className={classNames(
'opacity-50 appearance-none w-4 h-4 flex-shrink-0 border border-[currentColor]', 'appearance-none w-4 h-4 flex-shrink-0 border border-highlight',
'rounded hocus:border-focus hocus:bg-focus/[5%] hocus:opacity-100 outline-none ring-0', 'rounded hocus:border-focus hocus:bg-focus/[5%] outline-none ring-0',
)} )}
type="checkbox" type="checkbox"
disabled={disabled} disabled={disabled}

4
tailwind.config.cjs
View File

@@ -63,8 +63,8 @@ module.exports = {
selection: 'hsl(var(--color-violet-500) / 0.3)', selection: 'hsl(var(--color-violet-500) / 0.3)',
focus: 'hsl(var(--color-blue-500) / 0.7)', focus: 'hsl(var(--color-blue-500) / 0.7)',
invalid: 'hsl(var(--color-red-500))', invalid: 'hsl(var(--color-red-500))',
highlight: 'hsl(var(--color-gray-300) / 0.35)', highlight: 'hsl(var(--color-gray-500) / 0.3)',
highlightSecondary: 'hsl(var(--color-gray-300) / 0.2)', highlightSecondary: 'hsl(var(--color-gray-500) / 0.15)',
transparent: 'transparent', transparent: 'transparent',
white: 'hsl(0 100% 100% / <alpha-value>)', white: 'hsl(0 100% 100% / <alpha-value>)',
black: 'hsl(0 100% 0% / <alpha-value>)', black: 'hsl(0 100% 0% / <alpha-value>)',