main ← nexalapp:theme-pornhub-refresh
opened 08:40PM - 15 Oct 26 UTC
A refresh of the PornHub theme for Stash v0.31, made inside the existing `Theme-…PornHub.css` (no new stylesheet). It keeps the theme's direction (true black, charcoal boxes, bold white type and an orange accent) but is not a copy of any site's interface or brand marks; the wordmark stays a plain heavy "Stash".
**What changed**
- **No external stylesheet:** the manifest also loaded `Theme-Plex.css` straight from this repo on GitHub, so any change to Plex (such as its 2.0.0 backdrop) would have landed in this theme too. The theme is now self-contained and loads nothing from outside the plugin.
- **Colour:** the palette moves into variables at the top: true black page, a charcoal bar, cards, controls and raised boxes, three greys of text, one hairline and one orange. Orange is a fill with black text, or text at `#f7a533`, both WCAG AA. The stock blue that leaked through (toggles, size slider, links, Stash ID chip, active view, top-right icons) and Stash's blue-grey panels are gone.
- **Radii:** one scale, 3 / 4px.
- **Type:** bold labels, semi-bold card titles, bold detail headings.
- **Buttons:** primary actions (Edit, New, dialog confirms) are filled orange with black text; secondary actions are charcoal; Delete is filled red.
- **Top nav:** charcoal bar with icons beside the labels; the active page in orange.
- **Toolbar (Stash v0.29+):** charcoal segments share a 34px height; the active view is an orange icon on a raised box; the filter-sidebar toggle no longer hangs off the page.
- **Pagination:** centred with the result count on the same row; the floating bottom pagination is kept.
- **Cards:** charcoal with the cover fading into the body; bold white resolution and duration on the cover; descriptions in the second grey so titles lead; a hairline above centred counts pinned to the bottom so they line up across a row; hover lifts the card 2px with an orange hairline, selection is an orange ring; the favourite heart matches the select checkbox; studio and tag logos sit in a 16:9 box; performer portraits are 2:3.
- **Home page:** carousel arrows sit inside the page and are centred on the cards; only whole cards are shown, and every card in a row is the same height.
- **Detail pages:** full-bleed performer portrait fading into black; the active tab in orange with an underline; the slim pinned header is solid and slides in only once the full header has scrolled away.
- **Scene page:** orange progress bar and ratings, a circle behind the big play button that turns orange on hover.
- **Settings:** the active item on a raised box, orange toggles.
- **Menus and dialogs:** solid; dialogs such as Edit filter fill the screen on phones.
- **Phones:** the top bar stays at the top instead of moving to the bottom, with the page, filter sheet and ☰ menu opening below it; 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); the list toolbar fits on two rows; the ☰ menu is an even grid of tiles; long Stash IDs fit the header.
- **Theme Switch menu:** solid and on the theme's colours.
Version 1.0.1 → 2.0.0. The README gains a description and screenshots.
### 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](https://github.com/nexalapp/CommunityScripts/tree/screenshots)).
| Scenes | Scene |
|---|---|
|  |  |
|  |  |
<img src="https://raw.githubusercontent.com/nexalapp/CommunityScripts/4b86e5604e1a093a56c1d993334d0362753d9195/Theme-PornHub/mobile-scenes.jpg" alt="Scenes on a phone" width="240"> <img src="https://raw.githubusercontent.com/nexalapp/CommunityScripts/4b86e5604e1a093a56c1d993334d0362753d9195/Theme-PornHub/mobile-scene.jpg" alt="A scene on a phone" width="240">
### Testing
Tested on Stash v0.31.1 (Docker) in Chrome at 1440×900, 650×900 and 390×844, on a real library of several thousand scenes and on an empty instance with demo content: home carousels, scene, performer, studio and tag grids with the size slider, the filter sidebar and selection toolbar, scene, performer and studio pages, settings and the task queue, dialogs and the Theme Switch menu. 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](https://claude.com/claude-code)