fix: email addresses input dark theme

This commit is contained in:
hampoelz 2023-12-17 11:28:43 +00:00
parent dd46434895
commit 4521f07acf

View file

@ -13,15 +13,6 @@
:root { :root {
--border-color: var(--nc-color-border); --border-color: var(--nc-color-border);
--dialog-border-clr: var(--nc-color-border); --dialog-border-clr: var(--nc-color-border);
--nc-vs-selected-bg: var(--vs-selected-bg, var(--nc-color-background-dark));
--nc-vs-selected-color: var(--vs-selected-color, var(--nc-color-main-text));
--nc-vs-border-radius: var(--vs-border-radius, var(--nc-border-radius-large));
--nc-vs-controls-color: var(--vs-controls-color, var(--nc-color-text-maxcontrast));
--nc-vs-line-height: var(--vs-line-height, var(--nc-default-line-height));
--nc-vs-search-input-bg: var(--vs-search-input-bg, var(--nc-color-main-background));
--nc-vs-search-input-color: var(--vs-search-input-color, var(--nc-color-main-text));
--nc-vs-font-size: var(--vs-font-size, var(--nc-default-font-size));
} }
:not([data-themes~="dark"]) { :not([data-themes~="dark"]) {
@ -151,6 +142,7 @@
--nc-color-primary-element-text-dark: var(--color-primary-element-text-dark, #ededed); --nc-color-primary-element-text-dark: var(--color-primary-element-text-dark, #ededed);
} }
} }
/* #endregion */ /* #endregion */
/* /*
@ -783,8 +775,8 @@ input[type="checkbox"] {
height: auto; height: auto;
min-height: 44px; min-height: 44px;
max-height: calc(44px*2); max-height: calc(44px*2);
line-height: var(--nc-vs-line-height); line-height: var(--nc-default-line-height);
background-color: var(--nc-vs-search-input-bg); background-color: var(--nc-color-main-background);
white-space: normal; white-space: normal;
} }
@ -802,9 +794,9 @@ input[type="checkbox"] {
padding: 0 7px; padding: 0 7px;
height: 36px; height: 36px;
max-width: 390px; max-width: 390px;
color: var(--nc-vs-search-input-color); color: var(--nc-color-main-text);
font-size: var(--nc-vs-font-size); font-size: var(--nc-default-font-size);
line-height: var(--nc-vs-line-height); line-height: var(--nc-default-line-height);
} }
#rl-app .emailaddresses li[draggable] { #rl-app .emailaddresses li[draggable] {
@ -812,11 +804,11 @@ input[type="checkbox"] {
align-items: center; align-items: center;
padding: 0 0.5em; padding: 0 0.5em;
min-height: 36px; min-height: 36px;
line-height: var(--nc-vs-line-height); line-height: var(--nc-default-line-height);
color: var(--nc-vs-selected-color); color: var(--nc-color-main-text);
border: 0; border: 0;
border-radius: var(--nc-vs-border-radius); border-radius: var(--nc-border-radius-large);
background-color: var(--nc-vs-selected-bg); background-color: var(--nc-color-background-dark);
box-shadow: none; box-shadow: none;
} }
@ -830,7 +822,7 @@ input[type="checkbox"] {
#rl-app .emailaddresses li[draggable]>a.ficon { #rl-app .emailaddresses li[draggable]>a.ficon {
position: unset; position: unset;
color: transparent; color: transparent;
text-shadow: 0 0 0 var(--nc-vs-controls-color); text-shadow: 0 0 0 var(--nc-color-text-maxcontrast);
background: none; background: none;
border: 0; border: 0;
cursor: pointer; cursor: pointer;