Give editor mention pills a distinct background (#394)

Co-authored-by: Coracle-Bot <npub1klq6260@nostr.local>
This commit is contained in:
Coracle-Bot 2026-09-01 22:44:58 +00:00 committed by hodlbod
parent 368e984d17
commit 7db286ed2d

View file

@ -261,7 +261,7 @@ body.keyboard-open .room {
@apply -m-1 p-1; @apply -m-1 p-1;
} }
.tiptap { .tiptap {
--tiptap-object-bg: var(--surface); --tiptap-object-bg: var(--surface-more);
--tiptap-object-fg: var(--content); --tiptap-object-fg: var(--content);
--tiptap-active-bg: var(--primary); --tiptap-active-bg: var(--primary);
--tiptap-active-fg: var(--primary-content); --tiptap-active-fg: var(--primary-content);
@ -288,7 +288,6 @@ body.keyboard-open .room {
@apply bg-surface border-line rounded-3xl border border-solid; @apply bg-surface border-line rounded-3xl border border-solid;
} }
.note-editor .tiptap { .note-editor .tiptap {
--tiptap-object-bg: var(--surface);
@apply bg-surface block h-auto min-h-32 w-full rounded-2xl; @apply bg-surface block h-auto min-h-32 w-full rounded-2xl;
border: var(--border-thin) solid var(--line); border: var(--border-thin) solid var(--line);
padding: 0.65rem; padding: 0.65rem;
@ -303,7 +302,6 @@ body.keyboard-open .room {
@apply text-content-muted opacity-100; @apply text-content-muted opacity-100;
} }
.input-editor .tiptap { .input-editor .tiptap {
--tiptap-object-bg: var(--surface);
@apply bg-surface block h-auto rounded-2xl; @apply bg-surface block h-auto rounded-2xl;
border: var(--border-thin) solid var(--line); border: var(--border-thin) solid var(--line);
padding: 0.65rem; padding: 0.65rem;