max/nodarium
1
0
Fork 0
Code Issues 9 Pull Requests 1 Actions Packages Projects Releases 5 Wiki Activity

fix(ui): make arrows on inputnumber visible on lighttheme

Browse Source
This commit is contained in:
release-bot
2026-02-12 13:31:34 +01:00
parent c9021f2383
commit 5b5c63c1a9
4 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/ui/src/lib/app.css
View File

@@ -80,6 +80,7 @@ html {
--neutral-100: #e7e7e7;
--neutral-200: #cecece;
--neutral-300: #7c7c7c;
--neutral-350: #808080;
--neutral-400: #2d2d2d;
--neutral-500: #171717;
--neutral-800: #111111;
@@ -107,7 +108,7 @@ body {
html.theme-light {
--color-text: var(--neutral-800);
--color-outline: var(--neutral-300);
--color-outline: var(--neutral-350);
--color-layer-0: var(--neutral-050);
--color-layer-1: var(--neutral-100);
--color-layer-2: var(--neutral-200);

4
packages/ui/src/lib/inputs/InputNumber.svelte
View File

@@ -126,7 +126,7 @@
<button
aria-label="step down"
onmousedown={stepDown}
class="cursor-pointer w-4 bg-layer-3 opacity-30 hover:opacity-50"
class="cursor-pointer w-4 bg-layer-3/30 hover:bg-layer-3/50"
>
<span class="i-[tabler--chevron-compact-left] block h-full w-full text-outline!"></span>
</button>
@@ -161,7 +161,7 @@
<button
aria-label="step up"
onmousedown={stepUp}
class="cursor-pointer w-4 bg-layer-3 opacity-30 hover:opacity-50"
class="cursor-pointer w-4 bg-layer-3/30 hover:bg-layer-3/50"
>
<span class="i-[tabler--chevron-compact-right] block h-full w-full text-outline!"></span>
</button>