Difference between revisions of "KDE Visual Design Group/HIG/BreezeLight"

Jump to: navigation, search
(Created page with "== Breeze Light == See Colors for the main article about color.<br/><br/> <table style='width: 100%!important;' border='1px'> <tr><th>...")
 
Line 7: Line 7:
 
<tr><th>Color Set</th><th>Color Role</th><th>Color</th><th>hex</th><th>RGB</th><th>Name</th></tr>
 
<tr><th>Color Set</th><th>Color Role</th><th>Color</th><th>hex</th><th>RGB</th><th>Name</th></tr>
 
<tr><td rowspan='12'>button</td><td>BackgroundAlternate</td><td style='background-color: rgb(224,223,222);'>&#160;</td><td>#e0dfde</td><td>224,223,222</td><td></td></tr>
 
<tr><td rowspan='12'>button</td><td>BackgroundAlternate</td><td style='background-color: rgb(224,223,222);'>&#160;</td><td>#e0dfde</td><td>224,223,222</td><td></td></tr>
<tr><td>BackgroundNormal</td><td style='background-color: rgb(239,240,241);'>&#160;</td><td>#eff0f1</td><td>239,240,241</td><td></td></tr>
+
<tr><td>BackgroundNormal</td><td style='background-color: rgb(239,240,241);'>&#160;</td><td>#eff0f1</td><td>239,240,241</td><td>Cardboard Grey</td></tr>
<tr><td>DecorationFocus</td><td style='background-color: rgb(61,174,233);'>&#160;</td><td>#3daee9</td><td>61,174,233</td><td></td></tr>
+
<tr><td>DecorationFocus</td><td style='background-color: rgb(61,174,233);'>&#160;</td><td>#3daee9</td><td>61,174,233</td><td>Plasma Blue</td></tr>
 
<tr><td>DecorationHover</td><td style='background-color: rgb(142,203,233);'>&#160;</td><td>#8ecbe9</td><td>142,203,233</td><td></td></tr>
 
<tr><td>DecorationHover</td><td style='background-color: rgb(142,203,233);'>&#160;</td><td>#8ecbe9</td><td>142,203,233</td><td></td></tr>
 
<tr><td>ForegroundActive</td><td style='background-color: rgb(255,128,224);'>&#160;</td><td>#ff80e0</td><td>255,128,224</td><td></td></tr>
 
<tr><td>ForegroundActive</td><td style='background-color: rgb(255,128,224);'>&#160;</td><td>#ff80e0</td><td>255,128,224</td><td></td></tr>
Line 15: Line 15:
 
<tr><td>ForegroundNegative</td><td style='background-color: rgb(191,3,3);'>&#160;</td><td>#bf0303</td><td>191,3,3</td><td></td></tr>
 
<tr><td>ForegroundNegative</td><td style='background-color: rgb(191,3,3);'>&#160;</td><td>#bf0303</td><td>191,3,3</td><td></td></tr>
 
<tr><td>ForegroundNeutral</td><td style='background-color: rgb(176,128,0);'>&#160;</td><td>#b08000</td><td>176,128,0</td><td></td></tr>
 
<tr><td>ForegroundNeutral</td><td style='background-color: rgb(176,128,0);'>&#160;</td><td>#b08000</td><td>176,128,0</td><td></td></tr>
<tr><td>ForegroundNormal</td><td style='background-color: rgb(49,54,59);'>&#160;</td><td>#31363b</td><td>49,54,59</td><td></td></tr>
+
<tr><td>ForegroundNormal</td><td style='background-color: rgb(49,54,59);'>&#160;</td><td>#31363b</td><td>49,54,59</td><td>Charcoal Grey</td></tr>
 
<tr><td>ForegroundPositive</td><td style='background-color: rgb(0,110,40);'>&#160;</td><td>#006e28</td><td>0,110,40</td><td></td></tr>
 
<tr><td>ForegroundPositive</td><td style='background-color: rgb(0,110,40);'>&#160;</td><td>#006e28</td><td>0,110,40</td><td></td></tr>
 
<tr><td>ForegroundVisited</td><td style='background-color: rgb(69,40,134);'>&#160;</td><td>#452886</td><td>69,40,134</td><td></td></tr>
 
<tr><td>ForegroundVisited</td><td style='background-color: rgb(69,40,134);'>&#160;</td><td>#452886</td><td>69,40,134</td><td></td></tr>
 
<tr><td rowspan='12'>selection</td><td>BackgroundAlternate</td><td style='background-color: rgb(62,138,204);'>&#160;</td><td>#3e8acc</td><td>62,138,204</td><td></td></tr>
 
<tr><td rowspan='12'>selection</td><td>BackgroundAlternate</td><td style='background-color: rgb(62,138,204);'>&#160;</td><td>#3e8acc</td><td>62,138,204</td><td></td></tr>
<tr><td>BackgroundNormal</td><td style='background-color: rgb(61,174,233);'>&#160;</td><td>#3daee9</td><td>61,174,233</td><td></td></tr>
+
<tr><td>BackgroundNormal</td><td style='background-color: rgb(61,174,233);'>&#160;</td><td>#3daee9</td><td>61,174,233</td><td>Plasma Blue</td></tr>
<tr><td>DecorationFocus</td><td style='background-color: rgb(61,174,233);'>&#160;</td><td>#3daee9</td><td>61,174,233</td><td></td></tr>
+
<tr><td>DecorationFocus</td><td style='background-color: rgb(61,174,233);'>&#160;</td><td>#3daee9</td><td>61,174,233</td><td>Plasma Blue</td></tr>
 
<tr><td>DecorationHover</td><td style='background-color: rgb(142,203,233);'>&#160;</td><td>#8ecbe9</td><td>142,203,233</td><td></td></tr>
 
<tr><td>DecorationHover</td><td style='background-color: rgb(142,203,233);'>&#160;</td><td>#8ecbe9</td><td>142,203,233</td><td></td></tr>
 
<tr><td>ForegroundActive</td><td style='background-color: rgb(255,128,224);'>&#160;</td><td>#ff80e0</td><td>255,128,224</td><td></td></tr>
 
<tr><td>ForegroundActive</td><td style='background-color: rgb(255,128,224);'>&#160;</td><td>#ff80e0</td><td>255,128,224</td><td></td></tr>
Line 27: Line 27:
 
<tr><td>ForegroundNegative</td><td style='background-color: rgb(156,14,14);'>&#160;</td><td>#9c0e0e</td><td>156,14,14</td><td></td></tr>
 
<tr><td>ForegroundNegative</td><td style='background-color: rgb(156,14,14);'>&#160;</td><td>#9c0e0e</td><td>156,14,14</td><td></td></tr>
 
<tr><td>ForegroundNeutral</td><td style='background-color: rgb(255,221,0);'>&#160;</td><td>#ffdd00</td><td>255,221,0</td><td></td></tr>
 
<tr><td>ForegroundNeutral</td><td style='background-color: rgb(255,221,0);'>&#160;</td><td>#ffdd00</td><td>255,221,0</td><td></td></tr>
<tr><td>ForegroundNormal</td><td style='background-color: rgb(252,252,252);'>&#160;</td><td>#fcfcfc</td><td>252,252,252</td><td></td></tr>
+
<tr><td>ForegroundNormal</td><td style='background-color: rgb(252,252,252);'>&#160;</td><td>#fcfcfc</td><td>252,252,252</td><td>Paper White</td></tr>
 
<tr><td>ForegroundPositive</td><td style='background-color: rgb(128,255,128);'>&#160;</td><td>#80ff80</td><td>128,255,128</td><td></td></tr>
 
<tr><td>ForegroundPositive</td><td style='background-color: rgb(128,255,128);'>&#160;</td><td>#80ff80</td><td>128,255,128</td><td></td></tr>
 
<tr><td>ForegroundVisited</td><td style='background-color: rgb(69,40,134);'>&#160;</td><td>#452886</td><td>69,40,134</td><td></td></tr>
 
<tr><td>ForegroundVisited</td><td style='background-color: rgb(69,40,134);'>&#160;</td><td>#452886</td><td>69,40,134</td><td></td></tr>
 
<tr><td rowspan='12'>tooltip</td><td>BackgroundAlternate</td><td style='background-color: rgb(196,224,255);'>&#160;</td><td>#c4e0ff</td><td>196,224,255</td><td></td></tr>
 
<tr><td rowspan='12'>tooltip</td><td>BackgroundAlternate</td><td style='background-color: rgb(196,224,255);'>&#160;</td><td>#c4e0ff</td><td>196,224,255</td><td></td></tr>
<tr><td>BackgroundNormal</td><td style='background-color: rgb(252,252,252);'>&#160;</td><td>#fcfcfc</td><td>252,252,252</td><td></td></tr>
+
<tr><td>BackgroundNormal</td><td style='background-color: rgb(252,252,252);'>&#160;</td><td>#fcfcfc</td><td>252,252,252</td><td>Paper White</td></tr>
<tr><td>DecorationFocus</td><td style='background-color: rgb(61,174,233);'>&#160;</td><td>#3daee9</td><td>61,174,233</td><td></td></tr>
+
<tr><td>DecorationFocus</td><td style='background-color: rgb(61,174,233);'>&#160;</td><td>#3daee9</td><td>61,174,233</td><td>Plasma Blue</td></tr>
 
<tr><td>DecorationHover</td><td style='background-color: rgb(142,203,233);'>&#160;</td><td>#8ecbe9</td><td>142,203,233</td><td></td></tr>
 
<tr><td>DecorationHover</td><td style='background-color: rgb(142,203,233);'>&#160;</td><td>#8ecbe9</td><td>142,203,233</td><td></td></tr>
 
<tr><td>ForegroundActive</td><td style='background-color: rgb(255,128,224);'>&#160;</td><td>#ff80e0</td><td>255,128,224</td><td></td></tr>
 
<tr><td>ForegroundActive</td><td style='background-color: rgb(255,128,224);'>&#160;</td><td>#ff80e0</td><td>255,128,224</td><td></td></tr>
Line 39: Line 39:
 
<tr><td>ForegroundNegative</td><td style='background-color: rgb(191,3,3);'>&#160;</td><td>#bf0303</td><td>191,3,3</td><td></td></tr>
 
<tr><td>ForegroundNegative</td><td style='background-color: rgb(191,3,3);'>&#160;</td><td>#bf0303</td><td>191,3,3</td><td></td></tr>
 
<tr><td>ForegroundNeutral</td><td style='background-color: rgb(176,128,0);'>&#160;</td><td>#b08000</td><td>176,128,0</td><td></td></tr>
 
<tr><td>ForegroundNeutral</td><td style='background-color: rgb(176,128,0);'>&#160;</td><td>#b08000</td><td>176,128,0</td><td></td></tr>
<tr><td>ForegroundNormal</td><td style='background-color: rgb(49,54,59);'>&#160;</td><td>#31363b</td><td>49,54,59</td><td></td></tr>
+
<tr><td>ForegroundNormal</td><td style='background-color: rgb(49,54,59);'>&#160;</td><td>#31363b</td><td>49,54,59</td><td>Charcoal Grey</td></tr>
 
<tr><td>ForegroundPositive</td><td style='background-color: rgb(0,110,40);'>&#160;</td><td>#006e28</td><td>0,110,40</td><td></td></tr>
 
<tr><td>ForegroundPositive</td><td style='background-color: rgb(0,110,40);'>&#160;</td><td>#006e28</td><td>0,110,40</td><td></td></tr>
 
<tr><td>ForegroundVisited</td><td style='background-color: rgb(69,40,134);'>&#160;</td><td>#452886</td><td>69,40,134</td><td></td></tr>
 
<tr><td>ForegroundVisited</td><td style='background-color: rgb(69,40,134);'>&#160;</td><td>#452886</td><td>69,40,134</td><td></td></tr>
 
<tr><td rowspan='12'>view</td><td>BackgroundAlternate</td><td style='background-color: rgb(248,247,246);'>&#160;</td><td>#f8f7f6</td><td>248,247,246</td><td></td></tr>
 
<tr><td rowspan='12'>view</td><td>BackgroundAlternate</td><td style='background-color: rgb(248,247,246);'>&#160;</td><td>#f8f7f6</td><td>248,247,246</td><td></td></tr>
<tr><td>BackgroundNormal</td><td style='background-color: rgb(252,252,252);'>&#160;</td><td>#fcfcfc</td><td>252,252,252</td><td></td></tr>
+
<tr><td>BackgroundNormal</td><td style='background-color: rgb(252,252,252);'>&#160;</td><td>#fcfcfc</td><td>252,252,252</td><td>Paper White</td></tr>
<tr><td>DecorationFocus</td><td style='background-color: rgb(61,174,233);'>&#160;</td><td>#3daee9</td><td>61,174,233</td><td></td></tr>
+
<tr><td>DecorationFocus</td><td style='background-color: rgb(61,174,233);'>&#160;</td><td>#3daee9</td><td>61,174,233</td><td>Plasma Blue</td></tr>
 
<tr><td>DecorationHover</td><td style='background-color: rgb(142,203,233);'>&#160;</td><td>#8ecbe9</td><td>142,203,233</td><td></td></tr>
 
<tr><td>DecorationHover</td><td style='background-color: rgb(142,203,233);'>&#160;</td><td>#8ecbe9</td><td>142,203,233</td><td></td></tr>
 
<tr><td>ForegroundActive</td><td style='background-color: rgb(255,128,224);'>&#160;</td><td>#ff80e0</td><td>255,128,224</td><td></td></tr>
 
<tr><td>ForegroundActive</td><td style='background-color: rgb(255,128,224);'>&#160;</td><td>#ff80e0</td><td>255,128,224</td><td></td></tr>
Line 51: Line 51:
 
<tr><td>ForegroundNegative</td><td style='background-color: rgb(191,3,3);'>&#160;</td><td>#bf0303</td><td>191,3,3</td><td></td></tr>
 
<tr><td>ForegroundNegative</td><td style='background-color: rgb(191,3,3);'>&#160;</td><td>#bf0303</td><td>191,3,3</td><td></td></tr>
 
<tr><td>ForegroundNeutral</td><td style='background-color: rgb(176,128,0);'>&#160;</td><td>#b08000</td><td>176,128,0</td><td></td></tr>
 
<tr><td>ForegroundNeutral</td><td style='background-color: rgb(176,128,0);'>&#160;</td><td>#b08000</td><td>176,128,0</td><td></td></tr>
<tr><td>ForegroundNormal</td><td style='background-color: rgb(49,54,59);'>&#160;</td><td>#31363b</td><td>49,54,59</td><td></td></tr>
+
<tr><td>ForegroundNormal</td><td style='background-color: rgb(49,54,59);'>&#160;</td><td>#31363b</td><td>49,54,59</td><td>Charcoal Grey</td></tr>
 
<tr><td>ForegroundPositive</td><td style='background-color: rgb(0,110,40);'>&#160;</td><td>#006e28</td><td>0,110,40</td><td></td></tr>
 
<tr><td>ForegroundPositive</td><td style='background-color: rgb(0,110,40);'>&#160;</td><td>#006e28</td><td>0,110,40</td><td></td></tr>
 
<tr><td>ForegroundVisited</td><td style='background-color: rgb(69,40,134);'>&#160;</td><td>#452886</td><td>69,40,134</td><td></td></tr>
 
<tr><td>ForegroundVisited</td><td style='background-color: rgb(69,40,134);'>&#160;</td><td>#452886</td><td>69,40,134</td><td></td></tr>
 
<tr><td rowspan='12'>window</td><td>BackgroundAlternate</td><td style='background-color: rgb(218,217,216);'>&#160;</td><td>#dad9d8</td><td>218,217,216</td><td></td></tr>
 
<tr><td rowspan='12'>window</td><td>BackgroundAlternate</td><td style='background-color: rgb(218,217,216);'>&#160;</td><td>#dad9d8</td><td>218,217,216</td><td></td></tr>
<tr><td>BackgroundNormal</td><td style='background-color: rgb(239,240,241);'>&#160;</td><td>#eff0f1</td><td>239,240,241</td><td></td></tr>
+
<tr><td>BackgroundNormal</td><td style='background-color: rgb(239,240,241);'>&#160;</td><td>#eff0f1</td><td>239,240,241</td><td>Cardboard Grey</td></tr>
<tr><td>DecorationFocus</td><td style='background-color: rgb(61,174,233);'>&#160;</td><td>#3daee9</td><td>61,174,233</td><td></td></tr>
+
<tr><td>DecorationFocus</td><td style='background-color: rgb(61,174,233);'>&#160;</td><td>#3daee9</td><td>61,174,233</td><td>Plasma Blue</td></tr>
 
<tr><td>DecorationHover</td><td style='background-color: rgb(142,203,233);'>&#160;</td><td>#8ecbe9</td><td>142,203,233</td><td></td></tr>
 
<tr><td>DecorationHover</td><td style='background-color: rgb(142,203,233);'>&#160;</td><td>#8ecbe9</td><td>142,203,233</td><td></td></tr>
 
<tr><td>ForegroundActive</td><td style='background-color: rgb(255,128,224);'>&#160;</td><td>#ff80e0</td><td>255,128,224</td><td></td></tr>
 
<tr><td>ForegroundActive</td><td style='background-color: rgb(255,128,224);'>&#160;</td><td>#ff80e0</td><td>255,128,224</td><td></td></tr>
Line 63: Line 63:
 
<tr><td>ForegroundNegative</td><td style='background-color: rgb(191,3,3);'>&#160;</td><td>#bf0303</td><td>191,3,3</td><td></td></tr>
 
<tr><td>ForegroundNegative</td><td style='background-color: rgb(191,3,3);'>&#160;</td><td>#bf0303</td><td>191,3,3</td><td></td></tr>
 
<tr><td>ForegroundNeutral</td><td style='background-color: rgb(176,128,0);'>&#160;</td><td>#b08000</td><td>176,128,0</td><td></td></tr>
 
<tr><td>ForegroundNeutral</td><td style='background-color: rgb(176,128,0);'>&#160;</td><td>#b08000</td><td>176,128,0</td><td></td></tr>
<tr><td>ForegroundNormal</td><td style='background-color: rgb(49,54,59);'>&#160;</td><td>#31363b</td><td>49,54,59</td><td></td></tr>
+
<tr><td>ForegroundNormal</td><td style='background-color: rgb(49,54,59);'>&#160;</td><td>#31363b</td><td>49,54,59</td><td>Charcoal Grey</td></tr>
 
<tr><td>ForegroundPositive</td><td style='background-color: rgb(0,110,40);'>&#160;</td><td>#006e28</td><td>0,110,40</td><td></td></tr>
 
<tr><td>ForegroundPositive</td><td style='background-color: rgb(0,110,40);'>&#160;</td><td>#006e28</td><td>0,110,40</td><td></td></tr>
 
<tr><td>ForegroundVisited</td><td style='background-color: rgb(69,40,134);'>&#160;</td><td>#452886</td><td>69,40,134</td><td></td></tr>
 
<tr><td>ForegroundVisited</td><td style='background-color: rgb(69,40,134);'>&#160;</td><td>#452886</td><td>69,40,134</td><td></td></tr>
<tr><td rowspan='12'>complementary</td><td>BackgroundAlternate</td><td style='background-color: rgb(59,64,69);'>&#160;</td><td>#3b4045</td><td>59,64,69</td><td></td></tr>
+
<tr><td rowspan='12'>complementary</td><td>BackgroundAlternate</td><td style='background-color: rgb(59,64,69);'>&#160;</td><td>#3b4045</td><td>59,64,69</td><td>Burnt Charcoal</td></tr>
<tr><td>BackgroundNormal</td><td style='background-color: rgb(49,54,59);'>&#160;</td><td>#31363b</td><td>49,54,59</td><td></td></tr>
+
<tr><td>BackgroundNormal</td><td style='background-color: rgb(49,54,59);'>&#160;</td><td>#31363b</td><td>49,54,59</td><td>Charcoal Grey</td></tr>
<tr><td>DecorationFocus</td><td style='background-color: rgb(30,146,255);'>&#160;</td><td>#1e92ff</td><td>30,146,255</td><td></td></tr>
+
<tr><td>DecorationFocus</td><td style='background-color: rgb(30,146,255);'>&#160;</td><td>#1e92ff</td><td>30,146,255</td><td>Deco Blue</td></tr>
<tr><td>DecorationHover</td><td style='background-color: rgb(61,174,230);'>&#160;</td><td>#3daee6</td><td>61,174,230</td><td></td></tr>
+
<tr><td>DecorationHover</td><td style='background-color: rgb(61,174,230);'>&#160;</td><td>#3daee6</td><td>61,174,230</td><td>Hyper Blue</td></tr>
<tr><td>ForegroundActive</td><td style='background-color: rgb(246,116,0);'>&#160;</td><td>#f67400</td><td>246,116,0</td><td></td></tr>
+
<tr><td>ForegroundActive</td><td style='background-color: rgb(246,116,0);'>&#160;</td><td>#f67400</td><td>246,116,0</td><td>Beware Orange</td></tr>
<tr><td>ForegroundInactive</td><td style='background-color: rgb(175,176,179);'>&#160;</td><td>#afb0b3</td><td>175,176,179</td><td></td></tr>
+
<tr><td>ForegroundInactive</td><td style='background-color: rgb(175,176,179);'>&#160;</td><td>#afb0b3</td><td>175,176,179</td><td>Lazy Grey</td></tr>
<tr><td>ForegroundLink</td><td style='background-color: rgb(61,174,230);'>&#160;</td><td>#3daee6</td><td>61,174,230</td><td></td></tr>
+
<tr><td>ForegroundLink</td><td style='background-color: rgb(61,174,230);'>&#160;</td><td>#3daee6</td><td>61,174,230</td><td>Hyper Blue</td></tr>
<tr><td>ForegroundNegative</td><td style='background-color: rgb(237,21,21);'>&#160;</td><td>#ed1515</td><td>237,21,21</td><td></td></tr>
+
<tr><td>ForegroundNegative</td><td style='background-color: rgb(237,21,21);'>&#160;</td><td>#ed1515</td><td>237,21,21</td><td>Danger Red</td></tr>
<tr><td>ForegroundNeutral</td><td style='background-color: rgb(201,206,59);'>&#160;</td><td>#c9ce3b</td><td>201,206,59</td><td></td></tr>
+
<tr><td>ForegroundNeutral</td><td style='background-color: rgb(201,206,59);'>&#160;</td><td>#c9ce3b</td><td>201,206,59</td><td>Sunbeam Yellow</td></tr>
<tr><td>ForegroundNormal</td><td style='background-color: rgb(239,240,241);'>&#160;</td><td>#eff0f1</td><td>239,240,241</td><td></td></tr>
+
<tr><td>ForegroundNormal</td><td style='background-color: rgb(239,240,241);'>&#160;</td><td>#eff0f1</td><td>239,240,241</td><td>Cardboard Grey</td></tr>
<tr><td>ForegroundPositive</td><td style='background-color: rgb(17,209,22);'>&#160;</td><td>#11d116</td><td>17,209,22</td><td></td></tr>
+
<tr><td>ForegroundPositive</td><td style='background-color: rgb(17,209,22);'>&#160;</td><td>#11d116</td><td>17,209,22</td><td>Verdant Green</td></tr>
<tr><td>ForegroundVisited</td><td style='background-color: rgb(61,174,230);'>&#160;</td><td>#3daee6</td><td>61,174,230</td><td></td></tr>
+
<tr><td>ForegroundVisited</td><td style='background-color: rgb(61,174,230);'>&#160;</td><td>#3daee6</td><td>61,174,230</td><td>Hyper Blue</td></tr>
 
</table>
 
</table>
  

Revision as of 14:46, 16 May 2017

Breeze Light

See Colors for the main article about color.


Color SetColor RoleColorhexRGBName
buttonBackgroundAlternate #e0dfde224,223,222
BackgroundNormal #eff0f1239,240,241Cardboard Grey
DecorationFocus #3daee961,174,233Plasma Blue
DecorationHover #8ecbe9142,203,233
ForegroundActive #ff80e0255,128,224
ForegroundInactive #888786136,135,134
ForegroundLink #0057ae0,87,174
ForegroundNegative #bf0303191,3,3
ForegroundNeutral #b08000176,128,0
ForegroundNormal #31363b49,54,59Charcoal Grey
ForegroundPositive #006e280,110,40
ForegroundVisited #45288669,40,134
selectionBackgroundAlternate #3e8acc62,138,204
BackgroundNormal #3daee961,174,233Plasma Blue
DecorationFocus #3daee961,174,233Plasma Blue
DecorationHover #8ecbe9142,203,233
ForegroundActive #ff80e0255,128,224
ForegroundInactive #8ecbe9142,203,233
ForegroundLink #00316e0,49,110
ForegroundNegative #9c0e0e156,14,14
ForegroundNeutral #ffdd00255,221,0
ForegroundNormal #fcfcfc252,252,252Paper White
ForegroundPositive #80ff80128,255,128
ForegroundVisited #45288669,40,134
tooltipBackgroundAlternate #c4e0ff196,224,255
BackgroundNormal #fcfcfc252,252,252Paper White
DecorationFocus #3daee961,174,233Plasma Blue
DecorationHover #8ecbe9142,203,233
ForegroundActive #ff80e0255,128,224
ForegroundInactive #60708096,112,128
ForegroundLink #0057ae0,87,174
ForegroundNegative #bf0303191,3,3
ForegroundNeutral #b08000176,128,0
ForegroundNormal #31363b49,54,59Charcoal Grey
ForegroundPositive #006e280,110,40
ForegroundVisited #45288669,40,134
viewBackgroundAlternate #f8f7f6248,247,246
BackgroundNormal #fcfcfc252,252,252Paper White
DecorationFocus #3daee961,174,233Plasma Blue
DecorationHover #8ecbe9142,203,233
ForegroundActive #ff80e0255,128,224
ForegroundInactive #888786136,135,134
ForegroundLink #0057ae0,87,174
ForegroundNegative #bf0303191,3,3
ForegroundNeutral #b08000176,128,0
ForegroundNormal #31363b49,54,59Charcoal Grey
ForegroundPositive #006e280,110,40
ForegroundVisited #45288669,40,134
windowBackgroundAlternate #dad9d8218,217,216
BackgroundNormal #eff0f1239,240,241Cardboard Grey
DecorationFocus #3daee961,174,233Plasma Blue
DecorationHover #8ecbe9142,203,233
ForegroundActive #ff80e0255,128,224
ForegroundInactive #888786136,135,134
ForegroundLink #0057ae0,87,174
ForegroundNegative #bf0303191,3,3
ForegroundNeutral #b08000176,128,0
ForegroundNormal #31363b49,54,59Charcoal Grey
ForegroundPositive #006e280,110,40
ForegroundVisited #45288669,40,134
complementaryBackgroundAlternate #3b404559,64,69Burnt Charcoal
BackgroundNormal #31363b49,54,59Charcoal Grey
DecorationFocus #1e92ff30,146,255Deco Blue
DecorationHover #3daee661,174,230Hyper Blue
ForegroundActive #f67400246,116,0Beware Orange
ForegroundInactive #afb0b3175,176,179Lazy Grey
ForegroundLink #3daee661,174,230Hyper Blue
ForegroundNegative #ed1515237,21,21Danger Red
ForegroundNeutral #c9ce3b201,206,59Sunbeam Yellow
ForegroundNormal #eff0f1239,240,241Cardboard Grey
ForegroundPositive #11d11617,209,22Verdant Green
ForegroundVisited #3daee661,174,230Hyper Blue



SCSS Colors: File:Breeze-colors-light.scss.gz
Gimp Palette: File:Breeze-colors-light.gpl.gz


Content is available under Creative Commons License SA 4.0 unless otherwise noted.