Dreams Technologies

Background Colors

Primary

#ff9b44

Secondary

#1f1f1f

warning

#ffbc34

info

#009efb

success

#55ce63

danger

#f62d51

light

#f8f9fa

dark

#000

.bg-primary

.bg-secondary

.bg-warning

.bg-info

.bg-success

.bg-danger

.bg-light

.bg-dark

Background transparent colors

.bg-primary-transparent

.bg-secondary-transparent

.bg-warning-transparent

.bg-info-transparent

.bg-success-transparent

.bg-danger-transparent

.bg-light-transparent

.bg-dark-transparent

Background gradients

.bg-primary-gradient

.bg-secondary-gradient

.bg-warning-gradient

.bg-info-gradient

.bg-success-gradient

.bg-danger-gradient

.bg-light-gradient

.bg-dark-gradient

Background outline colors

.bg-outline-primary

.bg-outline-secondary

.bg-outline-warning

.bg-outline-info

.bg-outline-success

.bg-outline-danger

.bg-outline-light

.bg-outline-dark

Border Colors

.border-primary

.border-secondary

.border-warning

.border-info

.border-success

.border-danger

.border-light

.border-dark

Text Colors
primary

.text-primary

secondary

.text-secondary

warning

.text-warning

info

.text-info

success

.text-success

danger

.text-danger

light

.text-light

dark

.text-dark

muted

.text-muted

Text Opacity
Opacity-100

100% opacity

Opacity-100

.text-opacity-75

Opacity-100

.text-opacity-50

Opacity-100

.text-opacity-25

Other Colors
$gray-100
$gray-200
$gray-300
$gray-400
$gray-500
$gray-600
$gray-700
$gray-800
$gray-900
$gray
Background Opacity
100%

.bg-opacity-100

75%

.bg-opacity-75

50%

.bg-opacity-50

25%

.bg-opacity-25

10%

.bg-opacity-10

Callout
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Layout
Choose your layout
Vertical
Horizontal
Two Column
Color Scheme
Choose Light or Dark Scheme.
Orange
Light
Dark
Blue
Maroon
Purple
Layout Width
Choose Fluid or Boxed layout.
Fluid
Boxed
Layout Position
Choose Fixed or Scrollable Layout Position.
Topbar Color
Choose Light or Dark Topbar Color.
Light
Dark