Temaer

Tag fuld kontrol over alle farverne

Theme light

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#333333
Baggrund	#FFFFFF
Accent	#9E9E9E
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#3AAF7C
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#48D99A
Ramme	#48D99A

Sekundær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	#333333
Secondary button hover
Forgrund	#333333
Baggrund	#F7F7F7
Ramme	#333333
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementering


									<div class="theme light"></div>

Theme dark

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#000000
Accent	#EBEBEB
Ramme	transparent

Primær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	transparent
Primary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	#FFFFFF
Secondary button hover
Forgrund	#FFFFFF
Baggrund	hsl(0, 0%, 40%)
Ramme	#FFFFFF
Focus outline	#CCCCCC

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#CCCCCC

Implementering


									<div class="theme dark"></div>

Theme greywithgreentext

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#10B981
Baggrund	#F7F7F7
Accent	#333333
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#333333
Ramme	#000000
Primary button hover
Forgrund	#FFFFFF
Baggrund	hsl(0, 0%, 40%)
Ramme	#000000

Sekundær knap
Forgrund	#333333
Baggrund	#CCCCCC
Ramme	transparent
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementering


									<div class="theme greywithgreentext"></div>

Theme grey

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#333333
Baggrund	#F7F7F7
Accent	#10B981
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#333333
Ramme	#000000
Primary button hover
Forgrund	#FFFFFF
Baggrund	hsl(0, 0%, 40%)
Ramme	#000000

Sekundær knap
Forgrund	#333333
Baggrund	#CCCCCC
Ramme	transparent
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementering


									<div class="theme grey"></div>

Theme light background transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	currentColor
Baggrund	transparent
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#333333
Ramme	#FFFFFF
Primary button hover
Forgrund	#FFFFFF
Baggrund	hsl(0, 0%, 40%)
Ramme	#FFFFFF

Sekundær knap
Forgrund	#333333
Baggrund	#CCCCCC
Ramme	transparent
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementering


									<div class="theme lightbackgroundtransparent"></div>

Theme transparent button

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	currentColor
Baggrund	transparent
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	transparent
Ramme	transparent
Primary button hover
Forgrund	#DBFFDF
Baggrund	transparent
Ramme	transparent

Sekundær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	#FFFFFF
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	#FFFFFF
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementering


									<div class="theme transparentbutton"></div>

Theme transparent button2

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#333333
Baggrund	#FFFFFF
Accent	#333333
Ramme	#CFCFCF

Primær knap
Forgrund	#FFFFFF
Baggrund	transparent
Ramme	transparent
Primary button hover
Forgrund	#DBFFDF
Baggrund	transparent
Ramme	transparent

Sekundær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	#FFFFFF
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	#FFFFFF
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementering


									<div class="theme transparentbutton2"></div>

Theme dark transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	transparent
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	#FFFFFF
Primary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	#FFFFFF

Sekundær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	#FFFFFF
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	#FFFFFF

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementering


									<div class="theme darktransparent"></div>

Theme transparent with trans buttons

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	currentColor
Baggrund	transparent
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	transparent
Ramme	transparent
Primary button hover
Forgrund	#D1D1D1
Baggrund	transparent
Ramme	transparent

Sekundær knap
Forgrund	#F5F5F5
Baggrund	transparent
Ramme	transparent
Secondary button hover
Forgrund	#E8E8E8
Baggrund	transparent
Ramme	transparent

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementering


									<div class="theme transparentbackgroundbuttons"></div>

Theme transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	currentColor
Baggrund	transparent
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent
Primary button hover
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent

Sekundær knap
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent
Secondary button hover
Forgrund	currentColor
Baggrund	transparent
Ramme	transparent

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementering


									<div class="theme transparent"></div>

Theme olive

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#6D6225
Accent	#F0D851
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#615721
Ramme	#FFFFFF
Primary button hover
Forgrund	#FFFFFF
Baggrund	hsl(50,62, 49%, 40%)
Ramme	#FFFFFF

Sekundær knap
Forgrund	#333333
Baggrund	#F7F7F7
Ramme	transparent
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent
Focus outline	#CCCCCC

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#CCCCCC

Implementering


									<div class="theme olive"></div>

Rainbow

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#99424A
Baggrund	#FF6E7C
Accent	#BDB548
Ramme	#44FA6E

Primær knap
Forgrund	#38E30E
Baggrund	#417845
Ramme	#A7FA00
Primary button hover
Forgrund	#218508
Baggrund	#6DC974
Ramme	#689C00

Sekundær knap
Forgrund	#47ABED
Baggrund	#0E44A1
Ramme	#07CEED
Secondary button hover
Forgrund	#193D54
Baggrund	#1567F5
Ramme	#047C8F
Focus outline	#FF1303

Link button
Link color	#66FFE6
Link button hover
Link hover color	hsl(170,2, 100%, 85%)
Focus outline	#FF1303

Implementering


									<div class="theme rainbow"></div>

Theme light with border

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#333333
Baggrund	#FFFFFF
Accent	#333333
Ramme	#F7F7F7

Primær knap
Forgrund	#FFFFFF
Baggrund	#3AAF7C
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#4FEDA8
Ramme	transparent

Sekundær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	#333333
Secondary button hover
Forgrund	#333333
Baggrund	#F7F7F7
Ramme	#333333
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementering


									<div class="theme theme-light-with-border"></div>

Theme blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#476491
Accent	currentColor
Ramme	transparent

Primær knap
Forgrund	#476491
Baggrund	#FFFFFF
Ramme	#FFFFFF
Primary button hover
Forgrund	#476491
Baggrund	hsl(0, 0%, 85%)
Ramme	#FFFFFF

Sekundær knap
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	transparent
Secondary button hover
Forgrund	#000000
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementering


									<div class="theme blue"></div>

Base
Forgrund	#111827
Baggrund	#FFFFFF
Accent	#333333
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	#FFFFFF
Primary button hover
Forgrund	#FFFFFF
Baggrund	#E0E0E0
Ramme	#FFFFFF

Sekundær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	#333333
Secondary button hover
Forgrund	#333333
Baggrund	#E0E0E0
Ramme	#FFFFFF
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementering


									<div class="theme theme-cookie"></div>

Theme red

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#FF0000
Accent	#A60000
Ramme	transparent

Primær knap
Forgrund	#000000
Baggrund	#FFFFFF
Ramme	transparent
Primary button hover
Forgrund	#000000
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent

Sekundær knap
Forgrund	#FFFFFF
Baggrund	#000000
Ramme	#FFFFFF
Secondary button hover
Forgrund	#FFFFFF
Baggrund	hsl(0, 0%, 40%)
Ramme	#FFFFFF
Focus outline	#CCCCCC

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor
Focus outline	#CCCCCC

Implementering


									<div class="theme red"></div>

Theme green

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#3AAF7C
Accent	#9DD493
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#333333
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#333333
Ramme	transparent

Sekundær knap
Forgrund	#333333
Baggrund	#CCCCCC
Ramme	transparent
Secondary button hover
Forgrund	#333333
Baggrund	#CCCCCC
Ramme	transparent

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementering


									<div class="theme theme-green"></div>

Theme blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#495B70
Accent	#7E9EC2
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#333333
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	#333333
Ramme	transparent

Sekundær knap
Forgrund	#333333
Baggrund	#CCCCCC
Ramme	transparent
Secondary button hover
Forgrund	#333333
Baggrund	#CCCCCC
Ramme	transparent

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementering


									<div class="theme theme-blue"></div>

Theme sand

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#FFFFFF
Baggrund	#87763D
Accent	#EDCF6B
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#333333
Ramme	#333333
Primary button hover
Forgrund	#FFFFFF
Baggrund	hsl(0, 0%, 40%)
Ramme	#333333

Sekundær knap
Forgrund	#333333
Baggrund	#E6E6E6
Ramme	#333333
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	#333333

Link button
Link color	currentColor
Link button hover
Link hover color	currentColor

Implementering


									<div class="theme theme-sand"></div>

Grey border

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#333333
Baggrund	#FFFFFF
Accent	currentColor
Ramme	#EBEBEB

Primær knap
Forgrund	#FFFFFF
Baggrund	#333333
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	hsl(0, 0%, 40%)
Ramme	transparent

Sekundær knap
Forgrund	#333333
Baggrund	#CCCCCC
Ramme	transparent
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementering


									<div class="theme grey-border"></div>

VariantSelector

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#FFFFFF
Accent	#333333
Ramme	transparent

Primær knap
Forgrund	#333333
Baggrund	#EDEDED
Ramme	#333333
Primary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	#333333

Sekundær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	#333333
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	#333333
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementering


									<div class="theme variantselector"></div>

Buttons

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#000000
Baggrund	#FFFFFF
Accent	#333333
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#4D4D4D
Ramme	#333333
Primary button hover
Forgrund	#FFFFFF
Baggrund	hsl(0, 0%, 40%)
Ramme	#333333

Sekundær knap
Forgrund	#333333
Baggrund	#FFFFFF
Ramme	#333333
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	#333333
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementering


									<div class="theme buttons"></div>

copytest

This is the body text of the theme.

This is the accent color of the theme.

Base
Forgrund	#333333
Baggrund	#FFFFFF
Accent	#333333
Ramme	transparent

Primær knap
Forgrund	#FFFFFF
Baggrund	#333333
Ramme	transparent
Primary button hover
Forgrund	#FFFFFF
Baggrund	hsl(0, 0%, 40%)
Ramme	transparent

Sekundær knap
Forgrund	#333333
Baggrund	#CCCCCC
Ramme	transparent
Secondary button hover
Forgrund	#333333
Baggrund	hsl(0, 0%, 85%)
Ramme	transparent
Focus outline	#CCCCCC

Link button
Link color	#333333
Link button hover
Link hover color	hsl(0, 0%, 40%)
Focus outline	#CCCCCC

Implementering


									<div class="theme copytest"></div>

Temaer

Theme light

Theme dark

Theme greywithgreentext

Theme grey

Theme light background transparent

Theme transparent button

Theme transparent button2

Theme dark transparent

Theme transparent with trans buttons

Theme transparent

Theme olive

Rainbow

Theme light with border

Theme blue

Theme cookie

Theme red

Theme green

Theme blue

Theme sand

Grey border

VariantSelector

Buttons

copytest