bug(ui): off-brand thin lavender bar appears at the top of every page #96

New Issue

marcel · 2026-03-27T12:20:40+01:00

marcel commented

2026-03-27 12:20:40 +01:00

Severity: Medium — visual glitch on every page

A thin (~3px) lavender/purple stripe (~#7B68EE) is visible at the very top of the viewport on every single page in both light and dark mode. It appears to be either a SvelteKit page-transition progress indicator or a stray global CSS border.

This color is not part of the brand palette and reads as an unintentional glitch.

Fix

If it is a SvelteKit NProgress / nprogress loading bar: scope it so it only appears during navigation (i.e. display: none in its idle/complete state) and change its color to #A6DAD8 (brand-mint) to align with the palette.

If it is a stray CSS border-top on <body> or the root layout: locate and remove it. Check app.css, +layout.svelte, and any global style imports.

To identify the source, inspect the element in DevTools — it will be either on <body>, <html>, or a fixed-position progress bar element.

## Severity: Medium — visual glitch on every page A thin (~3px) lavender/purple stripe (`~#7B68EE`) is visible at the very top of the viewport on every single page in both light and dark mode. It appears to be either a SvelteKit page-transition progress indicator or a stray global CSS border. This color is not part of the brand palette and reads as an unintentional glitch. --- ## Fix **If it is a SvelteKit NProgress / nprogress loading bar:** scope it so it only appears during navigation (i.e. `display: none` in its idle/complete state) and change its color to `#A6DAD8` (brand-mint) to align with the palette. **If it is a stray CSS `border-top` on `<body>` or the root layout:** locate and remove it. Check `app.css`, `+layout.svelte`, and any global style imports. To identify the source, inspect the element in DevTools — it will be either on `<body>`, `<html>`, or a fixed-position progress bar element.

marcel added the ui label 2026-03-27 12:28:17 +01:00

marcel referenced this issue from a commit

2026-03-27 12:42:00 +01:00

fix(#96): remove off-brand lavender accent bar from all pages

marcel referenced a pull request that will close this issue

2026-03-27 12:42:45 +01:00

fix(#96): remove off-brand lavender accent bar from all pages #105

marcel referenced this issue from a commit

2026-03-27 15:49:16 +01:00

fix(#96): remove off-brand lavender accent bar from all pages

marcel closed this issue

2026-03-27 15:49:28 +01:00