diff --git a/ts/editor/EditingArea.svelte b/ts/editor/EditingArea.svelte index 203d13f32..72694434c 100644 --- a/ts/editor/EditingArea.svelte +++ b/ts/editor/EditingArea.svelte @@ -199,7 +199,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html inset: 0; pointer-events: none; border-radius: 5px; - box-shadow: 0 0 2px 1px var(--shadow); + box-shadow: 0 0 0 3px var(--dupes-color), 0 0 2px 1px var(--shadow); transition: box-shadow 80ms cubic-bezier(0.33, 1, 0.68, 1); } @@ -208,7 +208,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html &::after { border: none; inset: 1px; - box-shadow: 0 0 0 2px var(--border-focus); + box-shadow: 0 0 0 3px var(--dupes-color), 0 0 0 2px var(--border-focus); } } } diff --git a/ts/editor/LabelContainer.svelte b/ts/editor/LabelContainer.svelte index b67ed1fbb..be844405b 100644 --- a/ts/editor/LabelContainer.svelte +++ b/ts/editor/LabelContainer.svelte @@ -44,8 +44,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html top: 0; z-index: 10; - background: var(--label-color); - .clickable { cursor: pointer; } diff --git a/ts/editor/NoteEditor.svelte b/ts/editor/NoteEditor.svelte index 157e5bfd7..fe5f6f2e3 100644 --- a/ts/editor/NoteEditor.svelte +++ b/ts/editor/NoteEditor.svelte @@ -422,9 +422,9 @@ the AddCards dialog) should be implemented in the user of this component. $hoveredField = null; }} collapsed={fieldsCollapsed[index]} - --label-color={cols[index] === "dupe" - ? "palette-of(flag-1)" - : "palette-of(canvas)"} + --dupes-color={cols[index] === "dupe" + ? "var(--accent-danger)" + : "transparent"} >