Increase contrast of the backdrop spinner in dark mode

zotero · Dec 4, 2024 · 1a0fb3a · 1a0fb3a
1 parent 4e98d36
commit 1a0fb3a
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 2 deletions.
diff --git a/src/scss/components/modal/_react-modal.scss b/src/scss/components/modal/_react-modal.scss
@@ -34,7 +34,7 @@
 		}
 
 		.icon-spin {
-			color: $modal-icon-spin-color;
+			color: var(--color-backdrop-spinner);
 		}
 	}
 }

diff --git a/src/scss/themes/_common.scss b/src/scss/themes/_common.scss
@@ -205,7 +205,6 @@ $modal-header-bg: $shade-0;
 $modal-touch-header-bg: $shade-1;
 $modal-form-header-bg: var(--color-shade-1-darker);
 $modal-border-color: $shade-2;
-$modal-icon-spin-color: $shade-0;
 
 // Toolbar
 $tool-group-separator-color: $shade-2;

diff --git a/src/scss/themes/_dark.scss b/src/scss/themes/_dark.scss
@@ -82,6 +82,7 @@ $-colors: (
 	color-nav-sidebar-border: #252525,
 	color-identifier-badge-hover-border: #b9b8b5,
 	color-backdrop: rgba(0, 0, 0, 0.6),
+	color-backdrop-spinner: #fff,
 	accent-red-on-shade-1: #c52f37,
 	primary-on-shade-1: #e3e3e3,
 	color-nav-sidebar: #111,

diff --git a/src/scss/themes/_light.scss b/src/scss/themes/_light.scss
@@ -84,6 +84,7 @@ $-colors: (
 	color-nav-sidebar-border: #252525,
 	color-identifier-badge-hover-border: #b9b8b5,
 	color-backdrop: rgba(0, 0, 0, 0.4),
+	color-backdrop-spinner: #fff,
 	accent-red-on-shade-1: #db2c3a, // only differs from accent-red in dark theme
 	primary-on-shade-1: #252525,
 	color-nav-sidebar: #111,
-Original file line number
+Diff line change
@@ Expand Up / @@ -34,7 +34,7 @@ @@
     		}
     		.icon-spin {
-    			color: $modal-icon-spin-color;
+    			color: var(--color-backdrop-spinner);
     		}
     	}
     }
@@ Expand Down @@