blob: c1438150d3c53d459af7462e097383ac067ce933 (
plain) (
blame)
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
|
// Themer colors
@accent0: #ef4e7c;
@accent1: #f37055;
@accent2: #f79532;
@accent3: #6ebb82;
@accent4: #09b399;
@accent5: #1299ad;
@accent6: #5073b8;
@accent7: #a067ab;
@shade0: #23292d;
@shade1: #42474b;
@shade2: #616668;
@shade3: #808486;
@shade4: #a0a2a4;
@shade5: #bfc0c2;
@shade6: #dedfdf;
@shade7: #fdfdfd;
// Base colors
@base-background-color: @shade0;
@base-border-color: @shade1;
// Text Colors
@text-color: @shade6;
@text-color-subtle: @shade3;
@text-color-highlight: @shade7;
@text-color-selected: @shade7;
@text-color-info: @accent5;
@text-color-success: @accent3;
@text-color-warning: @accent1;
@text-color-error: @accent0;
// Background colors
@background-color-info: @accent5;
@background-color-success: @accent3;
@background-color-warning: @accent1;
@background-color-error: @accent0;
@background-color-highlight: @shade1;
@background-color-selected: @shade2;
@app-background-color: @base-background-color;
// Component colors
@pane-item-background-color: @base-background-color;
@pane-item-border-color: @base-border-color;
@input-background-color: @app-background-color;
@input-border-color: @base-border-color;
@tool-panel-background-color: @shade1;
@tool-panel-border-color: @base-border-color;
@inset-panel-background-color: @shade1;
@inset-panel-border-color: @shade2;
@panel-heading-background-color: @shade1;
@panel-heading-border-color: @base-border-color;
@overlay-background-color: @shade1;
@overlay-border-color: @base-border-color;
@button-background-color: @shade2;
@button-background-color-hover: @shade3;
@button-background-color-selected: @button-background-color-hover;
@button-border-color: @base-border-color;
@tab-bar-background-color: @base-background-color;
@tab-bar-border-color: @base-border-color;
@tab-background-color: @tab-bar-background-color;
@tab-background-color-active: @base-border-color;
@tab-border-color: @base-border-color;
@tree-view-background-color: @base-background-color;
@tree-view-border-color: @base-border-color;
// Site colors
@ui-site-color-1: @accent5;
@ui-site-color-2: @accent3;
@ui-site-color-3: @accent1;
@ui-site-color-4: @accent7;
@ui-site-color-5: @accent2;
// Sizes
@font-size: 12px;
@input-font-size: 12px;
@disclosure-arrow-size: 12px;
@component-padding: 10px;
@component-icon-padding: 5px;
@component-icon-size: 16px;
@component-line-height: 25px;
@tab-height: 36px;
// Misc
@component-border-radius: 2px;
@font-family: '.SFNSText-Regular', 'SF UI Text', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif;
|
