main ← nexalapp:theme-pulsarlight-refresh
opened 08:45PM - 15 Oct 26 UTC
A refresh of Pulsar Light for Stash v0.31, made inside the existing `Theme-Pulsa…rLight.css` (no new stylesheet). It keeps the theme's identity as Pulsar's light companion: a soft pastel backdrop under frosted white glass, dark ink, the uppercase STASH wordmark and a blue accent. It pairs with the Pulsar refresh in #790.
**What changed**
- **Backdrop:** the original Flower image, redrawn in CSS as twelve radial gradients fitted to the image after a further blur. It is painted on a layer cropped like a cover-fitted photo, so it frames the same way on any screen, is crisp at any size, and makes no external request. The original image URLs are listed in a comment with how to switch to one.
- **Glass:** cards, toolbar boxes, the top bar, menus, dialogs and the settings panel are translucent white with a backdrop blur and a 1px hairline; the filter sidebar is a lighter, see-through pane. Text is dark ink (`#0d2233` and two softer greys), so it passes WCAG AA on the glass, and all text shadows are gone.
- **Colour and shape:** the palette moves into variables; one blue (`#1f78bd`) for fills behind white text and for blue text; one radius scale (6 / 8 / 12). The slate bands Stash v0.29+ paints (`#202b33` / `#394b59`) and the stock light greys that vanished on pale glass are gone.
- **Buttons:** primary actions are filled blue with white text; secondary actions are translucent white; Delete is filled red.
- **Top nav:** white glass with the dark uppercase wordmark; words only on desktop; the active page on a blue pill.
- **Toolbar (Stash v0.29+):** translucent white 34px boxes with dark ink and a blue active view; 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:** white glass with the cover on top; white resolution and duration on a short scrim at the foot of the cover; studio chip top-left; counts in dark ink pinned to the bottom so they line up across a row; hover lifts the card with a blue edge, selection is a blue ring; the heart matches the select checkbox; studio and tag logos sit on a lighter wash of the glass; performer portraits are 2:3.
- **Home page:** carousel arrows sit inside the page and are centred on the cards; only whole cards are shown, spaced like the grid, and every card in a row is the same height.
- **Detail pages:** the performer header is one frosted card with the photo flush to its edge; the actions line up with the field labels; the Stash ID pill is pale with a blue endpoint; the active tab is ink with a blue underline on a single hairline; the slim pinned header is white glass and slides in only once the full header has scrolled away.
- **Scene page:** a circle behind the big play button; performers sit two per row in the details panel.
- **Settings:** one frosted panel with a blue active item and blue toggles; tables (scene list view, plugins, scrapers) have a pale header and stripes.
- **Menus and dialogs:** white glass with hairline dividers; Edit filter is a narrower dialog with the filters grouped; dialogs fill the screen on phones.
- **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), also on detail-page tabs; the list toolbar fits on two rows; the ☰ menu is an even grid of tiles; detail fields put the label above the value so long Stash IDs fit.
- **Theme Switch menu:** solid and on the theme's colours.
Version 0.3.1 → 1.0. README gains a short 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/d9b1810661c348c7f92ea09c39033a150225a744/Theme-PulsarLight/mobile-scenes.jpg" alt="Scenes on a phone" width="240"> <img src="https://raw.githubusercontent.com/nexalapp/CommunityScripts/d9b1810661c348c7f92ea09c39033a150225a744/Theme-PulsarLight/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)