fix: Position History shows white background — inconsistent with Active Positions #9

New issue

Closed

opened 2026-04-05 18:10:43 +00:00 by johba · 0 comments

johba commented

2026-04-05 18:10:43 +00:00

Owner

Problem

The Position History section has a white/light background making text unreadable, while Active Positions uses a dark background that matches the app theme.

Reported in codeberg#1194.

Root cause

CollapseActive.vue overrides the FCollapse background with a hardcoded dark color:

.f-collapse
    &.f-collapse-active
        background-color: #07111B

CollapseHistory.vue does NOT override the background — it inherits from FCollapse which uses var(--color-collapse-bg). In the default/light theme, this resolves to white.

Fix

Add the same dark background override to CollapseHistory.vue so it matches CollapseActive.vue.

Files

web-app/src/components/collapse/CollapseHistory.vue — missing background override

## Problem The Position History section has a white/light background making text unreadable, while Active Positions uses a dark background that matches the app theme. Reported in [codeberg#1194](https://codeberg.org/johba/harb/issues/1194). ## Root cause `CollapseActive.vue` overrides the FCollapse background with a hardcoded dark color: ```sass .f-collapse &.f-collapse-active background-color: #07111B ``` `CollapseHistory.vue` does NOT override the background — it inherits from FCollapse which uses `var(--color-collapse-bg)`. In the default/light theme, this resolves to white. ## Fix Add the same dark background override to `CollapseHistory.vue` so it matches `CollapseActive.vue`. ## Files - `web-app/src/components/collapse/CollapseHistory.vue` — missing background override