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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
|
/*
* Base
*/
@baseBackgroundColor: #fff;
@baseFontColor: #444;
@baseFontColorLight: #595959;
@baseFontFamily: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
@baseFontSize: 13px;
@baseLineHeight: unit(16px / @baseFontSize);
/*
* Code
*/
@monoFontFamily: Consolas, "Liberation Mono", Menlo, Courier, monospace;
@monoFontSize: 12px;
@monoLineHeight: 18px;
/*
* Font Sizes
*/
@smallFontSize: 12px;
@mediumFontSize: 14px;
@bigFontSize: 16px;
@secondFontColor: #777;
@headerFontSize: 16px;
/*
* Colors
*/
@black: #000000;
@white: #ffffff;
@grey: #efefef;
@darkGrey: #cdcdcd;
@middleGrey: #b4b4b4;
@blue: #4b9fd5;
@lightBlue: #cae3f2;
@red: #d4333f;
@lightRed: #d49f98;
@green: #85bb43;
@yellow: #fede06;
@orange: #f90;
@lightOrange: #f3ca8e;
@purple: #9139d4;
@darkBlue: darken(@blue, 20%);
@darkColor: #262626;
@lightColor: #fff;
@highlighted: @blue;
@highlightedBackground: @lightBlue;
@contextBackground: lighten(@purple, 40%);
@contextBorder: lighten(@purple, 30%);
@barBackgroundColor: #f3f3f3;
@barBorderColor: darken(@barBackgroundColor, 5%);
@issueBackgroundColor: #ffeaea;
@issueBorderColor: desaturate(darken(@issueBackgroundColor, 40%), 30%);
/*
* Sizes
*/
@formControlHeight: 22px;
/*
* Icons
*/
@iconSmallFontSize: 14px;
@iconFontSize: 16px;
@iconLineHeight: 12px;
@severityBlockerColor: @red;
@severityCriticalColor: @red;
@severityMajorColor: @red;
@severityMinorColor: @green;
@severityInfoColor: @green;
@statusOpenColor: @blue;
@statusConfirmedColor: @blue;
@statusReopenedColor: @blue;
@statusResolvedColor: @baseFontColor;
@statusClosedColor: @baseFontColor;
@resolutionFixedColor: @baseFontColor;
@resolutionFalsePositiveColor: @baseFontColor;
@resolutionRemovedColor: @baseFontColor;
/*
* Shadows
*/
@defaultShadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
/*
* Transitions
*/
@defaultTransitionOptions: .2s ease;
/*
* Page
*/
@pageFooterHeight: 60px;
|
