Skip to content

Custom Themes

Pk11 edited this page Mar 3, 2023 · 3 revisions

You can make custom themes by adding them to the Themes.json file at sdmc:/3ds/Universal-Updater/Themes.json. To make your own simply add a new object to the JSON file, the name of the object will be the name of the theme, and set all of the items to the HTML style hex color you want.

Here is an example:

{
    "Default": {
        "Description": "Universal-Updater's default theme.\n\nBy: Universal-Team",
        "BGColor": "#262C4D",
        "BarColor": "#324962",
        "BarOutline": "#191E35",
        "BoxInside": "#1C213A",
        "BoxSelected": "#6C829B",
        "BoxUnselected": "#000000",
        "DownListPrev": "#1C213A",
        "EntryBar": "#324962",
        "EntryOutline": "#191E35",
        "MarkSelected": "#4D6580",
        "MarkUnselected": "#1C213A",
        "ProgressbarIn": "#4D6580",
        "ProgressbarOut": "#1C213A",
        "SearchBar": "#334B66",
        "SearchBarOutline": "#191E35",
        "SideBarIconColor": "#ADCCEF",
        "SideBarSelected": "#6C829B",
        "SideBarUnselected": "#4D6580",
        "TextColor": "#FFFFFF"
    }
}

Themes

Here are some pre-made custom themes. Insert them within the outermost curly bracket layer of the file if you want to add them. (Don't forget to add a comma after the previous one)

Sim2Editor Theme / Stack Theme

By: StackZ

A theme based on Sim2Editor's 3DS version.

"Sim2Editor Theme / Stack Theme": {
    "Description": "A theme based on Sim2Editor's 3DS version.\n\nBy: StackZ",
    "BarColor": "#2C3040",
    "BGColor": "#343840",
    "BarOutline": "#161820",
    "TextColor": "#D8E4E4",
    "EntryBar": "#3C3F71",
    "EntryOutline": "#2A2E36",
    "BoxInside": "#3C3F71",
    "BoxSelected": "#2A2E36",
    "BoxUnselected": "#6669AA",
    "ProgressbarOut": "#2A2E36",
    "ProgressbarIn": "#3C3F71",
    "SearchBar": "#3C3F71",
    "SearchBarOutline": "#2A2E36",
    "SideBarSelected": "#3C3F71",
    "SideBarUnselected": "#2A2E36",
    "MarkSelected": "#3C3F71",
    "MarkUnselected": "#2A2E36",
    "DownListPrev": "#343C4C",
    "SideBarIconColor": "#6669AA"
}

Trans Flag

By: Evie

Basically just a trans flag lol

"Trans Flag": {
    "Description": "Basically just a trans flag lol\n\nBy: Evie",
    "BGColor": "#ffd1d1",
    "BarColor": "#b2d9ea",
    "BarOutline": "#97bdcc",
    "BoxInside": "#ffffff",
    "BoxSelected": "#b2d9ea",
    "BoxUnselected": "#000000",
    "DownListPrev": "#b2d9ea",
    "EntryBar": "#b2d9ea",
    "EntryOutline": "#97bdcc",
    "MarkSelected": "#ffffff",
    "MarkUnselected": "#b2d9ea",
    "ProgressbarIn": "#b2d9ea",
    "ProgressbarOut": "#97bdcc",
    "SearchBar": "#ffffff",
    "SearchBarOutline": "#b2d9ea",
    "SideBarIconColor": "#ffffff",
    "SideBarSelected": "#b2d9ea",
    "SideBarUnselected": "#97bdcc",
    "TextColor": "#111111"
}

uwu color -r

By: Universal-Bot

A theme made by Universal-Bot's random color generator.

"uwu color -r": {
    "Description": "A theme made by Universal-Bot's random color generator.\n\nBy: Universal-Bot",
    "BGColor": "#D8B50E",
    "BarColor": "#A53EE1",
    "BarOutline": "#F28CC5",
    "BoxInside": "#127896",
    "BoxSelected": "#FE9D3E",
    "BoxUnselected": "#DEE675",
    "DownListPrev": "#9FF147",
    "EntryBar": "#BE3CEC",
    "EntryOutline": "#B03442",
    "MarkSelected": "#D2176C",
    "MarkUnselected": "#F857AE",
    "ProgressbarIn": "#92C709",
    "ProgressbarOut": "#A14FCE",
    "SearchBar": "#C275AB",
    "SearchBarOutline": "#EFF875",
    "SideBarIconColor": "#8EB46F",
    "SideBarSelected": "#0F1E20",
    "SideBarUnselected": "#2B7042",
    "TextColor": "#CE50CF"
}

Dark

"Dark": {
	"BGColor": "#17181a",
	"BarColor": "#17181a",
	"BarOutline": "#48494a",
	"BoxInside": "#242629",
	"BoxSelected": "#9881f7",
	"BoxUnselected": "#000000",
	"Description": "just a dark theme inspired by google play store and app store\n\nBy: Kris",
	"DownListPrev": "#242629",
	"EntryBar": "#17181a",
	"EntryOutline": "#17181a",
	"MarkSelected": "#303336",
	"MarkUnselected": "#303336",
	"ProgressbarIn": "#11991e",
	"ProgressbarOut": "#aaadaa",
	"SearchBar": "#232324",
	"SearchBarOutline": "#232324",
	"SideBarIconColor": "#bbbcbd",
	"SideBarSelected": "#48494a",
	"SideBarUnselected": "#242629",
	"TextColor": "#FFFFFF"
}