From 15a7590ca7c914abc7c7dea1eb93aeb4a43de63c Mon Sep 17 00:00:00 2001 From: Antonio Date: Tue, 27 Jan 2026 14:27:40 +0100 Subject: [PATCH] fix(app): improve note editor action bar readability Increase background opacity and blur effect to ensure word count, buttons, and status indicators remain readable when text scrolls behind the overlay. --- .changeset/note-editor-readability.md | 5 +++++ app/src/lib/design-tokens.ts | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/note-editor-readability.md diff --git a/.changeset/note-editor-readability.md b/.changeset/note-editor-readability.md new file mode 100644 index 0000000..2c15afa --- /dev/null +++ b/.changeset/note-editor-readability.md @@ -0,0 +1,5 @@ +--- +"think-app": patch +--- + +Improve readability of note editor action bar by increasing background opacity and blur effect diff --git a/app/src/lib/design-tokens.ts b/app/src/lib/design-tokens.ts index 53abd88..c80184d 100644 --- a/app/src/lib/design-tokens.ts +++ b/app/src/lib/design-tokens.ts @@ -33,6 +33,6 @@ export const editor = { title: "w-full text-3xl font-heading font-semibold bg-transparent border-none outline-none placeholder:text-muted-foreground/50", actionBar: - "fixed bottom-6 left-1/2 -translate-x-1/2 z-50 bg-white/70 dark:bg-white/5 backdrop-blur-md border border-white/60 dark:border-white/10 shadow-lg shadow-black/10 dark:shadow-black/30 px-4 py-3 rounded-2xl flex items-center gap-3", + "fixed bottom-6 left-1/2 -translate-x-1/2 z-50 bg-white/85 dark:bg-neutral-900/85 backdrop-blur-xl border border-white/60 dark:border-white/20 shadow-lg shadow-black/10 dark:shadow-black/30 px-4 py-3 rounded-2xl flex items-center gap-3", actionBarWarning: "border-amber-500/50 shadow-amber-500/20", };