[nexalapp]

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).

Since this PR was opened

• Fixes from a review across all the refreshed themes: home carousel arrows inside the page and centred on the cards, the card heart the same size as the select checkbox, two performers per row in the scene details panel.
• Home carousels show whole cards only, spaced like the grid, and card shadows are no longer clipped into a band.
• The active tab's underline sits on the tab bar line instead of floating above it.
• The slim header Stash pins on scrolled detail pages has a solid background and slides in only once the full header has scrolled away (it used to overlap it).
• Phones: the filter sidebar opens as a full-screen sheet with a full-width results button (side by side with a single column of cards on small tablets); long Stash IDs fit the performer header.
• Dialogs such as Edit filter fill the screen on phones, with their buttons at the foot.
• Phones: the ☰ menu is an even grid of tiles with small icons, and the list toolbar fits on two rows.
• The ☰ button is the same colour as the nav icons beside it.
• The Theme Switch menu is solid and on the theme's colours (it was see-through over the blurred bar, and on stock slate).

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

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

[discourse-stashapp]

This pull request has been mentioned on Stash Forum. There might be relevant details there:

https://discourse.stashapp.cc/t/theme-blackhole/1419/3