Skip to content

Theme-Plex: refresh for Stash v0.31 (2.0.0) #793

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
DogmaDragon merged 1 commit into from
Oct 15, 2026
Merged

Theme-Plex: refresh for Stash v0.31 (2.0.0) #793

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 15 additions & 17 deletions themes/Theme-Plex/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,32 +2,30 @@

https://discourse.stashapp.cc/t/plex/1426

![plex theme logo](https://user-images.githubusercontent.com/63812189/79496351-dddbf780-7fda-11ea-9e68-46d0eeb4e92f.png)
This is a community created theme for Stash inspired by the classic dark media-server look: a blurred warm-grey backdrop, translucent black cards, flat 4px boxes and one warm gold for whatever is active.

![plex theme preview](https://user-images.githubusercontent.com/1358708/178891502-c71e4278-0378-4154-91a6-07e1a8eaa1df.png)

This is a community created theme for Stash inspired by the popular Plex Interface. Installation is quick and easy so you should be ready to install it in just a few simple steps.

Feel free to experiment with CSS and modify it to fit your needs. In case you have any issues or improvements we will be happy to hear from you on our [Discord server](https://discord.gg/2TsNFKt)! You can also submit a PR to share improvements with others!
Version 2.0.0 refreshes the theme for Stash v0.31. The backdrop is now a CSS gradient, so the theme no longer loads any images. Gold replaces the stock blue that leaked through (toggles, size slider, links, active view), cards fade from the cover into the body with centred counts, menus and dialogs are solid so they read over the backdrop, and the newer parts of Stash (filter sidebar, selection toolbar, performer header, settings, dialogs, phone layouts) are styled.

The Plex Theme will only change the look and feel of the Stash interface. It will not affect any other data, so you are all safe and sound! :heart:

## Install
## Screenshots

1. Open User Interface Configuration panel in settings. (http://localhost:9999/settings?tab=plugins)
Taken on Stash v0.31.1 with demo content: fictional titles and names, blurred openly licensed photos (credits on the [screenshots branch](https://github.com/nexalapp/CommunityScripts/tree/screenshots)).

2. Find the Theme in the listing, in the default Community repo
| Scenes | Scene |
|---|---|
| ![Scenes](https://raw.githubusercontent.com/nexalapp/CommunityScripts/644ab9d25d8287c71573eaaeb556c1096b750f5a/Theme-Plex/desktop-scenes.jpg) | ![Scene](https://raw.githubusercontent.com/nexalapp/CommunityScripts/644ab9d25d8287c71573eaaeb556c1096b750f5a/Theme-Plex/desktop-scene.jpg) |

3. Click Install
| Performer | Studios |
|---|---|
| ![Performer](https://raw.githubusercontent.com/nexalapp/CommunityScripts/644ab9d25d8287c71573eaaeb556c1096b750f5a/Theme-Plex/desktop-performer.jpg) | ![Studios](https://raw.githubusercontent.com/nexalapp/CommunityScripts/644ab9d25d8287c71573eaaeb556c1096b750f5a/Theme-Plex/desktop-studios.jpg) |

### Optional - Host Backgrounds Locally
<img src="https://raw.githubusercontent.com/nexalapp/CommunityScripts/644ab9d25d8287c71573eaaeb556c1096b750f5a/Theme-Plex/mobile-scenes.jpg" alt="Scenes on a phone" width="260"> <img src="https://raw.githubusercontent.com/nexalapp/CommunityScripts/644ab9d25d8287c71573eaaeb556c1096b750f5a/Theme-Plex/mobile-scene.jpg" alt="A scene on a phone" width="260">

_These steps are optional, by default this theme uses the Github hosted image links._

1. Download [background.png](https://user-images.githubusercontent.com/63812189/79506691-4af78900-7feb-11ea-883e-87b8e05ceb1c.png) and [noise.png](https://user-images.githubusercontent.com/63812189/79506696-4c28b600-7feb-11ea-8176-12a46454d87a.png)
## Install

2. Place `background.png` and `noise.png` in `~/.stash` on macOS / Linux or `C:\Users\YourUsername\.stash` on Windows. Then edit the `background-image: url("")` attributes like below:
1. Open the Plugins panel in settings. (http://localhost:9999/settings?tab=plugins)

The [body](https://github.com/stashapp/CommunityScripts/blob/main/themes/Theme-Plex/Theme-Plex.css#L7) one `background-image: url("./background.png");`
2. Find the Theme in the listing, in the default Community repo

The [root](https://github.com/stashapp/CommunityScripts/blob/main/themes/Theme-Plex/Theme-Plex.css#L18) one `background: rgba(0, 0, 0, 0) url("./noise.png") repeat scroll 0% 0%;`
3. Click Install
Loading
Loading