In v3.0.0-beta.2, the Skizzium Launcher introduced support for user-created themes which customize the look and feel of the launcher trough CSS. To create a theme for the launcher, you'd need to have knowledge of CSS, obviously. So, unless you know what you're doing, please turn around and check out other people's themes instead.
The Launcher loads themes from %appdata%/Skizzium Launcher/themes
. The files need to have the .theme.css
extension to be loaded, otherwise they're ignored.
The theme files are normal CSS files that are loaded into the launcher. They can have any CSS, the only requirement is that they contain a header in the first lines that follows this format:
/**
* @displayName <Theme Name>
* @version <Theme Version>
* @author <Author>
* @description <Theme Description>
* @source <Source Code URL>
* @donate <Donations URL>
* @website <Theme Website>
*/
Only displayName
, version
and author
are required. The order of the variables doesn't matter and there can be empty lines.
- Enable Chrome Dev Tools in the launcher
The first step to creating themes is enabling dev tools so you can see the DOM tree and the existing styles. To do this, simply go to User Data (
%appdata%/Skizzium Launcher/Data
), opensettings.json
and adddev-tools: true
. Upon restarting your launcher, you'd be able to open the dev tools usingCtrl + Shift + I
- Create your theme file
Now you need to create your theme file. Go to the themes folder (
%appdata%/Skizzium Launcher/themes
) and create a new empty file with the extension.theme.css
(e.g.mytheme.theme.css
). Now add the header from above and fill out the applicable fields. Any fields that you want to skip, simply delete. When you're done with this, go back in the launcher and enable your theme. - Create your theme Now that you're all set up, you can use the dev tools and CSS to create your theme. The launcher will automatically refresh the theme when you make any changes to the file. You can also use preprocessors such as SASS or PostCSS, but keep in mind the launcher loads only CSS themes, so you'll need to process those files into CSS.