Skip to content

Theme-BlackHole: refresh for Stash v0.31 (3.0.0) - #785

Open
nexalapp wants to merge 1 commit into
stashapp:mainfrom
nexalapp:theme-blackhole-refresh
Open

nexalapp wants to merge 1 commit into
stashapp:mainfrom
nexalapp:theme-blackhole-refresh

Conversation

@nexalapp

@nexalapp nexalapp commented Oct 3, 2026

Copy link
Copy Markdown

A refresh of BlackHole for Stash v0.31, keeping its identity and updating the file in place (no extra stylesheet). The original sections and credit are kept; the design values are now CSS variables at the top.

Kept from BlackHole: true black ground, thin steel-blue card borders, covers that fade into the card, the blue accent for links, the active tab, toggles and primary buttons, centred icon counts in the card footer, system fonts, and the blue-filled active item in Settings.

Refreshed:

  • One border colour (#2a3744) and one 6px radius everywhere (was 4px cards, 2px controls, 8px nav).
  • Toolbar controls share a 34px height in one row; pagination is centred with the result count on the same row; the floating duplicate pagination at the bottom is hidden.
  • Card titles at weight 500 with the date and description stepped down in size and colour; counts pinned to the card footer so they line up across a row.
  • Hover brightens the border and lifts the card 2px; a selected card gets a 2px blue ring.
  • Buttons on blue use a darker fill (#1e6fd0) so white text passes WCAG AA; link blue (#4da3ff) stays bright on black. Delete is an outlined danger button; only Edit is filled on detail pages.
  • The rating becomes a small chip on the cover instead of the diagonal ribbon.
  • Styles the newer parts of Stash: filter sidebar, sticky selection toolbar, pagination, settings cards, dialogs, the big play button, and the Theme Switch plugin's menu.
  • Covers clip their content, so blurred covers (e.g. Theme Switch's NSFW blur) can't bleed into the card text.

Deliberate changes from 2.0, called out for review:

  • Card titles are left-aligned (2.0 centred them).
  • Hover gives a blue border and lift instead of a red button border.
  • The scene scrubber is shown again (2.0 hid it).

Screenshots

Taken on an empty Stash v0.31.1 with demo content: fictional titles and names, and openly licensed photos blurred heavily so no one is identifiable (credits on the screenshots branch).

Scenes Scene
Scenes Scene
Performer Studios

Scenes on a phone A scene on a phone

Testing

Tested on Stash v0.31.1 (Docker) in Chrome at 1440×900 and 390×844, on a real library of several thousand scenes and on an empty instance with demo content: scene, performer, studio and tag grids, the filter sidebar and selection toolbar, scene, performer, studio and tag pages, settings, the Theme Switch menu, and with Theme Switch's "Blur NSFW images" on. Validated with node validate.js --ci.

AI disclosure

This change was written with Claude (Anthropic) in Claude Code, from a design mockup. I reviewed the code and tested it on my own Stash install before submitting.

🤖 Generated with Claude Code

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant