summaryrefslogtreecommitdiff
path: root/gui/themes/themes.js
blob: d35c662916563781431a8d6f3ec5b5012618e2dc (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
.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 red = "#af0909";
const yellow = "#ffcc33";
const green = "#669933";

const accentOff = red;
const accentConnecting = yellow;
const accentOn = green;

const signalLow = red;
const signalMedium = yellow;
const signalGood = green;

const blue = "#007ac6";
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 buttonFontSize = 18;
const buttonColor = "#eeeeee";

const bgColor = "#f3f3f3";
const fgColor = "#ffffff";