diff --git a/static/css/components/loading.css b/static/css/components/loading.css
index a04a905d..feb4ddc2 100644
--- a/static/css/components/loading.css
+++ b/static/css/components/loading.css
@@ -22,8 +22,8 @@
 }
 
 .loading-spinner {
-    border: 4px solid #f3f3f3;
-    border-top: 4px solid #3498db;
+    border: 4px solid oklch(from var(--lora-accent) l c h / 0.2);
+    border-top: 4px solid var(--lora-accent);
     border-radius: 50%;
     width: 40px;
     height: 40px;
diff --git a/static/css/components/modal/delete-modal.css b/static/css/components/modal/delete-modal.css
index 719b830a..95acc91a 100644
--- a/static/css/components/modal/delete-modal.css
+++ b/static/css/components/modal/delete-modal.css
@@ -149,6 +149,7 @@
 .folder-root-option input[type="checkbox"] {
     margin-top: 2px;
     flex: 0 0 auto;
+    accent-color: var(--lora-accent);
 }
 
 /* Path over status, so a row keeps its height when the verdict replaces
diff --git a/static/css/components/modal/settings-modal.css b/static/css/components/modal/settings-modal.css
index 5fcfe834..8c50202c 100644
--- a/static/css/components/modal/settings-modal.css
+++ b/static/css/components/modal/settings-modal.css
@@ -607,6 +607,7 @@
 
 .base-model-skip-option input {
     margin: 0;
+    accent-color: var(--lora-accent);
 }
 
 .base-model-skip-option span {
@@ -1849,6 +1850,7 @@ input:checked + .toggle-slider:before {
 
 .other-subtype-checkbox input[type="checkbox"] {
     cursor: pointer;
+    accent-color: var(--lora-accent);
 }
 
 .other-subtype-toggles.is-disabled {