i Default Colors

Color

Class

Hex Name

where is it used (this page background is #ecfaff;)

.c01

#003f54;

.has-tip:hover, .has-tip:focus border-bottom

.c03

#0078a0;

.top-bar-section li.active:not(.has-form) a:not(.button):hover { background:

.c02

#007095;

button, .button: border-color

.c04

#008cba;

.button: background-color

.c15

#61b6d9;

.button.info border-color:

.c19

#74bfdd;

alert-box.info border-color:

.c05

#1cc7ff;

.side-nav li.active > a:first-child:not(.button) color:

.c23

#a0d3e8;

.button.info background-color:

.c25

#b6edff;

.panel.callout border-color:

.c09

#368a55;

.button.success border-color:

.c10

#3a945b;

.alert-box.success border-color:

.c11

#43ac6a;

.alert-box.success border-color

.c41

#f08a24;

.button.disabled.warning, background-color:

.c30

#cf6e0e;

.button.warning:hover, background-color:

.c33

#de2d0f;

.alert-box.alert border-color:

.c40

#f04124;

button.alert, .button.alert background-color:

.c29

#cf2a0e;

.button.alert border-color:

.c06

#222222;

body font color

.c07

#272727;

.top-bar-section ul li:hover:not

.c08

#333333;

secondary button font color

.c12

#4d4d4d;

label font color

.c13

#4f4f4f;

.alert-box.secondary font color

.c14

#555555;

.top-bar-section ul li:hover:not(.has-form) > a { background-color:

.c16

#676767;

label small font color

.c17

#6f6f6f;

blockquote p font color

.c18

#737373;

.sub-nav li a:hover color:

.c20

#777777;

.top-bar-section .dropdown label color:

.c21

#888888;

.toggle-topbar a color

.c22

#999999;

form textarea:focus box-shadow:

.c24

#aaaaaa;

.breadcrumbs > *:before color:

.c26

#b9b9b9;

.button.secondary border-color:

.c27

#c7c7c7;

.alert-box.secondary border-color:

.c28

#cccccc;

span.prefix, label.prefix border-color:

.c31

#d8d8d8;

.panel border-color:

.c32

#dddddd;

textarea:disabled background-color

.c48

gainsboro;

.breadcrumbs border-color:

.c34

#e1e1e1;

.tab-title > a:hover

.c35

#e7e7e7;

.button.secondary background-color

.c37

#ededed;

.keystroke, kbd background-color:

.c38

#eeeeee;

.pricing-table .title color:

.c39

#efefef;

.tab-title > a background-color:

.c42

#f2f2f2;

span.postfix, label.postfix background:

.c43

#f3f3f3;

select:hover background-color:

.c44

#f4f4f4;

.breadcrumbs background-color:

.c45

#f6f6f6;

.pricing-table .price background-color

.c46

#f8f8f8;

code background-color:

.c47

#fafafa;

form select { background-color:

.c49

#fafafa;

form select background-color:

.c50

whitesmoke;

table thead background:

.c36

#ecfaff;

panel.callout background: (this page background is #ecfaff;)



JDS Social Media:


Email: jdsebastian7@gmail.com

This website is built using Zurb Foundation 5.0 Framework with SASS. ©2017 JDS Webs