mirror
/
shoelace
kopia lustrzana https://github.com/shoelace-style/shoelace
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Increase contrast of interactive element borders in dark mode (#2100) 

* increase contrast of interactive element borders

* match default button borders to input borders

* revert tag border change
pull/2015/merge
Lindsay M 2024-07-15 11:45:29 -04:00 zatwierdzone przez GitHub
rodzic 38a3186904
commit 42fbed116b
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: B5690EEEBB952194
2 zmienionych plików z 6 dodań i 6 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

4
src/components/button/button.styles.ts
Wyświetl plik

@ -77,7 +77,7 @@ export default css`
/* Default */
.button--standard.button--default {
background-color: var(--sl-color-neutral-0);
border-color: var(--sl-color-neutral-300);
border-color: var(--sl-input-border-color);
color: var(--sl-color-neutral-700);
}
@ -198,7 +198,7 @@ export default css`
/* Default */
.button--outline.button--default {
border-color: var(--sl-color-neutral-300);
border-color: var(--sl-input-border-color);
color: var(--sl-color-neutral-700);
}

8
src/themes/dark.css
Wyświetl plik

@ -427,10 +427,10 @@
--sl-input-background-color-hover: var(--sl-input-background-color);
--sl-input-background-color-focus: var(--sl-input-background-color);
--sl-input-background-color-disabled: var(--sl-color-neutral-100);
--sl-input-border-color: var(--sl-color-neutral-300);
--sl-input-border-color-hover: var(--sl-color-neutral-400);
--sl-input-border-color-focus: var(--sl-color-primary-500);
--sl-input-border-color-disabled: var(--sl-color-neutral-300);
--sl-input-border-color: var(--sl-color-neutral-400);
--sl-input-border-color-hover: var(--sl-color-neutral-500);
--sl-input-border-color-focus: var(--sl-color-primary-600);
--sl-input-border-color-disabled: var(--sl-color-neutral-400);
--sl-input-border-width: 1px;
--sl-input-required-content: '*';
--sl-input-required-content-offset: -2px;