Themes

Take full control of all the colors

DLF Color Button

This is the body text of the theme.

Primary button
Foreground	#FFFFFF
Background	#00A651
Border	transparent
Primary button hover
Custom	DLF Gradient hover

Secondary button
Foreground	#FFFFFF
Background	#1948CC
Border	transparent
Secondary button hover
Custom	DLF Gradient hover

Implementation


                                    <div class="theme dlf-color-button"></div>

Dlf color button (arrow)

This is the body text of the theme.

Primary button
Foreground	#FFFFFF
Background	#00A651
Border	transparent
Primary button hover
Custom	DLF Gradient hover

Secondary button
Foreground	#FFFFFF
Background	#1948CC
Border	transparent
Secondary button hover
Custom	DLF Gradient hover

Implementation


                                    <div class="theme dlf-color-button-arrow"></div>

DLf white button green text

This is the body text of the theme.

Primary button
Foreground	#00A651
Background	#FFFFFF
Border	transparent
Primary button hover
Custom	DLF Gradient hover

Secondary button
Foreground	#1948CC
Background	#FFFFFF
Border	transparent
Secondary button hover
Custom	DLF Gradient hover

Implementation


                                    <div class="theme dlf-white-button-green-text"></div>

Dlf white button green text (Arrow)

This is the body text of the theme.

Primary button
Foreground	#00A651
Background	#FFFFFF
Border	transparent
Primary button hover
Custom	DLF Gradient hover

Secondary button
Foreground	#1948CC
Background	#FFFFFF
Border	transparent
Secondary button hover
Custom	DLF Gradient hover

Implementation


                                    <div class="theme dlf-white-button-green-text-arrow"></div>

Dlf white border buttons

This is the body text of the theme.

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

Secondary button
Foreground	#FFFFFF
Background	#CCCCCC
Border	#FFFFFF
Secondary button hover
Foreground	#808080
Background	#FFFFFF
Border	#FFFFFF

Implementation


                                    <div class="theme dlf-white-border-buttons"></div>

DLF Color border button

This is the body text of the theme.

Primary button
Foreground	#00A651
Background	transparent
Border	#00A651
Primary button hover
Custom	DLF Gradient hover

Secondary button
Foreground	#1948CC
Background	transparent
Border	#1948CC
Secondary button hover
Foreground	#ABE1FA
Background	#1948CC
Border	#1948CC

Implementation


                                    <div class="theme dlf-color-border-button"></div>

DLf white button green/blue text - Hover grey

This is the body text of the theme.

Primary button
Foreground	#00A651
Background	#FFFFFF
Border	transparent
Primary button hover
Foreground	#00A651
Background	#EFEFEF
Border	transparent

Secondary button
Foreground	#1948CC
Background	#FFFFFF
Border	transparent
Secondary button hover
Foreground	#1948CC
Background	#EFEFEF
Border	transparent

Implementation


                                    <div class="theme dlf-white-button-green-text-hover-grey"></div>

test

This is the body text of the theme.

Primary button
Foreground	#FFF
Background	#333
Border	transparent
Primary button hover
Foreground	#FFF
Background	hsl(0, 0%, 40%)
Border	transparent

Secondary button
Foreground	#333
Background	#CCC
Border	transparent
Secondary button hover
Foreground	#333
Background	hsl(0, 0%, 85%)
Border	transparent

Implementation


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

Dark Green/White buttons

This is the body text of the theme.

Primary button
Foreground	#0A321E
Background	#F2EDE8
Border	#0A321E
Primary button hover
Foreground	#FFFFFF
Background	#0A321E
Border	#0A321E

Secondary button
Foreground	#FFFFFF
Background	#0A321E
Border	transparent
Secondary button hover
Foreground	#0A321E
Background	#F2EDE8
Border	#0A321E

Implementation


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

Sunlight/Dark Brown button

This is the body text of the theme.

Primary button
Foreground	#4D4D4D
Background	#FFDC91
Border	transparent
Primary button hover
Custom	DLF Gradient hover

Secondary button
Foreground	#FFFFFF
Background	#B49B87
Border	transparent
Secondary button hover
Custom	DLF Gradient hover

Implementation


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