Foundry/taf
1
0
Fork 0
Code Issues 8 Pull requests Releases 1 Wiki Activity Actions

Update loading spinner to use CSS variables depending on theme

Browse source
This commit is contained in:
Oliver 2025-11-21 19:49:02 -07:00
parent 44977c95cc
commit 361a2004d8
3 changed files with 15 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
styles/elements/span.css
View file

@ -32,14 +32,14 @@
position: absolute; position: absolute;
inset: 0px; inset: 0px;
border-radius: 50%; border-radius: 50%;
border: 5px solid #FFF; border: 5px solid var(--spinner-outer-colour, #fff);
animation: prixClipFix 4s linear infinite; animation: prixClipFix 4s linear infinite;
} }
&::after{ &::after{
inset: 8px; inset: 8px;
transform: rotate3d(90, 90, 0, 180deg ); transform: rotate3d(90, 90, 0, 180deg );
border-color: var(--spinner-inner-colour, #FF3D00); border-color: var(--spinner-inner-colour, #ff3d00);
} }
} }
} }

3
styles/themes/dark.css
View file

@ -1,6 +1,9 @@
.theme-dark { .theme-dark {
--prosemirror-background: var(--color-cool-5); --prosemirror-background: var(--color-cool-5);
--spinner-outer-colour: white;
--spinner-inner-colour: #FF3D00;
/* Chip Variables */ /* Chip Variables */
--chip-color: #fff7ed; --chip-color: #fff7ed;
--chip-background: #2b3642; --chip-background: #2b3642;

10
styles/themes/light.css
View file

@ -1,3 +1,13 @@
.theme-light { .theme-light {
--prosemirror-background: white; --prosemirror-background: white;
--spinner-outer-colour: black;
--spinner-inner-colour: #FF3D00;
/* Chip Variables */
--chip-color: #18181b;
--chip-background: #fafafa;
--chip-value-color: #18181b;
--chip-value-background: #d4d4d8aa;
--chip-border-color: var(--chip-value-background);
} }