[utkarshdalal]

Description

Steam Deck (CSS Loader) themes did not look like their store screenshots in the app: a theme was reduced to a few app-wide values, theme fonts did not load, and the library did not resemble the Steam home the themes are drawn on. This PR closes most of that gap. Each theme was compared with its store screenshot on an AYN Odin 3.

Themes

• Fonts: .woff and .woff2 theme fonts are converted to plain font files (adds the org.brotli:dec decoder). Fonts a theme names by https url are downloaded once when the theme is installed or switched on, https only and size-limited, never at app start. The upright regular face of a family is preferred.
• Per-element styles: separate colors for row labels, descriptions, headings, subtitles, the selected tab, top bar text and footer text; top bar and footer styled separately with real transparency, border, glow, height and backdrop blur (adds the Haze library; blur needs API 32); switch track gradient, off track and handle colors; slider, button and focused-button styles; focus ring width and color, focused-row fill and underline, blink; menu and dialog corner radius, layered linear and radial fills, border, glow, opacity; icon corner radius; title and subtitle outlines; text size, weight, letter spacing and case; home artwork strength; sliding gradients; inverted footer glyphs.
• Text on fills keeps the theme's color when it reads on the fill, else another theme color, else black or white. Off switches keep a minimum contrast with their row. Destructive buttons stay red.
• Custom theme: the built-in Custom theme can set every value a Steam Deck theme can, in collapsible sections, with a font picker. Saved values from the earlier editor are migrated.
• Spellings: theme text and code use American spellings.
• Themes entry: the theme manager opens from a Themes item in the side menu and is removed from Settings.

Library

• Shelf layout: a fourth library layout in the style of the Steam home shelf: the focused game's artwork behind the page, its title and playtime at the left, and a flat row of covers along the bottom. A recommended game, when present, is the first card; the most recently played game follows as a wide card and is selected when the library opens. The Shelf sorts by recently played unless a sort is picked while it is shown.
• Themes and the Shelf: while a Steam Deck theme is on, the library uses the Shelf unless the user picks another layout; that pick is kept separately from the layout used without a theme.
• Start-up: when the Steam sign-in completes, the home screen is updated in place instead of being replaced, so the library keeps its list, scroll position and focus. The first list is published once every local source has been read. The last recommendation is kept across starts and updated in place.

Cost without a theme

• With no theme enabled, each themed draw site checks for a theme and runs the code it ran before. App start does one small file check; no theme is read or translated and no request is made.
• The translated result of the enabled themes is saved and read back at start, so themes are not translated at every start. The class-name table is fetched only when an installed or updated theme uses names the saved table does not know; the daily refresh is removed.
• gradle.properties gives the Kotlin compiler 4g: the app module needs about 2.5g of live heap to compile.

Known limits

• Dropdown menus are not blurred. Settings row titles and button labels do not follow a theme's uppercase rule.
• Steam screens with no counterpart in the app stay unthemed.
• Not checked on a device: portrait rotation and touch fling on the Shelf, the newer Custom theme options, a game launch and exit on this build.

Recording

Not attached yet.

Type of Change

• Bug fix
• Performance / stability improvement
• Compatibility improvements
• Other (requires prior approval)

Checklist

• If I have access to #code-changes, I have discussed this change there and it has been green-lighted. If I do not have access, I have still provided clear context in this PR. If I skip both, I accept that this change may face delays in review, may not be reviewed at all, or may be closed.
• This change aligns with the current project scope (core functionality, stability, or performance). If not, it has been explicitly approved beforehand.
• I have attached a recording of the change.
• I have read and agree to the contribution guidelines in CONTRIBUTING.md.

[coderabbitai]

Caution

Review failed

The pull request is closed.

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

Share

• X
• Mastodon
• Reddit
• LinkedIn

[cubic-dev-ai]

This PR has 11,137 reviewable changed lines after ignored/generated files are excluded, above this repository's 5,000-changed-line automatic review limit. The raw diff is 19,284 lines before ignored/generated files are excluded.

Most of the diff comes from:

• app/src/main/java/app/gamenative/theme/ThemeTranslator.kt (~903 changed lines)
• app/src/main/java/app/gamenative/ui/theme/Theme.kt (~612 changed lines)
• app/src/main/java/app/gamenative/ui/theme/ThemedMenus.kt (~521 changed lines)
• app/src/main/java/app/gamenative/theme/Woff2Decoder.kt (~476 changed lines)
• app/src/main/java/app/gamenative/ui/screen/library/components/LibraryCarouselPane.kt (~435 changed lines)

Comment @cubic-dev-ai review this to review it anyway. If the largest files are generated or fixture data, add them to your ignored files in review settings or reviews.ignore.files in cubic.yaml. Later automatic reviews cover only subsequent changes. Request a full review to revisit earlier changes. You can also raise this limit in review settings.