summaryrefslogtreecommitdiff
path: root/gui/themes
diff options
context:
space:
mode:
authorkali kaneko (leap communications) <kali@leap.se>2021-08-27 19:45:41 +0200
committerkali kaneko (leap communications) <kali@leap.se>2021-11-23 21:50:58 +0100
commitcd1d46a26b923260b6c87cc93a0723b8166c609e (patch)
tree81d0fafeaeda6f5d72ec03f589cf8560cea32ed8 /gui/themes
parent76585f828a36c08614df84f43d64e20fb0e7a425 (diff)
[ui] refactor ui
Diffstat (limited to 'gui/themes')
-rw-r--r--gui/themes/themes.js51
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";