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>