-
-
- NEW
- Custom Pages
-
-
-
-
- Layouts
-
-
- Components
-
-
-
-
-
-
- Menu Items
-
Notifications
Critical alert: Server crash detected
30 minutes ago
30 minutes ago
High memory usage on Node A
10 minutes ago
10 minutes ago
Liam Carter uploaded a new document to Project Phoenix
5 minutes ago
Ava Mitchell commented on Marketing Campaign Q3
12 minutes ago
Noah Blake updated the status of Client Onboarding
30 minutes ago
30 minutes ago
New comment on Task #142
15 minutes ago
15 minutes ago
Low battery on Device X
45 minutes ago
45 minutes ago
Colors
Built for Speed. Designed for Control.
Primary
Secondary
Success
Info
Warning
Danger
Dark
Light
Background Colors
| Name |
Background Color |
Background Subtle |
Background Gradient |
Background Opacity |
||||
|---|---|---|---|---|---|---|---|---|
| Primary |
.bg-primary
|
.bg-primary-subtle
|
.bg-primary
|
.bg-primary
|
||||
| Secondary |
.bg-secondary
|
.bg-secondary-subtle
|
.bg-secondary
|
.bg-secondary
|
||||
| Success |
.bg-success
|
.bg-success-subtle
|
.bg-success
|
.bg-success
|
||||
| Info |
.bg-info
|
.bg-info-subtle
|
.bg-info
|
.bg-info
|
||||
| Warning |
.bg-warning
|
.bg-warning-subtle
|
.bg-warning
|
.bg-warning
|
||||
| Danger |
.bg-danger
|
.bg-danger-subtle
|
.bg-danger
|
.bg-danger
|
||||
| Light |
.bg-light
|
.bg-light-subtle
|
.bg-light
|
.bg-light
|
||||
| Dark |
.bg-dark
|
.bg-dark-subtle
|
.bg-dark
|
.bg-dark
|
||||
Text Colors & Link Colors
| Name | Text Color | Text Emphasis | Text Opacity | Link Color | ||||
|---|---|---|---|---|---|---|---|---|
| Primary |
.text-primary
|
Primary Color Text
|
.text-primary-emphasis
|
Primary Emphasis Text
|
.text-primary
|
Primary Color Text
|
.link-primary
|
Primary Link |
| Secondary |
.text-secondary
|
Secondary Color Text
|
.text-secondary-emphasis
|
Secondary Emphasis Text
|
.text-secondary
|
Secondary Color Text
|
.link-secondary
|
Secondary Link |
| Success |
.text-success
|
Success Color Text
|
.text-success-emphasis
|
Success Emphasis Text
|
.text-success
|
Success Color Text
|
.link-success
|
Success Link |
| Info |
.text-info
|
Info Color Text
|
.text-info-emphasis
|
Info Emphasis Text
|
.text-info
|
Info Color Text
|
.link-info
|
Info Link |
| Danger |
.text-danger
|
Danger Color Text
|
.text-danger-emphasis
|
Danger Emphasis Text
|
.text-danger
|
Danger Color Text
|
.link-danger
|
Danger Link |
| Warning |
.text-warning
|
Warning Color Text
|
.text-warning-emphasis
|
Warning Emphasis Text
|
.text-warning
|
Warning Color Text
|
.link-warning
|
Warning Link |
| Dark |
.text-dark
|
Dark Color Text
|
.text-dark-emphasis
|
Dark Emphasis Text
|
.text-dark
|
Dark Color Text
|
.link-dark
|
Dark Link |
| Light |
.text-light
|
Light Color Text
|
.text-light-emphasis
|
Light Emphasis Text
|
.text-light
|
Light Color Text
|
.link-light
|
Light Link |
| Body |
.text-body
|
Body Color Text
|
.text-body-emphasis
|
Body Emphasis Text
|
- | - | - | - |
| Body |
.text-body-secondary
|
Body Secondary Color
|
.text-body-tertiary
|
Body Tertiary Text
|
- | - | - | - |
| Black |
.text-black
|
Black Color Text
|
.text-black-50
|
Black 50% Text
|
- | - | - | - |
| White |
.text-white
|
White Color Text
|
.text-white-50
|
White 50% Text
|
- | - | - | - |
Border Colors
Additive(Add) Border
Use border utilities to add an element’s borders. Choose from all borders or one at a time.
Subtractive(Remove) Border
Use border utilities to remove an element’s borders. Choose from all borders or one at a time.
Border Color
Change the border color using utilities built on our theme colors.
Border Width Size
Border Subtle Color
Change the border color using utilities built on our theme colors.
Border Opacity
choose from any of the .border-opacity utilities:
This is default accent border
This is 75%
opacity accent border
This is 50%
opacity accent border
This is 25%
opacity accent border
This is 10% opacity
accent border