Custom Themes

Last updated August 2026Applies to BootStrap v1.0.0+

Overview

Themes change how the BootStrap application itself looks — window background, panels, text colours, accent highlights — without touching anything inside Roblox. A theme is just a small file you can write in any text editor, install in seconds, and share with friends. Want an all-violet launcher? An OLED-black one? A light theme for daylight hours? All doable.

Anatomy of a theme

A theme is a XAML resource dictionary: a list of named colour brushes that BootStrap's interface references by key. You don't need to know XAML beyond this pattern — each entry maps a well-known key to a colour:

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <SolidColorBrush x:Key="BackgroundBrush" Color="#0B0D12"/>
  <SolidColorBrush x:Key="SurfaceBrush"   Color="#12151D"/>
  <SolidColorBrush x:Key="AccentBrush"    Color="#7C3AED"/>
  <SolidColorBrush x:Key="AccentAltBrush" Color="#06B6D4"/>
  <SolidColorBrush x:Key="TextBrush"      Color="#E8EBF4"/>
</ResourceDictionary>

Any keys you omit fall back to BootStrap's defaults, so a two-line "accent recolour" theme is perfectly valid.

Creating a theme

1. Create a new file named after your theme, ending in .xaml.
2. Paste the skeleton above.
3. Edit the hex colours to taste. Colours use standard #RRGGBB notation (or #AARRGGBB for transparency).
4. Save the file — no build step, no compiler.

Start by changing only AccentBrush; it's the fastest way to make the app feel like yours.

Adding a theme

You don't need to hunt for any folder. Open Settings → Appearance → Add theme, pick your .xaml file in the dialog, and BootStrap copies it into its themes library for you. The theme immediately shows up in your available themes list.

Selecting a theme

In the same Settings → Appearance page, choose any installed theme from the dropdown and it applies instantly — live, no restart. Switch back to the default theme at any time from the same menu.

Tips & sharing

• Check contrast: pale-grey text on dark-grey backgrounds may look stylish but reads poorly. Test every screen of the app before sharing.
• Keep a copy of your theme files backed up somewhere outside the app data folder.
• If you share a theme publicly, include a screenshot and link back to this wiki page (wiki/custom-themes/) so people know where it installs.