✨(frontend) add default background to left panel for better a11y

Ovgodd · Ovgodd · commit f337a2a8f222 · 2025-09-24T11:40:49.000+02:00
defined a default background color to prevent issues with user stylesheets

Signed-off-by: Cyril &lt;c.gromoff@gmail.com&gt;
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -18,6 +18,7 @@ and this project adheres to
   - ♿ add pdf outline property to enable bookmarks display #1368
   - ♿ hide decorative icons from assistive tech with aria-hidden #1404
   - ♿ remove redundant aria-label to avoid over-accessibility #1420
+  - ♿ add default background to left panel for better accessibility #1423
 
 ### Fixed
 
diff --git a/src/frontend/apps/impress/src/features/left-panel/components/LeftPanel.tsx b/src/frontend/apps/impress/src/features/left-panel/components/LeftPanel.tsx
@@ -43,6 +43,7 @@ export const LeftPanel = () => {
             min-width: 300px;
             overflow: hidden;
             border-right: 1px solid ${colorsTokens['greyscale-200']};
+            background-color: ${colorsTokens['greyscale-000']};
           `}
           className="--docs--left-panel-desktop"
         >

Original file line number	Diff line number	Diff line change
`@@ -43,6 +43,7 @@ export const LeftPanel = () => {`
`43`	`43`	`min-width: 300px;`
`44`	`44`	`overflow: hidden;`
`45`	`45`	`border-right: 1px solid ${colorsTokens['greyscale-200']};`
	`46`	`+ background-color: ${colorsTokens['greyscale-000']};`
`46`	`47`	`}
`47`	`48`	`className="--docs--left-panel-desktop"`
`48`	`49`	`>`