Skip to content

Commit 4fd778b

Browse files
authored
theme: set default loader background (#102061)
.loading.triangle styles are missing so the loader will have a flash of default color when using system theme
1 parent 0cbfc4c commit 4fd778b

File tree

1 file changed

+4
-14
lines changed

1 file changed

+4
-14
lines changed

static/app/styles/global.tsx

Lines changed: 4 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -134,26 +134,16 @@ const styles = (theme: Theme, isDark: boolean) => css`
134134
z-index: ${theme.zIndex.sentryErrorEmbed};
135135
}
136136
137-
color: ${theme.textColor};
138-
background: ${theme.backgroundSecondary};
139-
}
140-
141-
body.theme-dark {
142-
background: ${theme.tokens.background.primary};
143-
144137
.loading .loading-indicator {
145138
background: ${theme.tokens.background.primary};
146139
}
147-
}
148140
149-
body.theme-system {
150-
@media (prefers-color-scheme: dark) {
151-
background: ${theme.tokens.background.primary};
141+
.loading.triangle .loading-indicator {
142+
background: ${theme.tokens.background.secondary};
152143
}
153144
154-
.loading .loading-indicator {
155-
background: ${theme.tokens.background.primary};
156-
}
145+
color: ${theme.textColor};
146+
background: ${theme.tokens.background.primary};
157147
}
158148
159149
abbr {

0 commit comments

Comments
 (0)