Skip to content
GitLab

Style Guide · Changes

Page history
Added color samples authored by Security: Pwned.'s avatar Security: Pwned.
Hide whitespace changes
Inline Side-by-side
Style-Guide.md
View page @ 57814178
...@@ -38,16 +38,16 @@ Our main App Icon is the red Status Icon indicating threat status `DANGER`. You ...@@ -38,16 +38,16 @@ Our main App Icon is the red Status Icon indicating threat status `DANGER`. You
#### Colors #### Colors
| COLOR | #HEX | DESCRIPTION | | COLOR | #HEX | DESCRIPTION | |
|:-----:|:-------:|:-----------------------------------------------------------------------------------------------------------------:| |:-----:|:-------:|:---------------------------------------------:|:------------------------------:|
| | #111111 | Background color: Screen and Navigation | | ![111111](https://spideroak.com/share/IFEU2U2JINCA/GitHub/home/SecUpwN/SpiderOak/DOCUMENTATION/StyleGuide/111111.png) | #111111 | Background color: Screen and Navigation |
| | #333333 | Outline of boxes, background of box header, background of Navigation Drawer, form fields (text input, select box) | | ![333333](https://spideroak.com/share/IFEU2U2JINCA/GitHub/home/SecUpwN/SpiderOak/DOCUMENTATION/StyleGuide/333333.png) | #333333 | Outline of boxes, background of box header, background of Navigation Drawer, form fields (text input, select box)
| | #ffec5a | Akzent Color, text of box headlines, buttons | | ![ffec5a](https://spideroak.com/share/IFEU2U2JINCA/GitHub/home/SecUpwN/SpiderOak/DOCUMENTATION/StyleGuide/ffec5a.png) | #ffec5a | Akzent Color, text of box headlines, buttons
| | #929292 | Describing text of values, "unimportant" text (for better overview) | | ![929292](https://spideroak.com/share/IFEU2U2JINCA/GitHub/home/SecUpwN/SpiderOak/DOCUMENTATION/StyleGuide/929292.png) | #929292 | Describing text of values, "unimportant" text (for better overview)
| | #f9f9f9 | "Important" values (good readability) | | ![f9f9f9](https://spideroak.com/share/IFEU2U2JINCA/GitHub/home/SecUpwN/SpiderOak/DOCUMENTATION/StyleGuide/f9f9f9.png) | #f9f9f9 | "Important" values (good readability)
| | #ab2424 | Map Marker (single tower), text color for alerts of all kind (or as box background color) | | ![ab2424](https://spideroak.com/share/IFEU2U2JINCA/GitHub/home/SecUpwN/SpiderOak/DOCUMENTATION/StyleGuide/ab2424.png) | #ab2424 | Map Marker (single tower), text color for alerts of all kind (or as box background color)
| | #35b838 | Map Marker (more towers) | | ![35b838](https://spideroak.com/share/IFEU2U2JINCA/GitHub/home/SecUpwN/SpiderOak/DOCUMENTATION/StyleGuide/35b838.png) | #35b838 | Map Marker (more towers)
| | #2668a0 | Neutral color, use for small objects (own position in the map) | | ![2668a0](https://spideroak.com/share/IFEU2U2JINCA/GitHub/home/SecUpwN/SpiderOak/DOCUMENTATION/StyleGuide/2668a0.png) | #2668a0 | Neutral color, use for small objects (own position in the map)
--- ---
......