Colors – Trivoxa Admin

Bootstrap Theme Colors

Primary

#4361ee

Secondary

#6c757d

Success

#198754

Danger

#dc3545

Warning

#ffc107

Info

#0dcaf0

Light

#f8f9fa

Dark

#212529

Opacity Shades

Primary shades

10%

25%

50%

75%

100%

Success shades

10%

25%

50%

75%

100%

Danger shades

10%

25%

50%

75%

100%

Brand Gradient Palette

Indigo Violet

#4361ee → #7209b7

Pink Magenta

#f72585 → #b5179e

Cyan Blue

#4cc9f0 → #4361ee

Deep Purple

#3a0ca3 → #480ca8

Teal Ocean

#06d6a0 → #118ab2

Sunset

#ffd166 → #ef476f

Tropical

#2ec4b6 → #e71d36

Midnight

#1a1a2e → #16213e

Text Color Utilities

Class	Preview
`.text-primary`	Sample Text
`.text-secondary`	Sample Text
`.text-success`	Sample Text
`.text-danger`	Sample Text
`.text-warning`	Sample Text

Class	Preview
`.text-info`	Sample Text
`.text-muted`	Sample Text
`.text-dark`	Sample Text
`.text-white`	Sample Text
`.text-body`	Sample Text

Trivoxa CSS Custom Properties

These variables are defined in assets/css/app.css and can be overridden to rebrand the template.

:root {
  --jit-primary:        #4361ee;
  --jit-sidebar-width:  260px;
  --jit-sidebar-bg:     #1e2a3b;
  --jit-topbar-height:  64px;
  --jit-body-bg:        #f0f2f5;
  --jit-card-bg:        #ffffff;
  --jit-border-color:   #e5e7eb;
}

/* Dark mode overrides */
[data-bs-theme="dark"] {
  --jit-body-bg:       #111827;
  --jit-card-bg:       #1f2937;
  --jit-sidebar-bg:    #111827;
  --jit-border-color:  #374151;
}