Themes

Take full control of all the colors

neusta Theme

This is the body text of the theme.

Base
Foreground
#000082
Background
#ECECEC
Border
#FFFFFF
Primary button
Foreground
#FFFFFF
Background
#000082
Border
#000000
Primary button hover
Foreground
#000082
Background
#ECECEC
Border
#FFFFFF
Secondary button
Foreground
currentColor
Background
#FF4B19
Border
transparent
Secondary button hover
Foreground
currentColor
Background
hsl(13,04, 100%, 40%)
Border
transparent
Focus outline
#000000
Implementation
<div class="theme neustatheme"></div>

Light

This is the body text of the theme.

Base
Foreground
#262626
Background
#FFFFFF
Border
transparent
Primary button
Foreground
#FFFFFF
Background
#1C429A
Border
#1C429A
Primary button hover
Foreground
#FFFFFF
Background
#0F2454
Border
#0F2454
Secondary button
Foreground
#1E1A33
Background
#FFFFFF
Border
#262626
Secondary button hover
Foreground
#1E1A33
Background
hsl(0, 0%, 85%)
Border
#262626
Implementation
<div class="theme light-08"></div>

Dark

This is the body text of the theme.

Base
Foreground
#FFFFFF
Background
#262626
Border
transparent
Primary button
Foreground
#262626
Background
#FFFFFF
Border
#FFFFFF
Primary button hover
Foreground
#FFFFFF
Background
#262626
Border
#262626
Secondary button
Foreground
#FFFFFF
Background
#262626
Border
#FFFFFF
Secondary button hover
Foreground
#262626
Background
#FFFFFF
Border
#FFFFFF
Implementation
<div class="theme dark"></div>

Light transparent

This is the body text of the theme.

Base
Foreground
#262626
Background
transparent
Border
transparent
Primary button
Foreground
currentColor
Background
transparent
Border
transparent
Primary button hover
Foreground
currentColor
Background
transparent
Border
transparent
Secondary button
Foreground
currentColor
Background
transparent
Border
transparent
Secondary button hover
Foreground
currentColor
Background
transparent
Border
transparent
Implementation
<div class="theme light-transparent"></div>

Dark transparent

This is the body text of the theme.

Base
Foreground
#FFFFFF
Background
transparent
Border
transparent
Primary button
Foreground
#FFFFFF
Background
transparent
Border
transparent
Primary button hover
Foreground
#FFFFFF
Background
transparent
Border
transparent
Secondary button
Foreground
#FFFFFF
Background
transparent
Border
transparent
Secondary button hover
Foreground
#FFFFFF
Background
transparent
Border
transparent
Implementation
<div class="theme dark-transparent"></div>

Light gray

This is the body text of the theme.

Base
Foreground
#333333
Background
#F7F7F7
Border
transparent
Primary button
Foreground
#FFFFFF
Background
#333333
Border
transparent
Primary button hover
Foreground
#FFFFFF
Background
hsl(0, 0%, 40%)
Border
transparent
Secondary button
Foreground
#333333
Background
#F7F7F7
Border
transparent
Secondary button hover
Foreground
#333333
Background
hsl(0, 0%, 85%)
Border
transparent
Implementation
<div class="theme theme-gray-light"></div>

Gray border

This is the body text of the theme.

Base
Foreground
#333333
Background
#FFFFFF
Border
#EBEBEB
Primary button
Foreground
#FFFFFF
Background
#333333
Border
transparent
Primary button hover
Foreground
#FFFFFF
Background
hsl(0, 0%, 40%)
Border
transparent
Secondary button
Foreground
#333333
Background
#FFFFFF
Border
transparent
Secondary button hover
Foreground
#333333
Background
hsl(0, 0%, 85%)
Border
transparent
Implementation
<div class="theme theme-gray-border"></div>

Theme darkblue

This is the body text of the theme.

Base
Foreground
#FFFFFF
Background
#1C429A
Border
transparent
Primary button
Foreground
#FFFFFF
Background
transparent
Border
#FFFFFF
Primary button hover
Foreground
#1C429A
Background
#FFFFFF
Border
#FFFFFF
Secondary button
Foreground
#333333
Background
#FFFFFF
Border
#333333
Secondary button hover
Foreground
#333333
Background
hsl(0, 0%, 85%)
Border
#333333
Implementation
<div class="theme theme-darkblue"></div>

Theme bluebutton

This is the body text of the theme.

Base
Foreground
#333333
Background
transparent
Border
transparent
Primary button
Foreground
#FFFFFF
Background
#1C429A
Border
#1C429A
Primary button hover
Foreground
#1C429A
Background
#FFFFFF
Border
#1C429A
Secondary button
Foreground
#1C429A
Background
transparent
Border
#1C429A
Secondary button hover
Foreground
#FFFCFC
Background
#1C429A
Border
#1C429A
Implementation
<div class="theme theme-bluebutton"></div>

Theme paletaupe

This is the body text of the theme.

Base
Foreground
#333333
Background
#C79F81
Border
transparent
Primary button
Foreground
#FFFFFF
Background
#333333
Border
#333333
Primary button hover
Foreground
#FFFFFF
Background
hsl(0, 0%, 40%)
Border
#333333
Secondary button
Foreground
#333333
Background
#FFFFFF
Border
#333333
Secondary button hover
Foreground
#333333
Background
hsl(0, 0%, 85%)
Border
#333333
Focus outline
#CCCCCC
Implementation
<div class="theme theme-paletaupe"></div>

Yellow-orange

This is the body text of the theme.

Base
Foreground
#262626
Background
#FFCB1F
Border
transparent
Primary button
Foreground
#FFFFFF
Background
#262626
Border
#262626
Primary button hover
Foreground
#FFFFFF
Background
#262626
Border
#262626
Secondary button
Foreground
#262626
Background
#FFFFFF
Border
#FFFFFF
Secondary button hover
Foreground
#FFFFFF
Background
#262626
Border
#262626
Implementation
<div class="theme yellow-orange"></div>

Dark-red

This is the body text of the theme.

Base
Foreground
#FFFFFF
Background
#AD0000
Border
transparent
Primary button
Foreground
#FFFFFF
Background
#262626
Border
#262626
Primary button hover
Foreground
#FFFFFF
Background
#262626
Border
#262626
Secondary button
Foreground
#262626
Background
#FFFFFF
Border
#FFFFFF
Secondary button hover
Foreground
#FFFFFF
Background
#262626
Border
#262626
Implementation
<div class="theme dark-red"></div>

Transparent

This is the body text of the theme.

Base
Foreground
#333333
Background
#FFFF70
Border
#991814
Primary button
Foreground
#333333
Background
transparent
Border
#70120F
Primary button hover
Foreground
#333333
Background
transparent
Border
#B81E19
Secondary button
Foreground
#333333
Background
transparent
Border
#365EFF
Secondary button hover
Foreground
#333333
Background
transparent
Border
#365EFF
Focus outline
#CCCCCC
Implementation
<div class="theme theme-transparent"></div>

neusta365Blue Landingpage Theme

This is the body text of the theme.

Base
Foreground
#000082
Background
#A4DBFE
Border
#FFFFFF
Primary button
Foreground
#FFFFFF
Background
#000082
Border
#000000
Primary button hover
Foreground
#000082
Background
#ECECEC
Border
#FFFFFF
Secondary button
Foreground
currentColor
Background
#FF4B19
Border
transparent
Secondary button hover
Foreground
currentColor
Background
hsl(13,04, 100%, 40%)
Border
transparent
Focus outline
#000000
Implementation
<div class="theme neustathemeblue"></div>

neusta365Orange Landingpage Theme

This is the body text of the theme.

Base
Foreground
#000082
Background
#FF4B19
Border
#FFFFFF
Primary button
Foreground
#FFFFFF
Background
#000082
Border
#000000
Primary button hover
Foreground
#000082
Background
#ECECEC
Border
#FFFFFF
Secondary button
Foreground
currentColor
Background
#FF4B19
Border
transparent
Secondary button hover
Foreground
currentColor
Background
hsl(13,04, 100%, 40%)
Border
transparent
Focus outline
#000000
Implementation
<div class="theme neustathemeorange"></div>

Gray border (green)

This is the body text of the theme.

Base
Foreground
#333333
Background
#FBFFF7
Border
#54C48B
Primary button
Foreground
#FFFFFF
Background
#54C48B
Border
transparent
Primary button hover
Foreground
#54C48B
Background
#FFFFFF
Border
#54C48B
Secondary button
Foreground
#54C48B
Background
#FFFFFF
Border
transparent
Secondary button hover
Foreground
#54C48B
Background
hsl(0, 0%, 85%)
Border
transparent
Implementation
<div class="theme theme-gray-border-green"></div>

Gray border (blue)

This is the body text of the theme.

Base
Foreground
#333333
Background
#E3F5FA
Border
#6BB6D6
Primary button
Foreground
#FFFFFF
Background
#6BB6D6
Border
transparent
Primary button hover
Foreground
#6BB6D6
Background
#FFFFFF
Border
#6BB6D6
Secondary button
Foreground
#6BB6D6
Background
#FFFFFF
Border
transparent
Secondary button hover
Foreground
#6BB6D6
Background
hsl(0, 0%, 85%)
Border
transparent
Implementation
<div class="theme theme-gray-border-blue"></div>

Gray border (lila)

This is the body text of the theme.

Base
Foreground
#333333
Background
#E8EFFF
Border
#594DDE
Primary button
Foreground
#FFFFFF
Background
#594DDE
Border
transparent
Primary button hover
Foreground
#594DDE
Background
#FFFFFF
Border
#594DDE
Secondary button
Foreground
#594DDE
Background
#594DDE
Border
transparent
Secondary button hover
Foreground
#594DDE
Background
hsl(244,97, 69%, 40%)
Border
transparent
Implementation
<div class="theme theme-gray-border-lila"></div>

Header

This is the body text of the theme.

Base
Foreground
#333333
Background
#F7F7F7
Border
transparent
Primary button
Foreground
#FFFFFF
Background
#1C429A
Border
transparent
Primary button hover
Foreground
#1C429A
Background
#F7F7F7
Border
#1C429A
Secondary button
Foreground
#1C429A
Background
#CCCCCC
Border
transparent
Secondary button hover
Foreground
#1C429A
Background
hsl(0, 0%, 85%)
Border
transparent
Implementation
<div class="theme theme-gray-header"></div>

Dark gray

This is the body text of the theme.

Base
Foreground
#333333
Background
#E6E6E6
Border
transparent
Primary button
Foreground
#FFFFFF
Background
#333333
Border
transparent
Primary button hover
Foreground
#FFFFFF
Background
hsl(0, 0%, 40%)
Border
transparent
Secondary button
Foreground
#333333
Background
#CCCCCC
Border
transparent
Secondary button hover
Foreground
#333333
Background
hsl(0, 0%, 85%)
Border
transparent
Implementation
<div class="theme theme-gray"></div>

blue ohne rahmen

This is the body text of the theme.

Base
Foreground
#333333
Background
#E3F5FA
Border
transparent
Primary button
Foreground
#FFFFFF
Background
#6BB6D6
Border
transparent
Primary button hover
Foreground
#6BB6D6
Background
#FFFFFF
Border
#6BB6D6
Secondary button
Foreground
#6BB6D6
Background
#FFFFFF
Border
transparent
Secondary button hover
Foreground
#6BB6D6
Background
hsl(0, 0%, 85%)
Border
transparent
Implementation
<div class="theme theme-gray-noborder-blue"></div>

Preismodell-theme

This is the body text of the theme.

Base
Foreground
#000000
Background
#FFFFFF
Border
#EDEDED
Primary button
Foreground
#FFFFFF
Background
#000082
Border
transparent
Primary button hover
Foreground
#244D82
Background
#ECECEC
Border
#FFFFFF
Secondary button
Foreground
currentColor
Background
#2231B5
Border
transparent
Secondary button hover
Foreground
currentColor
Background
hsl(233,88, 68%, 40%)
Border
transparent
Implementation
<div class="theme preismodell-theme"></div>

Dark transparent Button

This is the body text of the theme.

Base
Foreground
#FFFFFF
Background
transparent
Border
transparent
Primary button
Foreground
#FFFFFF
Background
transparent
Border
#FFFFFF
Primary button hover
Foreground
#27336E
Background
#F5F5F5
Border
#FFFFFF
Secondary button
Foreground
#FFFFFF
Background
transparent
Border
transparent
Secondary button hover
Foreground
#FFFFFF
Background
transparent
Border
transparent
Implementation
<div class="theme dark-transparent-button"></div>

blue background

This is the body text of the theme.

Base
Foreground
#FFFFFF
Background
#009EF5
Border
transparent
Primary button
Foreground
#009EF5
Background
#FFFFFF
Border
transparent
Primary button hover
Foreground
#009EF5
Background
#F0F0F0
Border
transparent
Secondary button
Foreground
#FFFFFF
Background
transparent
Border
#FFFFFF
Secondary button hover
Foreground
#FFFFFF
Background
transparent
Border
#FFFFFF
Implementation
<div class="theme theme-blue-background"></div>

blueborder

This is the body text of the theme.

Base
Foreground
#000000
Background
#FFFFFF
Border
#009EF5
Primary button
Foreground
#FFFFFF
Background
#009EF5
Border
#009EF5
Primary button hover
Foreground
#FFFFFF
Background
#008AD6
Border
#009EF5
Secondary button
Foreground
#009EF5
Background
#FFFFFF
Border
#009EF5
Secondary button hover
Foreground
#009EF5
Background
hsl(0, 0%, 85%)
Border
#009EF5
Implementation
<div class="theme theme-blueborder"></div>

hellblau-theme

This is the body text of the theme.

Base
Foreground
#000000
Background
#F1F6FA
Border
transparent
Primary button
Foreground
#FFFFFF
Background
#469BEE
Border
#469BEE
Primary button hover
Foreground
#FFFFFF
Background
#3E8AD4
Border
#469BEE
Secondary button
Foreground
currentColor
Background
#FFFFFF
Border
#469BEE
Secondary button hover
Foreground
currentColor
Background
hsl(0, 0%, 85%)
Border
#469BEE
Focus outline
#000000
Implementation
<div class="theme hellblau-theme"></div>

light-blue-theme

This is the body text of the theme.

Base
Foreground
#000000
Background
#A3DAFE
Border
transparent
Primary button
Foreground
#FFFFFF
Background
#000082
Border
#469BEE
Primary button hover
Foreground
#FFFFFF
Background
#3E8AD4
Border
#469BEE
Secondary button
Foreground
currentColor
Background
#FFFFFF
Border
#469BEE
Secondary button hover
Foreground
currentColor
Background
hsl(0, 0%, 85%)
Border
#469BEE
Focus outline
#000000
Implementation
<div class="theme light-blue-theme"></div>

orange-blue

This is the body text of the theme.

Base
Foreground
#000082
Background
transparent
Border
transparent
Primary button
Foreground
#FFFFFF
Background
#000082
Border
transparent
Primary button hover
Foreground
#000082
Background
#ECECEC
Border
#FFFFFF
Secondary button
Foreground
currentColor
Background
#FF4B19
Border
transparent
Secondary button hover
Foreground
currentColor
Background
hsl(13,04, 100%, 40%)
Border
transparent
Focus outline
#000000
Implementation
<div class="theme orange-blue"></div>

Indem Sie auf "Alles akzeptieren" klicken, erklären Sie sich damit einverstanden, dass wir Informationen über Sie zu verschiedenen Zwecken sammeln dürfen, einschließlich: Funktionalität, Statistik und Marketing