Steam Deck - View Media in Fullscreen

A Steam Deck Gaming Mode custom CSS theme to display the selected image in fullscreen when viewing them in Media page.

Default Media view

With this Theme

Prerequisite

1. Decky Loader
2. CSS Loader

Installation

via CSS Loader

1. Open Quick Access Menu -> Decky -> CSS Loader -> Manage Themes
2. Search View Media in Fullscreen
3. Select View Media in Fullscreen and click install
4. Turn on View Media in Fullscreen

Manual

1. Download the theme via one of the methods:
   1. From Deckthemes
   2. download the code from Release
   3. Clone the repo via git
2. Copy View Media in Fullscreen folder to /home/deck/homebrew/themes/
3. Open Quick Access Menu -> Decky -> CSS Loader -> Reload themes
4. Turn on View Media in Fullscreen

Theme Options

Users aren't expected to turn on Delay Effective Time unless it breaks other pages. If enabled, the theme won't apply until about 10 seconds after user enters Media page. See the comment in source code for explanation.

Development Notes

1. Minimal theme template
   1. There are other templates in the repo
2. thene.json schema
   1. Or use Theme Visualizer
3. On PC, open Steam client with -dev -gamepadui
4. Hit F12 to open Dev console to inspect HTML and test CSS overrides
5. Note that each dev console targets different views, which you need to set in inject section in theme.json:
   1. SP: Main window
   2. MainMenu: Pop up menu on the left
   3. QuickAccess: Pop up menu on the right
6. Use Manual installation step to test the theme on Steamdeck