Theme

License: LGPL-3.0 (GNU Lesser General Public License v3.0)

This resource is based on ox_lib which is licensed under LGPL-3.0.

⚠️ This redesign is a paid product. Only verified purchasers are eligible for support and updates. Unverified users will not receive any assistance under any circumstances.


Overview

The theme system provides 4 visual presets that affect all UI components globally. Each theme defines 60+ CSS custom properties controlling colors, backgrounds, borders, gradients, and effects.

# config.cfg
set ox:theme 0

Theme Presets

Theme 0 — Dark Professional

  • Solid dark backgrounds (#1a1a2e, #16213e)
  • High-contrast text on dark surfaces
  • Blue accent color with gradient highlights
  • Clean, professional appearance

Theme 0

Theme 1 — Liquid Glass

  • Transparent, frosted glass aesthetic
  • Game background visible through UI panels
  • White/light color scheme with subtle opacity
  • Soft shadows and glass reflections

Theme 1

Theme 2 — Glassmorphism + Minimal Dark

  • Higher opacity glass panels compared to Theme 1
  • Cyan-blue accent tones
  • Minimal dark UI elements with glass overlays
  • Modern glassmorphism design language

Theme 2

Theme 3 — Light

  • White and bright backgrounds
  • Dark text for maximum readability
  • Light borders and subtle shadows
  • Inherits some accent colors from Theme 0

Theme 3


CSS Variable Categories

All CSS variables are prefixed with --ox- and applied to the document root.

Backgrounds

Variable Description
--ox-bg Main panel background
--ox-bg-gradient Gradient background for panels
--ox-header-bg Header/toolbar background
--ox-input-bg Input field background
--ox-input-bg-focus Input field background on focus
--ox-hover-bg Hover state background
--ox-dropdown-bg Dropdown menu background
--ox-overlay Full-screen overlay

Text

Variable Description
--ox-text Primary text color
--ox-text-dim Dimmed text
--ox-text-secondary Secondary text
--ox-text-muted Muted/placeholder
--ox-text-desc Description text
--ox-text-disabled Disabled state text

Borders

Variable Description
--ox-border Default border
--ox-border-light Light/subtle border
--ox-border-header Header border
--ox-border-focus Focus state border
--ox-border-input Input field border

Accent / Gradient

Variable Description
--ox-accent Primary accent color
--ox-accent-dark Dark accent variant
--ox-accent-bright Bright accent variant
--ox-accent-gradient Accent gradient
--ox-accent-hover Accent hover state
--ox-accent-glow Glow effect color
--ox-accent-glow-strong Strong glow effect

Components

Variable Description
--ox-slider-track Slider track background
--ox-slider-bar Slider filled bar
--ox-slider-thumb Slider thumb
--ox-control-bg Control button background
--ox-control-hover Control hover state
--ox-control-active Control active state
--ox-check-bg Checkbox background
--ox-check-checked Checkbox checked state
--ox-check-border Checkbox border
--ox-btn-neutral Neutral button background
--ox-btn-neutral-border Neutral button border
--ox-btn-neutral-hover Neutral button hover
--ox-danger Danger/error color

Radial Menu

Variable Description
--ox-radial-bg Radial menu background
--ox-radial-sector Sector fill
--ox-radial-sector-border Sector border
--ox-radial-sector-hover Sector hover fill
--ox-radial-sector-hover-border Sector hover border
--ox-radial-center Center button
--ox-radial-center-hover Center button hover
--ox-radial-center-stroke Center button stroke

SkillCheck

Variable Description
--ox-sc-bar-bg Bar background
--ox-sc-bar-border Bar border
--ox-sc-bar-inner Bar inner fill
--ox-sc-hitzone Hit zone indicator
--ox-sc-indicator Moving indicator

Miscellaneous

Variable Description
--ox-font Font family
--ox-radius Default border radius
--ox-radius-sm Small border radius
--ox-radius-xs Extra small border radius

Last updated: 2026-02-18

Last updated 1 month ago