Themes

Take full control of all the colors
Cannatrek
Base
Foreground #374F5A
Background #F9F9F9
Border none
Primary button
Foreground #FFFFFF
Background #0082B0
Border #0082B0
Hover foreg. #FFFFFF
Hover backg. #00ADDA
Hover border #00ADDA
Secondary button
Foreground #FFFFFF
Background #374F5A
Border #374F5A
Hover foreg. #FFFFFF
Hover backg. #4E7080
Hover border #4E7080
Focus outline #CCCCCC
Implementation
<div class="theme theme-cannatrek"></div>
Base
Foreground #FFFFFF
Background none
Border none
Primary button
Foreground #FFFFFF
Background #0000FE
Hover foreg. #FFFFFF
Hover backg. hsl(240, 100%, 40%)
Secondary button
Foreground #FFFFFF
Background #7BBA3E
Hover foreg. #FFFFFF
Hover backg. #87CC44
Implementation
<div class="theme theme-login-petcann"></div>
Footer
Base
Foreground #0000FE
Background #A2C8DD
Border none
Primary button
Foreground
Background
Hover foreg. #FFFFFF
Hover backg. #337AB7
Hover border #337AB7
Secondary button
Foreground
Background
Hover backg. hsl(0, 0%, 40%)
Implementation
<div class="theme theme-footer"></div>
Footer Copyright
Base
Foreground #FFFFFF
Background #374F5A
Border none
Primary button
Foreground
Background
Hover backg. hsl(0, 0%, 40%)
Secondary button
Foreground
Background
Hover backg. hsl(0, 0%, 40%)
Implementation
<div class="theme theme-footer-copyright"></div>
Light
Base
Foreground #262626
Background #FFFFFF
Border none
Primary button
Foreground #FFFFFF
Background #262626
Border #262626
Hover foreg. #FFFFFF
Hover backg. #545454
Hover border #545454
Secondary button
Foreground #1E1A33
Background #FFFFFF
Border #262626
Hover foreg. #1E1A33
Hover backg. #FFFFFF
Hover border #262626
Implementation
<div class="theme theme-light"></div>
Header
Base
Foreground #0000FE
Background #FFEDE1
Border none
Primary button
Foreground #FFFFFF
Background #0000FE
Hover foreg. #FFFFFF
Hover backg. hsl(240, 100%, 40%)
Secondary button
Foreground
Background
Hover backg. hsl(0, 0%, 40%)
Implementation
<div class="theme theme-header"></div>
Petcann
Base
Foreground #333333
Background #F9F9F9
Border none
Primary button
Foreground #FFFFFF
Background #0000FE
Border #0000FE
Hover foreg. #FFFFFF
Hover backg. hsl(240, 100%, 40%)
Hover border #0000FE
Secondary button
Foreground #FFFFFF
Background #0000FE
Border #0000FE
Hover foreg. #FFFFFF
Hover backg. hsl(240, 100%, 40%)
Hover border #0000FE
Focus outline #CCCCCC
Implementation
<div class="theme theme-petcann"></div>
Header-Image
Base
Foreground #0000FE
Background #BED2DB
Border none
Primary button
Foreground #FFFFFF
Background #0000FE
Hover foreg. #FFFFFF
Hover backg. hsl(240, 100%, 40%)
Secondary button
Foreground
Background
Hover backg. hsl(0, 0%, 40%)
Implementation
<div class="theme theme-header-image"></div>
By clicking 'Accept All' you consent that we may collect information about you for various purposes, including: Functionality, Statistics and Marketing