✨(frontend) improve placeholder contrast in blocknote for wcag

fixes insufficient contrast

Signed-off-by: Cyril <c.gromoff@gmail.com>

CHANGELOG.md

@@ -27,6 +27,7 @@ and this project adheres to
   - ♿️(frontend) keyboard interaction with menu #1244
   - ♿(frontend) improve header accessibility #1270
   - ♿(frontend) improve accessibility for decorative images in editor #1282
+  - #1338
 - ♻️(backend) fallback to email identifier when no name #1298
 - 🐛(backend) allow ASCII characters in user sub field #1295
 - ⚡️(frontend) improve fallback width calculation #1333

src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx

@@ -7,6 +7,19 @@ export const cssEditor = (readonly: boolean) => css`
     height: 100%;
     padding-bottom: 2rem;
 
+    /**
+     * WCAG Accessibility contrast fixes for BlockNote editor
+     */
+    .bn-block-content[data-is-empty-and-focused][data-content-type='paragraph']
+      .bn-inline-content:has(> .ProseMirror-trailingBreak:only-child)::before {
+      color: #767676 !important;
+      font-weight: 400;
+    }
+
+    .bn-side-menu .mantine-UnstyledButton-root svg {
+      color: #767676 !important;
+    }
+
     img.bn-visual-media[src*='-unsafe'] {
       pointer-events: none;
     }