Source: variables/_variables-wdpk.scss, line 122

2 Colors

WoodPecker uses these colors throughout the theme. These colors have been overriden for the default Bootstrap components as well. So overiding these colors will directly set the colors for Bootstarp as well to match the theme and you dont need to change any of the Bootstrap variables.

Theme Default Values

#0056c6; Primary Color
$wdpk-primary-color
#6c757d; Secondary Color $wdpk-gradient-1: #0056c6; $wdpk-gradient-2: #0BC9CD;
$wdpk-secondary
#38c07b; Success
$wdpk-success
#0dbdcd; Info
$wdpk-info
#ffc107; Warning
$wdpk-warning
#f03a47; Danger
$wdpk-danger
#e9ecef; Light
$wdpk-light
#343a40; Dark
$wdpk-dark

Source: variables/_variables-wdpk.scss, line 156

2.1 Body Colors

Colors Applied to the <body> element

Variable	Options
$wdpk-body-bg	Background Color for the body of the document
$wdpk-body-color	Default Font Color For the document

#ffffff; Body Background
$wdpk-body-bg
#212529; Body Color
$wdpk-body-color

Source: variables/_variables-wdpk.scss, line 66

2.2 Bootstrap Colors

The default colors that are used by by Bootstrap and inherited by WoodPecker as well.

#0056c6; Blue
$wdpk-blue
#6610f2; Indigo
$wdpk-indigo
#6f42c1; Purple
$wdpk-purple
#e83e8c; Pink
$wdpk-pink
#f03a47; Red
$wdpk-red
#fd7e14; Orange
$wdpk-orange
#ffc107; Yellow
$wdpk-yellow
#38c07b; Green
$wdpk-green
#20c997; Teal
$wdpk-teal
#0dbdcd; Cyan
$wdpk-cyan

Source: variables/_variables-wdpk.scss, line 93

2.3 Bootstrap Grays

Overriding the grays used by Bootsrap.

#fff; White
$wdpk-white
#f8f9fa; Gray 100
$wdpk-gray-100
#e9ecef; Gray 200
$wdpk-gray-200
#dee2e6; Gray 300
$wdpk-gray-300
#ced4da; Gray 400
$wdpk-gray-400
#adb5bd; Gray 500
$wdpk-gray-500
#6c757d; Gray 600
$wdpk-gray-600
#495057; Gray 700
$wdpk-gray-700
#343a40; Gray 800
$wdpk-gray-800
#212529; Gray 900
$wdpk-gray-900
#000; Black
$wdpk-black

Sass Variables Documentation

Sass Variables Documentation

2 Colors

Theme Default Values

2.1 Body Colors

2.2 Bootstrap Colors

2.3 Bootstrap Grays

Sass Variables Documentation

2.1 Body Colors

2.2 Bootstrap Colors

2.3 Bootstrap Grays

2.4 Social Media Colors