182 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
/* crash screen */
59
.moonbase-crash-wrapper > [class^="buttons_"] {
60
gap: 1rem;
61
}
62
63
.moonbase-crash-wrapper {
64
display: flex;
65
flex-direction: column;
66
align-items: center;
67
gap: 1rem;
68
height: 50%;
69
width: 50vw;
70
max-height: 50%;
71
max-width: 50vw;
72
}
73
74
.moonbase-crash-tabs {
75
width: 100%;
76
}
77
78
.moonbase-crash-details-wrapper {
79
overflow-y: scroll;
80
color: var(--text-normal);
81
background: var(--background-secondary);
82
border: 1px solid var(--background-tertiary);
83
border-radius: 4px;
84
padding: 0.5em;
85
86
&::-webkit-scrollbar {
87
width: 8px;
88
height: 8px;
89
}
90
91
&::-webkit-scrollbar-thumb {
92
background-clip: padding-box;
93
border: 2px solid transparent;
94
border-radius: 4px;
95
background-color: var(--scrollbar-thin-thumb);
96
min-height: 40px;
97
}
98
99
&::-webkit-scrollbar-track {
100
border: 2px solid var(--scrollbar-thin-track);
101
background-color: var(--scrollbar-thin-track);
102
border-color: var(--scrollbar-thin-track);
103
}
104
}
105
106
.moonbase-crash-details {
107
box-sizing: border-box;
108
padding: 0;
109
font-family: var(--font-code);
110
font-size: 0.75rem;
111
line-height: 1rem;
112
margin: 6px;
113
white-space: pre-wrap;
114
background-clip: border-box;
115
116
& > code {
117
font-size: 0.875rem;
118
line-height: 1.125rem;
119
text-indent: 0;
120
white-space: pre-wrap;
121
text-size-adjust: none;
122
display: block;
123
user-select: text;
124
}
125
}
126
127
.moonbase-crash-extensions {
128
overflow-y: scroll;
129
display: grid;
130
grid-auto-columns: 25vw;
131
gap: 8px;
132
133
&::-webkit-scrollbar {
134
width: 8px;
135
height: 8px;
136
}
137
138
&::-webkit-scrollbar-thumb {
139
background-clip: padding-box;
140
border: 2px solid transparent;
141
border-radius: 4px;
142
background-color: var(--scrollbar-thin-thumb);
143
min-height: 40px;
144
}
145
146
&::-webkit-scrollbar-track {
147
border: 2px solid var(--scrollbar-thin-track);
148
background-color: var(--scrollbar-thin-track);
149
border-color: var(--scrollbar-thin-track);
150
}
151
}
152
153
.moonbase-crash-extensionCard {
154
color: var(--text-normal);
155
background: var(--background-secondary);
156
border: 1px solid var(--background-tertiary);
157
border-radius: 4px;
158
padding: 0.5em;
159
display: flex;
160
}
161
162
.moonbase-crash-extensionCard-meta {
163
display: flex;
164
flex-direction: column;
165
flex-grow: 1;
166
}
167
168
.moonbase-crash-extensionCard-title {
169
color: var(--text-normal);
170
font-family: var(--font-primary);
171
font-size: 16px;
172
line-height: 1.25;
173
font-weight: 600;
174
}
175
176
.moonbase-crash-extensionCard-version {
177
color: var(--text-muted);
178
font-family: var(--font-primary);
179
font-size: 14px;
180
line-height: 1.286;
181
font-weight: 400;
182
}
183