194 lines
3.9 kB
1
:root {
2
--moonbase-bg: #222034;
3
--moonbase-fg: #fffba6;
4
}
5
6
.moonbase-settings > :first-child {
7
margin-top: 0px;
8
}
9
10
textarea.moonbase-resizeable {
11
resize: vertical;
12
}
13
14
/* Update notice at the top of the client */
15
.moonbase-updates-notice {
16
background-color: var(--moonbase-bg);
17
color: var(--moonbase-fg);
18
--custom-notice-text: var(--moonbase-fg);
19
line-height: unset;
20
height: 36px;
21
}
22
23
.moonbase-updates-notice button {
24
color: var(--moonbase-fg);
25
border-color: var(--moonbase-fg);
26
}
27
28
.moonbase-updates-notice_text-wrapper {
29
display: inline-flex;
30
align-items: center;
31
line-height: 36px;
32
gap: 2px;
33
}
34
35
/* Help messages in Moonbase UI */
36
.moonbase-help-message {
37
display: flex;
38
flex-direction: row;
39
justify-content: space-between;
40
}
41
42
.moonbase-extension-update-section {
43
margin-top: 15px;
44
}
45
46
.moonbase-update-section {
47
background-color: var(--moonbase-bg);
48
--info-help-foreground: var(--moonbase-fg);
49
border: none !important;
50
color: var(--moonbase-fg);
51
}
52
53
.moonbase-update-section button {
54
--info-help-foreground: var(--moonbase-fg);
55
color: var(--moonbase-fg);
56
background-color: transparent;
57
border-color: var(--moonbase-fg);
58
}
59
60
.moonbase-help-message-buttons {
61
display: flex;
62
flex-direction: row;
63
gap: 8px;
64
}
65
66
.moonbase-update-divider {
67
margin: 32px 0;
68
}
69
70
/* Crash screen */
71
.moonbase-crash-wrapper > [class^="buttons_"] {
72
gap: 1rem;
73
}
74
75
.moonbase-crash-wrapper {
76
display: flex;
77
flex-direction: column;
78
align-items: center;
79
gap: 1rem;
80
height: 50%;
81
width: 50vw;
82
max-height: 50%;
83
max-width: 50vw;
84
}
85
86
.moonbase-crash-tabs {
87
width: 100%;
88
}
89
90
.moonbase-crash-details-wrapper {
91
overflow-y: scroll;
92
color: var(--text-normal);
93
background: var(--background-secondary);
94
border: 1px solid var(--background-tertiary);
95
border-radius: 4px;
96
padding: 0.5em;
97
98
&::-webkit-scrollbar {
99
width: 8px;
100
height: 8px;
101
}
102
103
&::-webkit-scrollbar-thumb {
104
background-clip: padding-box;
105
border: 2px solid transparent;
106
border-radius: 4px;
107
background-color: var(--scrollbar-thin-thumb);
108
min-height: 40px;
109
}
110
111
&::-webkit-scrollbar-track {
112
border: 2px solid var(--scrollbar-thin-track);
113
background-color: var(--scrollbar-thin-track);
114
border-color: var(--scrollbar-thin-track);
115
}
116
}
117
118
.moonbase-crash-details {
119
box-sizing: border-box;
120
padding: 0;
121
font-family: var(--font-code);
122
font-size: 0.75rem;
123
line-height: 1rem;
124
margin: 6px;
125
white-space: pre-wrap;
126
background-clip: border-box;
127
128
& > code {
129
font-size: 0.875rem;
130
line-height: 1.125rem;
131
text-indent: 0;
132
white-space: pre-wrap;
133
text-size-adjust: none;
134
display: block;
135
user-select: text;
136
}
137
}
138
139
.moonbase-crash-extensions {
140
overflow-y: scroll;
141
display: grid;
142
grid-auto-columns: 25vw;
143
gap: 8px;
144
145
&::-webkit-scrollbar {
146
width: 8px;
147
height: 8px;
148
}
149
150
&::-webkit-scrollbar-thumb {
151
background-clip: padding-box;
152
border: 2px solid transparent;
153
border-radius: 4px;
154
background-color: var(--scrollbar-thin-thumb);
155
min-height: 40px;
156
}
157
158
&::-webkit-scrollbar-track {
159
border: 2px solid var(--scrollbar-thin-track);
160
background-color: var(--scrollbar-thin-track);
161
border-color: var(--scrollbar-thin-track);
162
}
163
}
164
165
.moonbase-crash-extensionCard {
166
color: var(--text-normal);
167
background: var(--background-secondary);
168
border: 1px solid var(--background-tertiary);
169
border-radius: 4px;
170
padding: 0.5em;
171
display: flex;
172
}
173
174
.moonbase-crash-extensionCard-meta {
175
display: flex;
176
flex-direction: column;
177
flex-grow: 1;
178
}
179
180
.moonbase-crash-extensionCard-title {
181
color: var(--text-normal);
182
font-family: var(--font-primary);
183
font-size: 16px;
184
line-height: 1.25;
185
font-weight: 600;
186
}
187
188
.moonbase-crash-extensionCard-version {
189
color: var(--text-muted);
190
font-family: var(--font-primary);
191
font-size: 14px;
192
line-height: 1.286;
193
font-weight: 400;
194
}
195