Thema's
Light
This is the body text of the theme.
This is the accent color of the theme.
Baseren | |
---|---|
Voorgrond | #262626 |
Achtergrond | #FFFFFF |
Accent | currentColor |
Grens | transparent |
Primaire knop | |
---|---|
Voorgrond | #FFFFFF |
Achtergrond | #262626 |
Grens | #262626 |
Primaire knop zweeft | |
Voorgrond | #262626 |
Achtergrond | #FFFFFF |
Grens | #FFFFFF |
Secundaire knop | |
---|---|
Voorgrond | #1E1A33 |
Achtergrond | #FFFFFF |
Grens | #262626 |
Secundaire knop zweeft | |
Voorgrond | #FFFFFF |
Achtergrond | #262626 |
Grens | #262626 |
Link-knop | |
---|---|
Link kleur | currentColor |
Koppelingsknop zweeft | |
Link zweefkleur | currentColor |
Implementatie |
<div class="theme light"></div>
|
Dark
This is the body text of the theme.
This is the accent color of the theme.
Baseren | |
---|---|
Voorgrond | #FFFFFF |
Achtergrond | #262626 |
Accent | currentColor |
Grens | transparent |
Primaire knop | |
---|---|
Voorgrond | #262626 |
Achtergrond | #FFFFFF |
Grens | #FFFFFF |
Primaire knop zweeft | |
Voorgrond | #FFFFFF |
Achtergrond | #262626 |
Grens | #262626 |
Secundaire knop | |
---|---|
Voorgrond | #FFFFFF |
Achtergrond | #262626 |
Grens | #FFFFFF |
Secundaire knop zweeft | |
Voorgrond | #262626 |
Achtergrond | #FFFFFF |
Grens | #FFFFFF |
Link-knop | |
---|---|
Link kleur | currentColor |
Koppelingsknop zweeft | |
Link zweefkleur | currentColor |
Implementatie |
<div class="theme dark"></div>
|
Light transparent
This is the body text of the theme.
This is the accent color of the theme.
Baseren | |
---|---|
Voorgrond | #262626 |
Achtergrond | transparent |
Accent | currentColor |
Grens | transparent |
Primaire knop | |
---|---|
Voorgrond | currentColor |
Achtergrond | transparent |
Grens | transparent |
Primaire knop zweeft | |
Voorgrond | currentColor |
Achtergrond | transparent |
Grens | transparent |
Secundaire knop | |
---|---|
Voorgrond | currentColor |
Achtergrond | transparent |
Grens | transparent |
Secundaire knop zweeft | |
Voorgrond | currentColor |
Achtergrond | transparent |
Grens | transparent |
Link-knop | |
---|---|
Link kleur | currentColor |
Koppelingsknop zweeft | |
Link zweefkleur | currentColor |
Implementatie |
<div class="theme light-transparent"></div>
|
Dark transparent
This is the body text of the theme.
This is the accent color of the theme.
Baseren | |
---|---|
Voorgrond | #FFFFFF |
Achtergrond | transparent |
Accent | currentColor |
Grens | transparent |
Primaire knop | |
---|---|
Voorgrond | #FFFFFF |
Achtergrond | transparent |
Grens | transparent |
Primaire knop zweeft | |
Voorgrond | #FFFFFF |
Achtergrond | transparent |
Grens | transparent |
Secundaire knop | |
---|---|
Voorgrond | #FFFFFF |
Achtergrond | transparent |
Grens | transparent |
Secundaire knop zweeft | |
Voorgrond | #FFFFFF |
Achtergrond | transparent |
Grens | transparent |
Link-knop | |
---|---|
Link kleur | currentColor |
Koppelingsknop zweeft | |
Link zweefkleur | currentColor |
Implementatie |
<div class="theme dark-transparent"></div>
|
Light gray
This is the body text of the theme.
This is the accent color of the theme.
Baseren | |
---|---|
Voorgrond | #333333 |
Achtergrond | #F7F7F7 |
Accent | currentColor |
Grens | transparent |
Primaire knop | |
---|---|
Voorgrond | #FFFFFF |
Achtergrond | #333333 |
Grens | transparent |
Primaire knop zweeft | |
Voorgrond | #FFFFFF |
Achtergrond | hsl(0, 0%, 40%) |
Grens | transparent |
Secundaire knop | |
---|---|
Voorgrond | #333333 |
Achtergrond | #CCCCCC |
Grens | transparent |
Secundaire knop zweeft | |
Voorgrond | #333333 |
Achtergrond | hsl(0, 0%, 85%) |
Grens | transparent |
Link-knop | |
---|---|
Link kleur | currentColor |
Koppelingsknop zweeft | |
Link zweefkleur | currentColor |
Implementatie |
<div class="theme theme-gray"></div>
|
Gray border
This is the body text of the theme.
This is the accent color of the theme.
Baseren | |
---|---|
Voorgrond | #333333 |
Achtergrond | #FFFFFF |
Accent | currentColor |
Grens | #EBEBEB |
Primaire knop | |
---|---|
Voorgrond | #FFFFFF |
Achtergrond | #333333 |
Grens | transparent |
Primaire knop zweeft | |
Voorgrond | #FFFFFF |
Achtergrond | hsl(0, 0%, 40%) |
Grens | transparent |
Secundaire knop | |
---|---|
Voorgrond | #333333 |
Achtergrond | #CCCCCC |
Grens | transparent |
Secundaire knop zweeft | |
Voorgrond | #333333 |
Achtergrond | hsl(0, 0%, 85%) |
Grens | transparent |
Link-knop | |
---|---|
Link kleur | currentColor |
Koppelingsknop zweeft | |
Link zweefkleur | currentColor |
Implementatie |
<div class="theme theme-gray-border"></div>
|
blue
This is the body text of the theme.
This is the accent color of the theme.
Baseren | |
---|---|
Voorgrond | #000000 |
Achtergrond | #F2FBFE |
Accent | currentColor |
Grens | transparent |
Primaire knop | |
---|---|
Voorgrond | #FFFFFF |
Achtergrond | #333333 |
Grens | transparent |
Primaire knop zweeft | |
Voorgrond | #FFFFFF |
Achtergrond | #333333 |
Grens | transparent |
Secundaire knop | |
---|---|
Voorgrond | #333333 |
Achtergrond | #CCCCCC |
Grens | transparent |
Secundaire knop zweeft | |
Voorgrond | #333333 |
Achtergrond | #CCCCCC |
Grens | transparent |
Link-knop | |
---|---|
Link kleur | currentColor |
Koppelingsknop zweeft | |
Link zweefkleur | currentColor |
Implementatie |
<div class="theme blue"></div>
|
Pink dark
This is the body text of the theme.
This is the accent color of the theme.
Baseren | |
---|---|
Voorgrond | #FFFFFF |
Achtergrond | #383838 |
Accent | #FF006E |
Grens | transparent |
Primaire knop | |
---|---|
Voorgrond | #FFFFFF |
Achtergrond | #262626 |
Grens | #262626 |
Primaire knop zweeft | |
Voorgrond | #262626 |
Achtergrond | #FFFFFF |
Grens | #FFFFFF |
Secundaire knop | |
---|---|
Voorgrond | #1E1A33 |
Achtergrond | #FFFFFF |
Grens | #262626 |
Secundaire knop zweeft | |
Voorgrond | #FFFFFF |
Achtergrond | #262626 |
Grens | #262626 |
Focus overzicht | #CCCCCC |
Link-knop | |
---|---|
Link kleur | #333333 |
Koppelingsknop zweeft | |
Link zweefkleur | hsl(0, 0%, 40%) |
Focus overzicht | #CCCCCC |
Implementatie |
<div class="theme pink-dark"></div>
|
Pink light
This is the body text of the theme.
This is the accent color of the theme.
Baseren | |
---|---|
Voorgrond | #383838 |
Achtergrond | #EEEEEE |
Accent | #FF006E |
Grens | transparent |
Primaire knop | |
---|---|
Voorgrond | #FFFFFF |
Achtergrond | #262626 |
Grens | #262626 |
Primaire knop zweeft | |
Voorgrond | #262626 |
Achtergrond | #FFFFFF |
Grens | #FFFFFF |
Secundaire knop | |
---|---|
Voorgrond | #1E1A33 |
Achtergrond | #FFFFFF |
Grens | #262626 |
Secundaire knop zweeft | |
Voorgrond | #FFFFFF |
Achtergrond | #262626 |
Grens | #262626 |
Focus overzicht | #CCCCCC |
Link-knop | |
---|---|
Link kleur | #333333 |
Koppelingsknop zweeft | |
Link zweefkleur | hsl(0, 0%, 40%) |
Focus overzicht | #CCCCCC |
Implementatie |
<div class="theme pink-light"></div>
|