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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
|
/*
* SonarQube
* Copyright (C) 2009-2017 SonarSource SA
* mailto:info AT sonarsource DOT com
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation; either
* version 3 of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
// IMPORTANT: any change in this file requires restart of the dev server
const grid = 8;
module.exports = {
// colors
blue: '#4b9fd5',
lightBlue: '#cae3f2',
darkBlue: '#236a97',
green: '#00aa00',
lightGreen: '#b0d513',
yellow: '#eabe06',
orange: '#ed7d20',
red: '#d4333f',
purple: '#9139d4',
gray94: '#efefef',
gray80: '#cdcdcd',
gray71: '#b4b4b4',
gray67: '#aaa',
gray60: '#999',
barBackgroundColor: '#f3f3f3',
barBorderColor: '#e6e6e6',
baseFontColor: '#444',
secondFontColor: '#777',
leakColor: '#fbf3d5',
leakBorderColor: '#eae3c7',
// sizes
gridSize: `${grid}px`,
baseFontSize: '13px',
smallFontSize: '12px',
mediumFontSize: '14px',
bigFontSize: '16px',
controlHeight: `${3 * grid}px`,
smallControlHeight: `${2.5 * grid}px`,
tinyControlHeight: `${2 * grid}px`,
globalNavHeight: `${6 * grid}px`,
globalNavHeightRaw: 6 * grid,
globalNavContentHeight: `${4 * grid}px`,
globalNavContentHeightRaw: 4 * grid,
contextNavHeightRaw: 9 * grid,
// different
defaultShadow: '0 6px 12px rgba(0, 0, 0, 0.175)',
// z-index
// =======
// 1 - 100 for page elements (e.g. sidebars, panels)
// 101 - 500 for generic page fixed elements (e.g. navigation, workspace)
// 501 - 3000 for page ui elements
// 3001 - 8000 for generic ui elements (e.g. dropdowns, tooltips)
// common
aboveNormalZIndex: '3',
normalZIndex: '2',
belowNormalZIndex: '1',
// ui elements
tooltipZIndex: '8000',
dropdownMenuZIndex: '7500',
processContainerZIndex: '7000',
modalZIndex: '6001',
modalOverlayZIndex: '6000',
bubblePopupZIndex: '5000'
};
|
