Skip to content
This repository has been archived by the owner on Sep 25, 2023. It is now read-only.

Latest commit

 

History

History
29 lines (23 loc) · 2.43 KB

GUI-style.md

File metadata and controls

29 lines (23 loc) · 2.43 KB
Raw

Colors

Background

  • #222222 #222222 rgb(34, 34, 34) Main left menu background
  • #333333 #333333 rgb(51, 51, 51) Lighter left menu background, selected menu background (connection and user infos), dialog greyed out (with 0.8 opacity)
  • #EEEEEE #EEEEEE rgb(238, 238, 238) Main background
  • #F4F4F4 #F4F4F4 rgba(244, 244, 244) Dialog background color, workspace button focus background
  • #FFFFFF #FFFFFF rgb(255, 255, 255) Input elements background, tab bar background, focus element background
  • #0092FF #0092FF rgb(0, 146, 255) Enabled buttons background
  • #DDDDDD #DDDDDD rgb(221, 221, 221) Disabled elements background

Inputs

  • #999999 #999999 rgb(153, 153, 153) Input elements borders
  • #0092FF #0092FF rgb(0, 146, 255) Inline button
  • #0070DD #0070DD rgb(0, 112, 221) Inline button hover
  • #00B4FF #00B4FF rgb(0, 180, 255) Hover button background

Texts/icons

  • #222222 #222222 rgb(34, 34, 34) Titles
  • #333333 #333333 rgb(51, 51, 51) Usual texts
  • #999999 #999999 rgb(153, 153, 153) Usual texts
  • #FFFFFF #FFFFFF rgb(255, 255, 255) Button enabled text
  • #0092FF #0092FF rgb(0, 146, 255) Important icons
  • #F44336 #F44336 rgb(244, 67, 54) Error text, password strength bad
  • #f1962b #f1962b rgb(251, 150, 43) File unsynced icon, password strength weak
  • #8bc34a #8bc34a rgb(139, 195, 74) File synced icon, password strength excellent