Learn how MonTally themes work, what can be customized, and how to create, edit, and share themes

MonTally Themes

Themes control how MonTally looks and, in some cases, how the interface presents tracking information.

They are one of the biggest reasons MonTally feels personal instead of generic. You can keep the default look, use built-in styles, or build your own.

Theme System Overview

A MonTally theme can influence:

interface colors
list presentation
border and accent styling
shiny highlighting behavior
compact UI feel
custom counter visuals
sprite presentation choices

Themes are represented through JSON-compatible configuration data.

Built-in Themes

MonTally ships with official built-in themes that are ready to use immediately.

Examples include:

Default
Sylveon
Deino

Built-in themes are useful as:

ready-to-use presets
starting points for your own ideas
references when building custom variants

Community Themes

MonTally Web allows users to share public themes.

That means you can:

browse themes
download themes
create your own
edit your own themes
publish custom styles for other users

Admins can also manage themes globally through the admin dashboard.

What a Theme Can Configure

Theme-related configuration can include:

feature switches
list sorting preferences
sprite selection
border visibility
shiny coloring behavior
compact UI mode
custom counter images
main application colors

Not every setting is purely cosmetic, but in practice themes are mostly used to shape the presentation layer.

Example Theme Structure

{
  "statusSwitch": true,
  "showAllSwitch": true,
  "showShinySwitch": true,
  "totalSwitch": false,
  "resetSwitch": false,
  "apiSwitch": false,
  "debugSwitch": false,
  "turboSwitch": false,
  "notificationsSwitch": true,
  "selectedLanguage": "en",
  "selectedSort": "date_desc",
  "selectedSprite": "Main",
  "showBorder": false,
  "shinyColor": true,
  "smallUI": false,
  "customCounterEnabled": false,
  "counterFrameImage": "",
  "counterMainImage": "",
  "primaryColor": "#dedede",
  "secondaryColor": "#949494",
  "tertiaryColor": "#616161",
  "quaternaryColor": "#676767",
  "backgroundColor": "#050505",
  "hoverColor": "#2b2b2b",
  "warningColor": "#dbcf80",
  "errorColor": "#d25151"
}