Color Set | Color Role | Color | HEX | RGB | Name |
---|---|---|---|---|---|
button | BackgroundAlternate | #bdc3c7 | 189,195,199 | Alternate Gray | |
BackgroundNormal | #eff0f1 | 239,240,241 | Cardboard Gray | ||
DecorationFocus | #3daee9 | 61,174,233 | Plasma Blue | ||
DecorationHover | #93cee9 | 147,206,233 | Hover Blue | ||
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 | #232629 | 35,38,41 | Shade Black | ||
ForegroundPositive | #27ae60 | 39,174,96 | Noble Fir | ||
ForegroundVisited | #7f8c8d | 127,140,141 | Coastal Fog | ||
selection | BackgroundAlternate | #1d99f3 | 29,153,243 | Icon Blue | |
BackgroundNormal | #3daee9 | 61,174,233 | Plasma Blue | ||
DecorationFocus | #3daee9 | 61,174,233 | Plasma Blue | ||
DecorationHover | #93cee9 | 147,206,233 | Hover Blue | ||
ForegroundActive | #fcfcfc | 252,252,252 | Paper White | ||
ForegroundInactive | #eff0f1 | 239,240,241 | Cardboard Gray | ||
ForegroundLink | #fdbc4b | 253,188,75 | Icon Yellow | ||
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 | #bdc3c7 | 189,195,199 | Alternate Gray | ||
tooltip | BackgroundAlternate | #4d4d4d | 77,77,77 | Icon Gray | |
BackgroundNormal | #232629 | 35,38,41 | Shade Black | ||
DecorationFocus | #3daee9 | 61,174,233 | Plasma Blue | ||
DecorationHover | #93cee9 | 147,206,233 | Hover Blue | ||
ForegroundActive | #3daee9 | 61,174,233 | Plasma Blue | ||
ForegroundInactive | #bdc3c7 | 189,195,199 | Alternate Gray | ||
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 | #eff0f1 | 239,240,241 | Cardboard Gray | |
BackgroundNormal | #fcfcfc | 252,252,252 | Paper White | ||
DecorationFocus | #3daee9 | 61,174,233 | Plasma Blue | ||
DecorationHover | #93cee9 | 147,206,233 | Hover Blue | ||
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 | #232629 | 35,38,41 | Shade Black | ||
ForegroundPositive | #27ae60 | 39,174,96 | Noble Fir | ||
ForegroundVisited | #7f8c8d | 127,140,141 | Coastal Fog | ||
window | BackgroundAlternate | #bdc3c7 | 189,195,199 | Alternate Gray | |
BackgroundNormal | #eff0f1 | 239,240,241 | Cardboard Gray | ||
DecorationFocus | #3daee9 | 61,174,233 | Plasma Blue | ||
DecorationHover | #93cee9 | 147,206,233 | Hover Blue | ||
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 | #232629 | 35,38,41 | Shade Black | ||
ForegroundPositive | #27ae60 | 39,174,96 | Noble Fir | ||
ForegroundVisited | #7f8c8d | 127,140,141 | Coastal Fog | ||
complementary | BackgroundAlternate | #3b4045 | 59,64,69 | Burnt Charcoal | |
BackgroundNormal | #31363b | 49,54,59 | Charcoal Gray | ||
DecorationFocus | #1e92ff | 30,146,255 | Deco Blue | ||
DecorationHover | #3daee6 | 61,174,230 | Hyper Blue | ||
ForegroundActive | #93cee9 | 147,206,233 | Hover Blue | ||
ForegroundInactive | #afb0b3 | 175,176,179 | Lazy Gray | ||
ForegroundLink | #3daee6 | 61,174,230 | Hyper Blue | ||
ForegroundNegative | #e74c3c | 231,76,60 | Pimpinella | ||
ForegroundNeutral | #fdbc4b | 253,188,75 | Icon Yellow | ||
ForegroundNormal | #eff0f1 | 239,240,241 | Cardboard Gray | ||
ForegroundPositive | #2ecc71 | 46,204,113 | Icon Green | ||
ForegroundVisited | #3daee6 | 61,174,230 | Hyper Blue |