Theme - Opera GX Mods

Guide on creating and managing themes for your Opera GX mod, from color schemes to styles.

Themes allow you to customize the browser’s colors, giving it a unique aesthetic that matches your mod's style. With both light and dark variations, you can fine-tune colors for a cohesive and visually appealing experience.

🌈 What Can You Customize?

A theme consists of HSL-based color properties that control various UI elements:

gx_accent → The primary color used across the UI.
gx_secondary_base → Secondary color for background and UI highlights.

📝 Adding Themes to `manifest.json`

Define light and dark color schemes in your mod’s manifest.json.

manifest.json

{
  "theme": [
    {
      "id": "0",
      "name": "Nex Sci-Fi",
      "dark": {
        "gx_accent": { "h": 289, "s": 71, "l": 56 },
        "gx_secondary_base": { "h": 251, "s": 60, "l": 16 }
      },
      "light": {
        "gx_accent": { "h": 322, "s": 52, "l": 31 },
        "gx_secondary_base": { "h": 237, "s": 39, "l": 88 }
      }
    }
  ]
}

🎛️ Theme Configuration Options

Property	Description	Example
`gx_accent`	Primary theme color. Affects UI highlights.	`{ "h": 289, "s": 71, "l": 56 }`
`gx_secondary_base`	Secondary color for backgrounds & UI elements.	`{ "h": 251, "s": 60, "l": 16 }`