Pengu loader theme loader and developer toolkit for the League of Legends client.
Preview: To try out a pre-made theme immediately, copy the contents of demo-showcase.css included in this repository and paste them into the Raw CSS tab within the plugin (Raw CSS tab).
Snooze-CSS is an all-in-one suite designed to bridge the gap between casual users and theme developers. It provides the environment to modify the client's visual state without ever exiting the client.
Quick Theme Builder — The fastest route to a custom client. Example: Provide a background image URL and the plugin handles the rest.
background.showcase.mp4
Omni-Inspector — A real-time element picker. Hover over any part of the UI to identify its selector and modify properties like hue, opacity, and blur using visual sliders, etc.
omni.selector.showcase.please.speed.up.mp4
Visual Builder Catalog — Over 470 pre-mapped client elements categorized by screen. From the Home View to Champ Select and the Post-Game lobby, modify layout properties through a structured visual interface.
Raw CSS Editor — A coding environment with CSS autocomplete.
raw.css.showcase.mp4
The Analyzer — Built for themers who want to employ the help of LLMs to theme the client. It captures the current view state to generate spatial maps, identify flex/grid constraints, and map z-index stacks. (Raw text -> LLM -> CSS)
analyzer.showcase.mp4
Pengu Loader — A free, open-source tool that lets you run plugins inside the League client.
Download the latest release from here.
- Open Pengu Loader and click Open Plugins Folder.
- Drop the
Snooze-CSSfolder in so the structure matches the following:
plugins/
└── Snooze-CSS/
├── index.js
├── assets/
│ └── (optional: drop local background images here)
└── src/
├── analyzer.js
├── builder.js
├── catalog.js
├── css-parser.js
├── modal.js
├── raw.js
├── resolver.js
├── settings.js
├── storage.js
├── styles.js
└── utils.js
- Launch (or relaunch) the League client.
Press Alt + C at any time to toggle the Snooze-CSS window. The window is fully resizable, can be dragged by the header, and minimized to the corner of the screen while you work.
To use local images instead of remote URLs, place files in the Snooze-CSS/assets/ folder. Use the Local Asset Path tool under Generic Tools to generate the correct local path for your theme.
Snooze-CSS operates entirely locally. Custom themes, settings, and analyzer data are stored within your machine's local DataStore. No data is transmitted to external servers, and no telemetry is collected.
Snooze-CSS is a third-party modification and is not affiliated with or endorsed by Riot Games. It does not reflect the views or opinions of Riot Games or anyone officially involved in producing or managing League of Legends. Use at your own discretion.