jellyfin-theme: white label on submit buttons #417

Merged

mysticalsoap merged 1 commit from jellyfin-theme/submit-label into trunk

2026-10-08 20:12:46 -04:00

mysticalsoap commented

2026-10-08 20:07:23 -04:00

Owner

Problem

The Sign In button on watch.mysticalsoap.com's login screen is dark text on a dark button. The dark base theme colours .button-submit with --jf-palette-primary-contrastText; Abyss sets that to #121212 for its near-white accent and then paints the button dark glass, so the label disappears. Same for Save on legacy settings pages.

Fix

One rule in branding.css: .button-submit:not(:hover) { color: #fff }. Hover is excluded because Abyss turns the button the accent colour there with a dark label, and its keyboard-focus rule carries !important, so both keep their contrast.

Verification

The file is pasted into Dashboard > Branding > Custom CSS by hand, so this lands when that paste happens. Checked against jellyfin-web v12.2's compiled dark theme as served by the live server and Abyss v1.2.3.

🤖 Generated with Claude Code

## Problem The Sign In button on watch.mysticalsoap.com's login screen is dark text on a dark button. The dark base theme colours `.button-submit` with `--jf-palette-primary-contrastText`; Abyss sets that to `#121212` for its near-white accent and then paints the button dark glass, so the label disappears. Same for Save on legacy settings pages. ## Fix One rule in `branding.css`: `.button-submit:not(:hover) { color: #fff }`. Hover is excluded because Abyss turns the button the accent colour there with a dark label, and its keyboard-focus rule carries `!important`, so both keep their contrast. ## Verification The file is pasted into Dashboard > Branding > Custom CSS by hand, so this lands when that paste happens. Checked against jellyfin-web v12.2's compiled dark theme as served by the live server and Abyss v1.2.3. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

mysticalsoap added 1 commit

2026-10-08 20:07:23 -04:00

jellyfin-theme: white label on submit buttons

validate / validate (pull_request) Successful in 13s

Details

62cfd21678

The dark base theme sets .button-submit's colour to the primary
contrast text, sized for its blue button. Abyss redefines that variable
to #121212 for its near-white accent and then overrides the button's
background to dark glass, so Sign In renders black on black. Same shape
as the countIndicator fix above it.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

mysticalsoap merged commit bb4f8fb54c into trunk

2026-10-08 20:12:46 -04:00

mysticalsoap deleted branch jellyfin-theme/submit-label

2026-10-08 20:12:46 -04:00

mysticalsoap referenced this pull request from a commit

2026-10-08 20:12:47 -04:00

Merge pull request 'jellyfin-theme: white label on submit buttons' (#417) from jellyfin-theme/submit-label into trunk