Tour

- Persian new

Pages
- Dashboard
- Dark Dashboard
- Login
- Login Colored

Customize
- Color
- Typography
- Dark Mode
- Rtl
- SideBar

Element

- Animation
- Icon

Base Component 9
- alert
- Badge
- Breadcrumb
- Button
- Card
- Collapse
- Input
- Jumborton
- Pagination
- Progress

Extra Component
- Modal
- Toast
- Widget
- Chart

support

- GitHub
- Submit Issue
- Help

donate

- Buy me a coffee

# Philosophy

classes to coloring background , border or text.

#### Background

###### the f- Series

f-first
f-second
f-third
f-forth
f-primary
f-secondary
f-success
f-warning
f-danger
f-info
f-dark
f-light
f-main
f-grey
f-white
f-glass

###### the b- Series

b-first
b-second
b-third
b-forth

###### the b- pastel Series

pastel b-first
pastel b-second
pastel b-third
pastel b-forth
Heads Up! the 'f-' , 'b-', 'o-' , 'c-' classes are static and wont chenge in dark mode.
if you need dark mode option you can use g-shade insted for dynamic coloring object.

###### the g- Series (dark mode support)

text
g-shade
text
g-shade

#### Outline

###### the o- Series

o-first
o-second
o-third
o-forth
o-primary
o-secondary
o-success
o-warning
o-danger
o-info
o-dark
o-light
o-main
o-grey
o-white
o-glass

#### Text

###### the c- Series

text
c-first
text
c-second
text
c-third
text
c-forth
text
c-primary
text
c-secondary
text
c-success
text
c-warning
text
c-danger
text
c-info
text
c-dark
text
c-light
text
c-main
text
c-grey
text
c-white
text
c-glass