diff options
author | kali kaneko (leap communications) <kali@leap.se> | 2021-08-27 19:45:41 +0200 |
---|---|---|
committer | kali kaneko (leap communications) <kali@leap.se> | 2021-10-06 18:37:22 +0200 |
commit | 15f2efc9aa77893d5300d198dd3b5c42549018e8 (patch) | |
tree | 35e4f512ec86a770960f786eeddaab1e8b29d929 /gui/themes/themes.js | |
parent | b8c34672538109a67c1ffc4a4ec4f90772ea9e3e (diff) |
[ui] refactor ui
Diffstat (limited to 'gui/themes/themes.js')
-rw-r--r-- | gui/themes/themes.js | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/gui/themes/themes.js b/gui/themes/themes.js new file mode 100644 index 0000000..265af9a --- /dev/null +++ b/gui/themes/themes.js @@ -0,0 +1,51 @@ +.pragma library + +const borderColor = "#6D6D6E"; +const fontColor = "#6D6D6E"; +const fontColorDark = "#3D3D3D"; +const fontFamily = "Metropolis"; +const fontBoldFamily = "OxaniumBold"; +const fontInterFamily = "InterUI"; +const fontSize = 15; +const fontSizeLarge = 22; +const fontSizeSmall = 13; +const fontSizeSmallest = 11; +const fontWeightBold = 600; +const iconSize = 16; +const labelLineHeight = 22; +const cityListTopMargin = 18; +const controllerInterLineHeight = 18; +const hSpacing = 20; +const vSpacing = 24; +const vSpacingSmall = 16; +const listSpacing = 8; +const maxTextWidth = 296; +const windowMargin = 16; +const popupMargin = 24; +const desktopAppHeight = 520; +const desktopAppWidth = 360; +const darkFocusBorder = fontColor; +const lightFocusBorder = "#d5d3e0"; + +const accentOff = "#af0909"; +const accentConnecting = "#FFCC33"; +const accentOn = "#669933"; + +const blue = "#0060DF"; +const blueHovered = "#0250BB"; +const bluePressed = "#054096"; +const blueDisabled = "#a3c0f3"; +const blueFocusOutline = "#4d0a84ff"; +const blueFocusBorder = "#0a84ff"; + +const blueButton = { + "defaultColor" : blue, + "buttonHovered": blueHovered, + "buttonPressed": bluePressed, + "buttonDisabled": blueDisabled, + "focusBgColor": blue, + "focusOutline": blueFocusOutline, + "focusBorder": blueFocusBorder, +}; + +const bgColor = "white"; |