Temaer

Ta full kontroll over alle fargene

Light

This is the body text of the theme.

Base
Forgrunn
#262626
Bakgrunn
#FFFFFF
Grense
transparent
Primær-knapp
Forgrunn
#FFFFFF
Bakgrunn
#262626
Grense
#262626
Hoved-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
#545454
Grense
#545454
Sekundær-knapp
Forgrunn
#1E1A33
Bakgrunn
#FFFFFF
Grense
#262626
Sekundær-knapp hover
Forgrunn
#1E1A33
Bakgrunn
hsl(0, 0%, 85%)
Grense
#262626
Implementasjon
<div class="theme light"></div>

Dark

This is the body text of the theme.

Base
Forgrunn
#FFFFFF
Bakgrunn
#000000
Grense
transparent
Primær-knapp
Forgrunn
#FFFFFF
Bakgrunn
transparent
Grense
#FFFFFF
Hoved-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
#262626
Grense
#262626
Sekundær-knapp
Forgrunn
#FFFFFF
Bakgrunn
#000000
Grense
#FFFFFF
Sekundær-knapp hover
Forgrunn
#262626
Bakgrunn
#FFFFFF
Grense
#FFFFFF
Implementasjon
<div class="theme dark"></div>

Light transparent

This is the body text of the theme.

Base
Forgrunn
#262626
Bakgrunn
transparent
Grense
transparent
Primær-knapp
Forgrunn
currentColor
Bakgrunn
transparent
Grense
transparent
Hoved-knapp hover
Forgrunn
currentColor
Bakgrunn
transparent
Grense
transparent
Sekundær-knapp
Forgrunn
currentColor
Bakgrunn
transparent
Grense
transparent
Sekundær-knapp hover
Forgrunn
currentColor
Bakgrunn
transparent
Grense
transparent
Implementasjon
<div class="theme light-transparent"></div>

Dark transparent

This is the body text of the theme.

Base
Forgrunn
#FFFFFF
Bakgrunn
transparent
Grense
transparent
Primær-knapp
Forgrunn
#FFFFFF
Bakgrunn
transparent
Grense
transparent
Hoved-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
transparent
Grense
transparent
Sekundær-knapp
Forgrunn
#FFFFFF
Bakgrunn
transparent
Grense
transparent
Sekundær-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
transparent
Grense
transparent
Implementasjon
<div class="theme dark-transparent"></div>

Light gray

This is the body text of the theme.

Base
Forgrunn
#333333
Bakgrunn
#F7F7F7
Grense
transparent
Primær-knapp
Forgrunn
#FFFFFF
Bakgrunn
#333333
Grense
transparent
Hoved-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
hsl(0, 0%, 40%)
Grense
transparent
Sekundær-knapp
Forgrunn
#333333
Bakgrunn
#CCCCCC
Grense
transparent
Sekundær-knapp hover
Forgrunn
#333333
Bakgrunn
hsl(0, 0%, 85%)
Grense
transparent
Implementasjon
<div class="theme theme-gray"></div>

Gray border

This is the body text of the theme.

Base
Forgrunn
#333333
Bakgrunn
#FFFFFF
Grense
#EBEBEB
Primær-knapp
Forgrunn
#FFFFFF
Bakgrunn
#333333
Grense
transparent
Hoved-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
hsl(0, 0%, 40%)
Grense
transparent
Sekundær-knapp
Forgrunn
#333333
Bakgrunn
#FFFFFF
Grense
transparent
Sekundær-knapp hover
Forgrunn
#333333
Bakgrunn
hsl(0, 0%, 85%)
Grense
transparent
Implementasjon
<div class="theme theme-gray-border"></div>

Theme khaki

This is the body text of the theme.

Base
Forgrunn
#333333
Bakgrunn
#BEBF9F
Grense
transparent
Primær-knapp
Forgrunn
#FFFFFF
Bakgrunn
#333333
Grense
#333333
Hoved-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
hsl(0, 0%, 40%)
Grense
#333333
Sekundær-knapp
Forgrunn
#333333
Bakgrunn
#FFFFFF
Grense
#333333
Sekundær-knapp hover
Forgrunn
#333333
Bakgrunn
hsl(0, 0%, 85%)
Grense
#333333
Fokus disposisjon
#CCCCCC
Implementasjon
<div class="theme theme-khaki"></div>

Theme palegold

This is the body text of the theme.

Base
Forgrunn
#333333
Bakgrunn
#DEC492
Grense
transparent
Primær-knapp
Forgrunn
#FFFFFF
Bakgrunn
#333333
Grense
#333333
Hoved-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
hsl(0, 0%, 40%)
Grense
#333333
Sekundær-knapp
Forgrunn
#333333
Bakgrunn
#FFFFFF
Grense
#333333
Sekundær-knapp hover
Forgrunn
#333333
Bakgrunn
hsl(0, 0%, 85%)
Grense
#333333
Fokus disposisjon
#CCCCCC
Implementasjon
<div class="theme theme-palegold"></div>

Theme paletaupe

This is the body text of the theme.

Base
Forgrunn
#333333
Bakgrunn
#C79F81
Grense
transparent
Primær-knapp
Forgrunn
#FFFFFF
Bakgrunn
#333333
Grense
#333333
Hoved-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
hsl(0, 0%, 40%)
Grense
#333333
Sekundær-knapp
Forgrunn
#333333
Bakgrunn
#FFFFFF
Grense
#333333
Sekundær-knapp hover
Forgrunn
#333333
Bakgrunn
hsl(0, 0%, 85%)
Grense
#333333
Fokus disposisjon
#CCCCCC
Implementasjon
<div class="theme theme-paletaupe"></div>

Yellow-orange

This is the body text of the theme.

Base
Forgrunn
#262626
Bakgrunn
#FFCB1F
Grense
transparent
Primær-knapp
Forgrunn
#FFFFFF
Bakgrunn
#262626
Grense
#262626
Hoved-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
#262626
Grense
#262626
Sekundær-knapp
Forgrunn
#262626
Bakgrunn
#FFFFFF
Grense
#FFFFFF
Sekundær-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
#262626
Grense
#262626
Implementasjon
<div class="theme yellow-orange"></div>

Blues

This is the body text of the theme.

Base
Forgrunn
#FFFFFF
Bakgrunn
#E1F9FA
Grense
transparent
Primær-knapp
Forgrunn
#FFFFFF
Bakgrunn
#262626
Grense
#262626
Hoved-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
#262626
Grense
#262626
Sekundær-knapp
Forgrunn
#262626
Bakgrunn
#FFFFFF
Grense
#FFFFFF
Sekundær-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
#262626
Grense
#262626
Implementasjon
<div class="theme blues"></div>

Transparent

This is the body text of the theme.

Base
Forgrunn
#333333
Bakgrunn
#FFFF70
Grense
#991814
Primær-knapp
Forgrunn
#333333
Bakgrunn
transparent
Grense
#70120F
Hoved-knapp hover
Forgrunn
#333333
Bakgrunn
transparent
Grense
#B81E19
Sekundær-knapp
Forgrunn
#333333
Bakgrunn
transparent
Grense
#365EFF
Sekundær-knapp hover
Forgrunn
#333333
Bakgrunn
transparent
Grense
#365EFF
Fokus disposisjon
#CCCCCC
Implementasjon
<div class="theme theme-transparent"></div>

Krem

This is the body text of the theme.

Base
Forgrunn
#333333
Bakgrunn
#F7BFA0
Grense
transparent
Primær-knapp
Forgrunn
#FFFFFF
Bakgrunn
#333333
Grense
transparent
Hoved-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
hsl(0, 0%, 40%)
Grense
transparent
Sekundær-knapp
Forgrunn
#333333
Bakgrunn
#CCCCCC
Grense
transparent
Sekundær-knapp hover
Forgrunn
#333333
Bakgrunn
hsl(0, 0%, 85%)
Grense
transparent
Fokus disposisjon
#CCCCCC
Implementasjon
<div class="theme theme-second"></div>

rosa

This is the body text of the theme.

Base
Forgrunn
#333333
Bakgrunn
#FBE5D9
Grense
transparent
Primær-knapp
Forgrunn
#FFFFFF
Bakgrunn
#333333
Grense
transparent
Hoved-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
hsl(0, 0%, 40%)
Grense
transparent
Sekundær-knapp
Forgrunn
#333333
Bakgrunn
#CCCCCC
Grense
transparent
Sekundær-knapp hover
Forgrunn
#333333
Bakgrunn
hsl(0, 0%, 85%)
Grense
transparent
Fokus disposisjon
#CCCCCC
Implementasjon
<div class="theme theme-new"></div>

Forside-Transparent

This is the body text of the theme.

Base
Forgrunn
#333333
Bakgrunn
transparent
Grense
transparent
Primær-knapp
Forgrunn
currentColor
Bakgrunn
#333333
Grense
transparent
Hoved-knapp hover
Forgrunn
currentColor
Bakgrunn
hsl(0, 0%, 40%)
Grense
transparent
Sekundær-knapp
Forgrunn
#333333
Bakgrunn
transparent
Grense
transparent
Sekundær-knapp hover
Forgrunn
#333333
Bakgrunn
transparent
Grense
transparent
Implementasjon
<div class="theme forside-transparent"></div>

Transparent Border

This is the body text of the theme.

Base
Forgrunn
#FFFFFF
Bakgrunn
transparent
Grense
transparent
Primær-knapp
Forgrunn
#FFFFFF
Bakgrunn
transparent
Grense
#FFFFFF
Hoved-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
transparent
Grense
#FFFFFF
Sekundær-knapp
Forgrunn
#FFFFFF
Bakgrunn
transparent
Grense
#FFFFFF
Sekundær-knapp hover
Forgrunn
#FFFFFF
Bakgrunn
transparent
Grense
#FFFFFF
Fokus disposisjon
#FFFFFF
Implementasjon
<div class="theme border-transparent"></div>

Black Border

This is the body text of the theme.

Base
Forgrunn
#000000
Bakgrunn
transparent
Grense
transparent
Primær-knapp
Forgrunn
#000000
Bakgrunn
transparent
Grense
#030303
Hoved-knapp hover
Forgrunn
#000000
Bakgrunn
transparent
Grense
#030303
Sekundær-knapp
Forgrunn
#030303
Bakgrunn
transparent
Grense
#030303
Sekundær-knapp hover
Forgrunn
#030303
Bakgrunn
transparent
Grense
#030303
Fokus disposisjon
#000000
Implementasjon
<div class="theme border-black"></div>

Ved å klikke "godta alle", godkjenner du at vi kan samle informasjon om deg av forskjellige grunner, inkludert: Funksjonalitet, statistikk og markedsføring