ligth theme design fix

This commit is contained in:
2026-08-10 15:33:13 +05:30
parent 6cc3c9a0b7
commit 5ce580dced
34 changed files with 2399 additions and 87 deletions

View File

@@ -2,7 +2,7 @@
* @generated by `astryx theme build` — do not edit manually.
* Source: src/theme/loyalyTheme.ts
* Command: astryx theme build src/theme/loyalyTheme.ts
* Generated: 2026-08-06T05:55:58.053Z
* Generated: 2026-08-10T08:15:31.619Z
*/
@layer reset {
@@ -164,7 +164,7 @@
--color-syntax-punctuation: light-dark(#a3a3a3, #525252);
--color-syntax-background: light-dark(#fafafa, #0a0a0a);
--color-background-surface: light-dark(#FFFFFF, #0F0F10);
--color-background-body: light-dark(#F7F7F8, #000000);
--color-background-body: light-dark(#FAFAFA, #000000);
--color-background-card: light-dark(#FFFFFF, #171717);
--color-background-popover: light-dark(#FFFFFF, #171717);
--color-background-muted: light-dark(#F1F1F2, #202124);
@@ -175,7 +175,7 @@
--color-overlay-hover: light-dark(#0000000D, #FFFFFF0F);
--color-overlay-pressed: light-dark(#0000001A, #FFFFFF1A);
--color-text-primary: light-dark(#171717, #FFFFFF);
--color-text-secondary: light-dark(#71717A, #A1A1AA);
--color-text-secondary: light-dark(#737373, #A1A1AA);
--color-text-disabled: light-dark(#A1A1AA, #71717A);
--color-text-accent: light-dark(#171717, #FFFFFF);
--color-on-dark: #FFFFFF;
@@ -194,7 +194,7 @@
--color-success-muted: light-dark(#DCFCE7, #22C55E29);
--color-error-muted: light-dark(#FEE2E2, #EF444429);
--color-warning-muted: light-dark(#FEF3C7, #F59E0B29);
--color-border: light-dark(#00000014, #2F2F2F);
--color-border: light-dark(#E5E5E5, #2F2F2F);
--color-border-emphasized: light-dark(#D4D4D8, #3F3F46);
--color-skeleton: light-dark(#EBEBEB, #27272A);
--color-shadow: light-dark(#0000001A, #00000099);
@@ -632,25 +632,30 @@
}
.astryx-dropdown-menu-item:hover {
background-color: #27272A;
background-color: var(--color-background-muted);
}
.astryx-dropdown-menu-item:focus-visible {
background-color: #27272A;
background-color: var(--color-background-muted);
outline: none;
}
.astryx-selector-option:hover {
background-color: #27272A;
background-color: var(--color-background-muted);
}
.astryx-selector-option.selected {
background-color: var(--color-background-raised);
background-color: var(--color-background-muted);
color: var(--color-text-primary);
}
.astryx-item:hover {
background-color: #27272A;
background-color: var(--color-background-muted);
}
.astryx-item.selected {
background-color: var(--color-background-muted);
color: var(--color-text-primary);
}
.astryx-table-cell {