Temaer
Tag fuld kontrol over alle farverne
Flow white
This is the body text of the theme.
| Base | |
|---|---|
| Forgrund | #53565A |
| Baggrund | #FFFFFF |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #009CD9 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #00B5FC |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #53565A |
| Ramme | #53565A |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #6C7075 |
| Ramme | #6C7075 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme white"></div>
|
Flow Light Grey
This is the body text of the theme.
| Base | |
|---|---|
| Forgrund | #53565A |
| Baggrund | #E8E9EA |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #009CD9 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #00B5FC |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #53565A |
| Ramme | #53565A |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #6C7075 |
| Ramme | #6C7075 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme light-grey"></div>
|
Flow light blue
This is the body text of the theme.
| Base | |
|---|---|
| Forgrund | #53565A |
| Baggrund | #F0F9FD |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #009CD9 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #00B5FC |
| Ramme | transparent |
| Sekundær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #53565A |
| Ramme | #53565A |
| Secondary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #6C7075 |
| Ramme | #6C7075 |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Implementering |
<div class="theme light-blue"></div>
|
Flowblue
This is the body text of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #009CD9 |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #53565A |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #6C7075 |
| Ramme | #6C7075 |
| Sekundær knap | |
|---|---|
| Forgrund | #53565A |
| Baggrund | #E8E9EA |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #53565A |
| Baggrund | hsl(210, 5%, 85%) |
| Ramme | transparent |
| Focus outline | #E8E9EA |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #E8E9EA |
| Implementering |
<div class="theme flowblue"></div>
|
Flowdarkgrey
This is the body text of the theme.
| Base | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #53565A |
| Accent | currentColor |
| Ramme | transparent |
| Primær knap | |
|---|---|
| Forgrund | #FFFFFF |
| Baggrund | #009CD9 |
| Ramme | transparent |
| Primary button hover | |
| Forgrund | #FFFFFF |
| Baggrund | #00B5FC |
| Ramme | #00B5FC |
| Sekundær knap | |
|---|---|
| Forgrund | #53565A |
| Baggrund | #E8E9EA |
| Ramme | transparent |
| Secondary button hover | |
| Forgrund | #53565A |
| Baggrund | hsl(210, 5%, 85%) |
| Ramme | transparent |
| Focus outline | #E8E9EA |
| Link button | |
|---|---|
| Link color | currentColor |
| Link button hover | |
| Link hover color | currentColor |
| Focus outline | #E8E9EA |
| Implementering |
<div class="theme flowdarkgrey"></div>
|