Breeze High ContrastΒΆ
See here for more information about usage of colors.
Color Set |
Color Role |
Color |
HEX |
RGB |
NAME |
|---|---|---|---|---|---|
button |
BackgroundAlternate |
#bdc3c7 |
189,195,199 |
Alternate Gray |
|
BackgroundNormal |
#4d4d4d |
77,77,77 |
Icon Gray |
||
DecorationFocus |
#1d99f3 |
29,153,243 |
Icon Blue |
||
DecorationHover |
#4d4d4d |
77,77,77 |
Icon Gray |
||
ForegroundActive |
#3daee9 |
61,174,233 |
Plasma Blue |
||
ForegroundInactive |
#7f8c8d |
127,140,141 |
Coastal Fog |
||
ForegroundLink |
#2980b9 |
41,128,185 |
Abyss Blue |
||
ForegroundNegative |
#da4453 |
218,68,83 |
Icon Red |
||
ForegroundNeutral |
#f67400 |
246,116,0 |
Beware Orange |
||
ForegroundNormal |
#fcfcfc |
252,252,252 |
Paper White |
||
ForegroundPositive |
#27ae60 |
39,174,96 |
Noble Fir |
||
ForegroundVisited |
#7f8c8d |
127,140,141 |
Coastal Fog |
||
selection |
BackgroundAlternate |
#1d99f3 |
29,153,243 |
Icon Blue |
|
BackgroundNormal |
#34495e |
52,73,94 |
Night Blue |
||
DecorationFocus |
#1d99f3 |
29,153,243 |
Icon Blue |
||
DecorationHover |
#4d4d4d |
77,77,77 |
Icon Gray |
||
ForegroundActive |
#fcfcfc |
252,252,252 |
Paper White |
||
ForegroundInactive |
#fcfcfc |
252,252,252 |
Paper White |
||
ForegroundLink |
#fdbc4b |
253,188,75 |
Icon Yellow |
||
ForegroundNegative |
#da4453 |
218,68,83 |
Icon Red |
||
ForegroundNeutral |
#f67400 |
246,116,0 |
Beware Orange |
||
ForegroundNormal |
#eff0f1 |
239,240,241 |
Cardboard Gray |
||
ForegroundPositive |
#27ae60 |
39,174,96 |
Noble Fir |
||
ForegroundVisited |
#bdc3c7 |
189,195,199 |
Alternate Gray |
||
tooltip |
BackgroundAlternate |
#4d4d4d |
77,77,77 |
Icon Gray |
|
BackgroundNormal |
#1d99f3 |
29,153,243 |
Icon Blue |
||
DecorationFocus |
#1d99f3 |
29,153,243 |
Icon Blue |
||
DecorationHover |
#4d4d4d |
77,77,77 |
Icon Gray |
||
ForegroundActive |
#3daee9 |
61,174,233 |
Plasma Blue |
||
ForegroundInactive |
#7f8c8d |
127,140,141 |
Coastal Fog |
||
ForegroundLink |
#2980b9 |
41,128,185 |
Abyss Blue |
||
ForegroundNegative |
#da4453 |
218,68,83 |
Icon Red |
||
ForegroundNeutral |
#f67400 |
246,116,0 |
Beware Orange |
||
ForegroundNormal |
#fcfcfc |
252,252,252 |
Paper White |
||
ForegroundPositive |
#27ae60 |
39,174,96 |
Noble Fir |
||
ForegroundVisited |
#7f8c8d |
127,140,141 |
Coastal Fog |
||
view |
BackgroundAlternate |
#292c30 |
41,44,48 |
||
BackgroundNormal |
#232629 |
35,38,41 |
|||
DecorationFocus |
#1d99f3 |
29,153,243 |
Icon Blue |
||
DecorationHover |
#4d4d4d |
77,77,77 |
Icon Gray |
||
ForegroundActive |
#3daee9 |
61,174,233 |
Plasma Blue |
||
ForegroundInactive |
#7f8c8d |
127,140,141 |
Coastal Fog |
||
ForegroundLink |
#2980b9 |
41,128,185 |
Abyss Blue |
||
ForegroundNegative |
#da4453 |
218,68,83 |
Icon Red |
||
ForegroundNeutral |
#f67400 |
246,116,0 |
Beware Orange |
||
ForegroundNormal |
#fcfcfc |
252,252,252 |
Paper White |
||
ForegroundPositive |
#27ae60 |
39,174,96 |
Noble Fir |
||
ForegroundVisited |
#7f8c8d |
127,140,141 |
Coastal Fog |
||
window |
BackgroundAlternate |
#bdc3c7 |
189,195,199 |
Alternate Gray |
|
BackgroundNormal |
#31363b |
49,54,59 |
Charcoal Gray |
||
DecorationFocus |
#1d99f3 |
29,153,243 |
Icon Blue |
||
DecorationHover |
#4d4d4d |
77,77,77 |
Icon Gray |
||
ForegroundActive |
#3daee9 |
61,174,233 |
Plasma Blue |
||
ForegroundInactive |
#7f8c8d |
127,140,141 |
Coastal Fog |
||
ForegroundLink |
#2980b9 |
41,128,185 |
Abyss Blue |
||
ForegroundNegative |
#da4453 |
218,68,83 |
Icon Red |
||
ForegroundNeutral |
#f67400 |
246,116,0 |
Beware Orange |
||
ForegroundNormal |
#fcfcfc |
252,252,252 |
Paper White |
||
ForegroundPositive |
#27ae60 |
39,174,96 |
Noble Fir |
||
ForegroundVisited |
#7f8c8d |
127,140,141 |
Coastal Fog |
||
complementary |
BackgroundAlternate |
#292c30 |
41,44,48 |
||
BackgroundNormal |
#232629 |
35,38,41 |
|||
DecorationFocus |
#1d99f3 |
29,153,243 |
Icon Blue |
||
DecorationHover |
#4d4d4d |
77,77,77 |
Icon Gray |
||
ForegroundActive |
#3daee9 |
61,174,233 |
Plasma Blue |
||
ForegroundInactive |
#7f8c8d |
127,140,141 |
Coastal Fog |
||
ForegroundLink |
#2980b9 |
41,128,185 |
Abyss Blue |
||
ForegroundNegative |
#da4453 |
218,68,83 |
Icon Red |
||
ForegroundNeutral |
#f67400 |
246,116,0 |
Beware Orange |
||
ForegroundNormal |
#fcfcfc |
252,252,252 |
Paper White |
||
ForegroundPositive |
#27ae60 |
39,174,96 |
Noble Fir |
||
ForegroundVisited |
#7f8c8d |
127,140,141 |
Coastal Fog |