Fancy applies to dark mode too

This commit is contained in:
nathan 2024-08-28 13:58:28 -06:00
parent 57f8bc0a99
commit a43ae2f8e1
2 changed files with 8 additions and 5 deletions

View File

@ -7200,19 +7200,22 @@ img.et2_button_icon[src*="svg"]:hover {
}
:root,
:host,
.sl-theme-light {
.sl-theme-light,
.sl-theme-dark {
--sl-border-radius-medium: 20px;
--sl-input-border-radius-medium: var(--sl-border-radius-medium);
--et2-button-image-padding-left: 0.3rem;
}
:root et2-tabbox,
:host et2-tabbox,
.sl-theme-light et2-tabbox {
.sl-theme-light et2-tabbox,
.sl-theme-dark et2-tabbox {
--track-width: 0px;
}
:root et2-tabbox et2-tab[active]::part(base),
:host et2-tabbox et2-tab[active]::part(base),
.sl-theme-light et2-tabbox et2-tab[active]::part(base) {
.sl-theme-light et2-tabbox et2-tab[active]::part(base),
.sl-theme-dark et2-tabbox et2-tab[active]::part(base) {
border: 1px solid;
border-radius: var(--sl-border-radius-pill);
}

View File

@ -7,8 +7,8 @@
*/
@import "pixelegg.less";
// overwriting pixelegg.less and Shoelace light theme
:root, :host, .sl-theme-light {
// overwriting pixelegg.less and Shoelace themes
:root, :host, .sl-theme-light, .sl-theme-dark {
--sl-border-radius-medium: 20px;
--sl-input-border-radius-medium: var(--sl-border-radius-medium);
--et2-button-image-padding-left: .3rem;