kopia lustrzana https://github.com/shoelace-style/shoelace
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 changepull/2125/head
rodzic
38a3186904
commit
42fbed116b
|
@ -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);
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
Ładowanie…
Reference in New Issue