Colors: Difference between revisions
Jump to navigation
Jump to search
m 5 revisions imported |
added samples of colors via text Tag: 2017 source edit |
||
| Line 3: | Line 3: | ||
A list of the colors used in the stock game UI. | A list of the colors used in the stock game UI. | ||
=== Logo === | === Logo === | ||
[[File:Capture d'écran 2023-08-31 230104.png|alt=KSP2 Logo|thumb|Main Menu Logo]] | [[File:Capture d'écran 2023-08-31 230104.png|alt=KSP2 Logo|thumb|Main Menu Logo]] | ||
* White: <code>#ffffff</code>, <code>rgb(255, 255, 255)</code> | * White: <code>#ffffff</code>, <code>rgb(255, 255, 255)</code> <code><font color=#ffffff>Sample</font></code> | ||
* Red: <code>#e01500</code>, <code>rgb(224, 21, 0)</code> | * Red: <code>#e01500</code>, <code>rgb(224, 21, 0)</code> <code><font color=#e01500>Sample</font></code> | ||
== OAB == | == OAB == | ||
| Line 13: | Line 13: | ||
=== Common === | === Common === | ||
* Background (dark): <code>#22262e</code>, <code>rgb(34, 38, 46)</code> | * Background (dark): <code><font color=#22262e>#22262e</font></code>, <code>rgb(34, 38, 46)</code> <code><font color=#22262e>Sample</font></code> | ||
* Background (light): <code>#2e3540</code>, <code>rgb(46, 53, 64)</code> | * Background (light): <code>#2e3540</code>, <code>rgb(46, 53, 64)</code> <code><font color=#2e3540>Sample</font></code> | ||
* Text (dark): <code>#adb6d0</code>, <code>rgb(173, 182, 208)</code> | * Text (dark): <code>#adb6d0</code>, <code>rgb(173, 182, 208)</code> <code><font color=#adb6d0>Sample</font></code> | ||
* Text (light): <code>#d6e0ff</code>, <code>rgb(214, 224, 255)</code> | * Text (light): <code>#d6e0ff</code>, <code>rgb(214, 224, 255)</code> <code><font color=#d6e0ff>Sample</font></code> | ||
* Border (light blue): <code>#696dff</code>, <code>rgb(105, 109, 255)</code> | * Border (light blue): <code>#696dff</code>, <code>rgb(105, 109, 255)</code> <code><font color=#696dff>Sample</font></code> | ||
* Border (dark blue): <code>#00002b</code>, <code>rgb(0, 0, 43)</code> | * Border (dark blue): <code>#00002b</code>, <code>rgb(0, 0, 43)</code> <code><font color=#00002b>Sample</font></code> | ||
== Flight UI == | == Flight UI == | ||
| Line 25: | Line 25: | ||
[[File:App.bar UI.png|thumb|App Bar]] | [[File:App.bar UI.png|thumb|App Bar]] | ||
* Border Light: <code>#5356cc</code>, <code>rgb(83, 86, 204)</code> | * Border Light: <code>#5356cc</code>, <code>rgb(83, 86, 204)</code> <code><font color=#5356cc>Sample</font></code> | ||
* Border Dark: <code>#2a2a66</code>, <code>rgb(42, 42, 102)</code> | * Border Dark: <code>#2a2a66</code>, <code>rgb(42, 42, 102)</code> <code><font color=#2a2a66>Sample</font></code> | ||
* Light Green: <code>#00ff66</code>, <code>rgb(0, 255, 102)</code> | * Light Green: <code>#00ff66</code>, <code>rgb(0, 255, 102)</code> <code><font color=#00ff66>Sample</font></code> | ||
=== App Bar === | === App Bar === | ||
* Background (Bar): <code>#141616</code>, <code>rgb(20, 22, 22)</code> | * Background (Bar): <code>#141616</code>, <code>rgb(20, 22, 22)</code> <code><font color=#141616>Sample</font></code> | ||
* Icon / Light Gray: <code>#aab2cc</code>, <code>rgb(170, 178, 204)</code> | * Icon / Light Gray: <code>#aab2cc</code>, <code>rgb(170, 178, 204)</code> <code><font color=#aab2cc>Sample</font></code> | ||
* Deselected / Dark Gray: <code>#2a2a32</code>, <code>rgb(42, 42, 50)</code> | * Deselected / Dark Gray: <code>#2a2a32</code>, <code>rgb(42, 42, 50)</code> <code><font color=#2a2a32>Sample</font></code> | ||
* Border (App list): <code>#0d0f2d</code>, <code>rgb(13, 15, 47)</code> | * Border (App list): <code>#0d0f2d</code>, <code>rgb(13, 15, 47)</code> <code><font color=#0d0f2d>Sample</font></code> | ||
* Background (App list): <code>#262a30</code>, <code>rgb(38, 42, 48)</code> | * Background (App list): <code>#262a30</code>, <code>rgb(38, 42, 48)</code> <code><font color=#262a30>Sample</font></code> | ||
Latest revision as of 04:28, 26 February 2025
A list of the colors used in the stock game UI.
Logo
- White:
#ffffff,rgb(255, 255, 255)Sample - Red:
#e01500,rgb(224, 21, 0)Sample
OAB
Common
- Background (dark):
#22262e,rgb(34, 38, 46)Sample - Background (light):
#2e3540,rgb(46, 53, 64)Sample - Text (dark):
#adb6d0,rgb(173, 182, 208)Sample - Text (light):
#d6e0ff,rgb(214, 224, 255)Sample - Border (light blue):
#696dff,rgb(105, 109, 255)Sample - Border (dark blue):
#00002b,rgb(0, 0, 43)Sample
Flight UI
Common
- Border Light:
#5356cc,rgb(83, 86, 204)Sample - Border Dark:
#2a2a66,rgb(42, 42, 102)Sample - Light Green:
#00ff66,rgb(0, 255, 102)Sample
App Bar
- Background (Bar):
#141616,rgb(20, 22, 22)Sample - Icon / Light Gray:
#aab2cc,rgb(170, 178, 204)Sample - Deselected / Dark Gray:
#2a2a32,rgb(42, 42, 50)Sample - Border (App list):
#0d0f2d,rgb(13, 15, 47)Sample - Background (App list):
#262a30,rgb(38, 42, 48)Sample