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