This document shows the overridden Bootstrap variant colors used in the Iceberg styles library.
| Variant | Light Mode | Dark Mode | Notes |
|---|---|---|---|
| primary |
#0075db
|
#0056a3
|
Main brand blue (B500) |
| secondary |
#eaf5ff
|
#2a2a2a
|
Light blue/gray (B100) |
| success |
#32872c
|
#2a6e25
|
Green for success states (G500) |
| warning |
#f58f18
|
#e67e0f
|
Orange for warnings (O500) |
| info |
#bfe0ff
|
#3a3a3a
|
Light blue for info (B200) |
| danger |
#b4110f
|
#9a0e0c
|
Red for errors/danger (R500) |
| light |
#f3f3f3
|
#2a2a2a
|
Light gray (GY100) |
| dark |
#3b3b3b
|
#1a1a1a
|
Dark gray/black (GY900) |
| Variant | Light Mode | Dark Mode |
|---|---|---|
| primary-light |
#eaf5ff
|
#2a2a2a
|
| success-light |
#f0faef
|
#1a2a1a
|
| warning-light |
#feeedd
|
#2a1a0a
|
| warning-dark |
#5d3304
|
#1a0a00
|
| danger-light |
#fef1f1
|
#2a1a1a
|
| danger-dark |
#730b09
|
#1a0a0a
|
| dark-light |
#bfe0ff
|
#3a3a3a
|
| concrete |
#68778d
|
#5a6a7f
|
| concrete-light |
#f3f3f3
|
#2a2a2a
|
| info-light |
#eaf5ff
|
#2a2a2a
|
| info-dark |
#003b6e
|
#002244
|
| Property | Light Mode | Dark Mode |
|---|---|---|
| Body Background |
#ffffff
|
#1a1a1a
|
| Body Text |
#001f3d
|
#ffffff
|
| Link Color |
#0075db
|
#4dabf7
|
| Muted Text |
#68778d
|
#cccccc
|