1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 | :root {
|
18 | --theia-statusBar-height: 22px;
|
19 | }
|
20 |
|
21 | #theia-statusBar {
|
22 | background: var(--theia-statusBar-background);
|
23 | display: flex;
|
24 | min-height: var(--theia-statusBar-height);
|
25 | white-space: nowrap;
|
26 | border-top: var(--theia-border-width) solid var(--theia-statusBar-border);
|
27 | }
|
28 |
|
29 | body.theia-no-open-workspace #theia-statusBar {
|
30 | background: var(--theia-statusBar-noFolderBackground);
|
31 | color: var(--theia-statusBar-noFolderForeground);
|
32 | border-top: var(--theia-border-width) solid var(--theia-statusBar-noFolderBorder);
|
33 | }
|
34 |
|
35 | #theia-statusBar .area {
|
36 | flex: 1;
|
37 | display: flex;
|
38 | align-items: stretch;
|
39 | }
|
40 |
|
41 | #theia-statusBar .area.left {
|
42 | justify-content: flex-start;
|
43 | padding-left: calc(var(--theia-ui-padding)*2);
|
44 | }
|
45 |
|
46 | #theia-statusBar .area.right {
|
47 | justify-content: flex-end;
|
48 | padding-right: calc(var(--theia-ui-padding)*2);
|
49 | }
|
50 |
|
51 | #theia-statusBar .area .element {
|
52 | color: var(--theia-statusBar-foreground);
|
53 | display: flex;
|
54 | align-items: center;
|
55 | font-size: var(--theia-statusBar-font-size);
|
56 | }
|
57 |
|
58 | #theia-statusBar .area .element>* {
|
59 | margin-left: calc(var(--theia-ui-padding)/2);
|
60 | }
|
61 |
|
62 | #theia-statusBar .area .element .codicon {
|
63 |
|
64 | font-size: 14px;
|
65 | }
|
66 |
|
67 | #theia-statusBar .area .element>*:last-child {
|
68 | margin-right: calc(var(--theia-ui-padding)/2);
|
69 | }
|
70 |
|
71 | .theia-mod-offline #theia-statusBar {
|
72 | background-color: var(--theia-statusBar-offlineBackground) !important;
|
73 | }
|
74 |
|
75 | .theia-mod-offline #theia-statusBar .area .element {
|
76 | color: var(--theia-statusBar-offlineForeground) !important;
|
77 | }
|
78 |
|
79 | #theia-statusBar .area.left .element {
|
80 | margin-right: var(--theia-ui-padding);
|
81 | }
|
82 |
|
83 | #theia-statusBar .area.right .element {
|
84 | margin-left: var(--theia-ui-padding);
|
85 | }
|
86 |
|
87 | #theia-statusBar .area.right .element.compact-right,
|
88 | #theia-statusBar .area.right .element.compact-left+.element {
|
89 | margin-left: 0;
|
90 | }
|
91 |
|
92 | #theia-statusBar .area.left .element.compact-left {
|
93 | margin-right: 0;
|
94 | }
|
95 |
|
96 | #theia-statusBar .area.left .element.compact-right {
|
97 | margin-left: calc(-1 * var(--theia-ui-padding));
|
98 | }
|
99 |
|
100 | #theia-statusBar .area .element.hasCommand:hover {
|
101 | cursor: pointer;
|
102 | }
|
103 |
|
104 | #theia-statusBar .area .element.hasCommand:active {
|
105 | cursor: pointer;
|
106 | }
|
107 |
|
108 |
|
109 | #theia-statusBar .element {
|
110 |
|
111 |
|
112 | font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "Ubuntu", "Droid Sans", sans-serif;
|
113 | font-size: 12px;
|
114 | text-rendering: auto;
|
115 | text-decoration: none;
|
116 | -webkit-font-smoothing: antialiased;
|
117 | -moz-osx-font-smoothing: grayscale;
|
118 | }
|