1  // Colors
 2  
 3  @text-color: #aaa;
 4  @text-color-subtle: #555;
 5  @text-color-highlight: #fff;
 6  @text-color-selected: @text-color-highlight;
 7  
 8  @text-color-info: #5293d8;
 9  @text-color-success: #2BDA77;
10  @text-color-warning: #ff982d;
11  @text-color-error: #c00;
12  
13  @text-color-ignored: @text-color-subtle;
14  @text-color-added: @text-color-success;
15  @text-color-renamed: @text-color-info;
16  @text-color-modified: @text-color-warning;
17  @text-color-removed: @text-color-error;
18  
19  @background-color-info: #0098ff;
20  @background-color-success: #17ca65;
21  @background-color-warning: #ffaa2c;
22  @background-color-error: #c00;
23  @background-color-highlight: rgba(255, 255, 255, 0.07);
24  @background-color-selected: #4182C4;
25  
26  @app-background-color: #333;
27  
28  @base-background-color: lighten(@tool-panel-background-color, 5%);
29  @base-border-color: rgba(0, 0, 0, 0.5);
30  
31  @pane-item-background-color: @base-background-color;
32  @pane-item-border-color: rgba(0, 0, 0, 0.5);
33  
34  @input-background-color: #212224;
35  @input-border-color: @base-border-color;
36  
37  @tool-panel-background-color: #1d1f21;
38  @tool-panel-border-color: @base-border-color;
39  
40  @inset-panel-background-color: #161719;
41  @inset-panel-border-color: @base-border-color;
42  
43  @panel-heading-background-color: #43484d;
44  @panel-heading-border-color: fadein(@base-border-color, 10%);
45  
46  @overlay-background-color: #202123;
47  @overlay-border-color: @background-color-highlight;
48  
49  @button-background-color: #43484d;
50  @button-background-color-hover: lighten(@button-background-color, 5%);
51  @button-background-color-selected: #5c6064;
52  @button-border-color: @base-border-color;
53  
54  @tab-bar-background-color: #222;
55  @tab-bar-border-color: darken(@tab-background-color-active, 10%);
56  @tab-background-color: #333;
57  @tab-background-color-active: #222;
58  @tab-border-color: #484848;
59  
60  @tree-view-background-color: #303030;
61  @tree-view-border-color: @tool-panel-border-color;
62  
63  @scrollbar-background-color: #222425; // Needs to be opaque -> atom/atom/issues/4578
64  @scrollbar-color: rgba(92, 92, 92, 0.5);
65  
66  @ui-site-color-1: @background-color-success; // green
67  @ui-site-color-2: @background-color-info; // blue
68  @ui-site-color-3: @background-color-warning; // orange
69  @ui-site-color-4: #db2ff4; // purple
70  @ui-site-color-5: #f5e11d; // yellow
71  
72  
73  // Sizes
74  
75  @font-size: 11px;
76  @input-font-size: 14px;
77  
78  @disclosure-arrow-size: 12px;
79  
80  @component-padding: 10px;
81  @component-icon-padding: 5px;
82  @component-icon-size: 16px;
83  @component-line-height: 25px;
84  @component-border-radius: 2px;
85  
86  @tab-height: 26px;
87  
88  
89  // Other
90  
91  @font-family: system-ui;