]> git.r.bdr.sh - rbdr/dotfiles/blame - atom/packages/aesthetic-ui/styles/ui-variables.less
Update atoms
[rbdr/dotfiles] / atom / packages / aesthetic-ui / styles / ui-variables.less
CommitLineData
06a3d686
BB
1// Colors
2
3@text-color: #000;
4@text-color-subtle: #999;
5@text-color-highlight: #000;
6@text-color-selected: #fff;
7
8@text-color-info: blue;
9@text-color-success: green;
10@text-color-warning: #ff6600;
11@text-color-error: red;
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: orange;
17@text-color-removed: @text-color-error;
18
19@background-color-info: #0098ff;
20@background-color-success: #17ca65;
21@background-color-warning: #ff4800;
22@background-color-error: #c00;
23@background-color-highlight: rgba(0, 0, 0, .1);
24@background-color-selected: #07216C;
25
26@app-background-color: #376DA6;
27
28@base-background-color: #D3D0C7;
29@base-border-color: @shadow-1-color;
30
31@pane-item-background-color: @base-background-color;
32@pane-item-border-color: @base-border-color;
33
34@input-background-color: white;
35@input-border-color: fadeout(@base-border-color, 10%);
36
37@tool-panel-background-color: @base-background-color;
38@tool-panel-border-color: @base-border-color;
39
40@inset-panel-background-color: #fff;
41@inset-panel-border-color: fadeout(@base-border-color, 10%);
42
43@panel-heading-background-color: #c3c3c3;
44@panel-heading-border-color: transparent;
45
46@overlay-background-color: @base-background-color;
47@overlay-border-color: @base-border-color;
48
49@button-background-color: @base-background-color;
50@button-background-color-hover: lighten(@button-background-color, 5%);
51@button-background-color-selected: #888;
52@button-border-color: rgba(0, 0, 0, 0.15);
53
54@tab-bar-background-color: @base-background-color;
55@tab-bar-border-color: @highlight-2-color;
56@tab-background-color: @base-background-color;
57@tab-background-color-active: @base-background-color;
58
59@tree-view-background-color: white;
60@tree-view-border-color: @base-border-color;
61
62@ui-site-color-1: @background-color-success; // green
63@ui-site-color-2: @background-color-info; // blue
64@ui-site-color-3: @background-color-warning; // orange
65@ui-site-color-4: #db2ff4; // purple
66@ui-site-color-5: #f5e11d; // yellow
67
68
69// Sizes
70
71@font-size: 11px;
72@input-font-size: 14px;
73@disclosure-arrow-size: 12px;
74
75@component-padding: 10px;
76@component-icon-padding: 5px;
77@component-icon-size: 16px;
78@component-line-height: 25px;
79@component-border-radius: 0px;
80
81@tab-height: 28px;
82
83
84// Other
85
86@font-family: 'Tahoma', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif;
87
88@shadow-1-color: #848284;
89@shadow-2-color: #424142;
90@highlight-1-color: @base-background-color;
91@highlight-2-color: #fff;