Themes

Take full control of all the colors

neusta Theme

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000082
Background	#ECECEC
Accent	currentColor
Border	#FFFFFF

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

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

Implementation


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

Light

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000082
Background	#FFFFFF
Accent	#FF4B19
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#000082
Border	#000082
Primary button hover
Foreground	#FFFFFF
Background	#0F2454
Border	#0F2454

Secondary button
Foreground	#000082
Background	#FFFFFF
Border	#000082
Secondary button hover
Foreground	#000082
Background	hsl(0, 0%, 85%)
Border	#000082

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

Implementation


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

Dark

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#000082
Accent	currentColor
Border	transparent

Primary button
Foreground	#000082
Background	#FFFFFF
Border	#FFFFFF
Primary button hover
Foreground	#FFFFFF
Background	#262626
Border	#262626

Secondary button
Foreground	#FFFFFF
Background	#000082
Border	#FFFFFF
Secondary button hover
Foreground	#262626
Background	#FFFFFF
Border	#FFFFFF

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

Implementation


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

Light transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000082
Background	transparent
Accent	#262626
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

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

Implementation


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

Dark transparent

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	transparent
Accent	currentColor
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

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

Implementation


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

Light gray

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000082
Background	#F7F7F7
Accent	#333333
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#000082
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	hsl(240, 100%, 40%)
Border	transparent

Secondary button
Foreground	#000082
Background	#F7F7F7
Border	transparent
Secondary button hover
Foreground	#000082
Background	hsl(0, 0%, 85%)
Border	transparent

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

Implementation


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

Gray border

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000082
Background	#FFFFFF
Accent	#333333
Border	#EBEBEB

Primary button
Foreground	#FFFFFF
Background	#000082
Border	transparent
Primary button hover
Foreground	#FFFFFF
Background	hsl(240, 100%, 40%)
Border	transparent

Secondary button
Foreground	#000082
Background	#FFFFFF
Border	transparent
Secondary button hover
Foreground	#000082
Background	hsl(0, 0%, 85%)
Border	transparent

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

Implementation


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

Theme darkblue

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#000082
Accent	currentColor
Border	transparent

Primary button
Foreground	#FFFFFF
Background	transparent
Border	#FFFFFF
Primary button hover
Foreground	#000082
Background	#FFFFFF
Border	#FFFFFF

Secondary button
Foreground	#000082
Background	#FFFFFF
Border	#000082
Secondary button hover
Foreground	#000082
Background	hsl(0, 0%, 85%)
Border	#000082

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

Implementation


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

Theme bluebutton

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000082
Background	transparent
Accent	#FF4B19
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#000082
Border	#000082
Primary button hover
Foreground	#FFFFFF
Background	#000082
Border	#000082

Secondary button
Foreground	#FF4B19
Background	transparent
Border	#FF4B19
Secondary button hover
Foreground	#FFFCFC
Background	#FF4B19
Border	#FF4B19

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

Implementation


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

lightblue

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000082
Background	#F7FAFF
Accent	#333333
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#000082
Border	#000082
Primary button hover
Foreground	#FFFFFF
Background	hsl(240, 100%, 40%)
Border	#000082

Secondary button
Foreground	#333333
Background	#FFFFFF
Border	#333333
Secondary button hover
Foreground	#333333
Background	hsl(0, 0%, 85%)
Border	#333333
Focus outline	#CCCCCC

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

Implementation


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

neusta365Blue Landingpage Theme

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000082
Background	#A4DBFE
Accent	currentColor
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

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

Implementation


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

neusta365-Orange

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#FF4B19
Accent	currentColor
Border	transparent

Primary button
Foreground	#FF4B19
Background	#FFFFFF
Border	#FFFFFF
Primary button hover
Foreground	#FFFFFF
Background	#E76846
Border	#FFFFFF

Secondary button
Foreground	currentColor
Background	#FFFFFF
Border	transparent
Secondary button hover
Foreground	currentColor
Background	hsl(0, 0%, 85%)
Border	transparent

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

Implementation


									<div class="theme neusta-theme-orange"></div>

Header

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000082
Background	#F7F7F7
Accent	#333333
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#000082
Border	transparent
Primary button hover
Foreground	#1C429A
Background	#F7F7F7
Border	#1C429A

Secondary button
Foreground	#000082
Background	#CCCCCC
Border	transparent
Secondary button hover
Foreground	#000082
Background	hsl(0, 0%, 85%)
Border	transparent

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

Implementation


									<div class="theme theme-gray-header"></div>

Dark gray

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#333333
Background	#E6E6E6
Accent	currentColor
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

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

Implementation


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

blue ohne rahmen

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#333333
Background	#E3F5FA
Accent	currentColor
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

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

Implementation


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

Preismodell-theme

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000000
Background	#FFFFFF
Accent	currentColor
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

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

Implementation


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

Dark transparent Button

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	transparent
Accent	currentColor
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

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

Implementation


									<div class="theme dark-transparent-button"></div>

blue background

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#FFFFFF
Background	#009EF5
Accent	currentColor
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

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

Implementation


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

blueborder

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000082
Background	#FFFFFF
Accent	#333333
Border	#000082

Primary button
Foreground	#FFFFFF
Background	#000082
Border	#000082
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

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

Implementation


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

hellblau-theme

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000082
Background	#F1F6FA
Accent	#333333
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#000082
Border	#000082
Primary button hover
Foreground	#FFFFFF
Background	#3E8AD4
Border	#000082

Secondary button
Foreground	currentColor
Background	#FFFFFF
Border	#000082
Secondary button hover
Foreground	currentColor
Background	hsl(0, 0%, 85%)
Border	#000082
Focus outline	#000000

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

Implementation


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

light-blue-theme

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000000
Background	#A3DAFE
Accent	currentColor
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

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

Implementation


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

orange-blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000082
Background	transparent
Accent	#000082
Border	transparent

Primary button
Foreground	#FFFFFF
Background	#E76846
Border	#E76846
Primary button hover
Foreground	#E76846
Background	hsl(12,67, 77%, 40%)
Border	#E76846

Secondary button
Foreground	#FFFFFF
Background	#000082
Border	transparent
Secondary button hover
Foreground	#000082
Background	#FFFFFF
Border	#000082
Focus outline	#000082

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

Implementation


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

Gray border orange

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000082
Background	#FFFFFF
Accent	#FF4B19
Border	#EBEBEB

Primary button
Foreground	#FFFFFF
Background	#000082
Border	transparent
Primary button hover
Foreground	#000082
Background	#FFFFFF
Border	#000082

Secondary button
Foreground	#FFFFFF
Background	#FF4B19
Border	transparent
Secondary button hover
Foreground	#E76846
Background	#FFFFFF
Border	#E76846

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

Implementation


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

Gray border blue

This is the body text of the theme.

This is the accent color of the theme.

Base
Foreground	#000082
Background	#FFFFFF
Accent	#000082
Border	#EBEBEB

Primary button
Foreground	#FFFFFF
Background	#000082
Border	transparent
Primary button hover
Foreground	#000082
Background	#FFFFFF
Border	#000082

Secondary button
Foreground	#FFFFFF
Background	#FF4B19
Border	transparent
Secondary button hover
Foreground	#E76846
Background	#FFFFFF
Border	#E76846

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

Implementation


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