diff --git a/app/features/scanner/components/ClipStrip.module.css b/app/features/scanner/components/ClipStrip.module.css
index bcbb41173..94b71607c 100644
--- a/app/features/scanner/components/ClipStrip.module.css
+++ b/app/features/scanner/components/ClipStrip.module.css
@@ -57,7 +57,7 @@
 
 	&:hover .thumb,
 	&:focus-visible .thumb {
-		outline: 2px solid var(--color-text-accent);
+		outline: 2px solid var(--color-fg-accent);
 		outline-offset: 1px;
 	}
 
diff --git a/app/features/scanner/components/Dropzone.module.css b/app/features/scanner/components/Dropzone.module.css
index 91c3cfb4a..ef9f6a7de 100644
--- a/app/features/scanner/components/Dropzone.module.css
+++ b/app/features/scanner/components/Dropzone.module.css
@@ -19,6 +19,6 @@
 }
 
 .over {
-	border-color: var(--color-text-accent);
-	color: var(--color-text-accent);
+	border-color: var(--color-fg-accent);
+	color: var(--color-fg-accent);
 }
diff --git a/app/features/scanner/components/LandingView.module.css b/app/features/scanner/components/LandingView.module.css
index cde03dfbc..2af0030d0 100644
--- a/app/features/scanner/components/LandingView.module.css
+++ b/app/features/scanner/components/LandingView.module.css
@@ -6,8 +6,8 @@
 
 /* the whole landing accepts a drop, but only the File card's dropzone lights up */
 .over .dropzone {
-	border-color: var(--color-text-accent);
-	color: var(--color-text-accent);
+	border-color: var(--color-fg-accent);
+	color: var(--color-fg-accent);
 }
 
 .top {
@@ -74,14 +74,14 @@
 	cursor: pointer;
 
 	&:hover {
-		border-color: var(--color-text-accent);
+		border-color: var(--color-fg-accent);
 		color: var(--color-text);
 	}
 }
 
 .choose {
 	text-decoration: underline;
-	color: var(--color-text-accent);
+	color: var(--color-fg-accent);
 }
 
 .fileInput {
diff --git a/app/features/scanner/components/MatchCard.module.css b/app/features/scanner/components/MatchCard.module.css
index 7c95c8ceb..8238d596e 100644
--- a/app/features/scanner/components/MatchCard.module.css
+++ b/app/features/scanner/components/MatchCard.module.css
@@ -222,7 +222,7 @@
 	padding: 2px;
 
 	&.pov {
-		outline: 2px solid var(--color-text-accent);
+		outline: 2px solid var(--color-fg-accent);
 		outline-offset: 1px;
 	}
 }
@@ -274,7 +274,7 @@
 	cursor: pointer;
 
 	&:hover {
-		color: var(--color-text-accent);
+		color: var(--color-fg-accent);
 	}
 
 	&:focus-visible {
@@ -435,7 +435,7 @@ button.expand {
 
 .streak {
 	font-weight: var(--weight-bold);
-	color: var(--color-text-accent);
+	color: var(--color-fg-accent);
 }
 
 .playSlot {
@@ -452,7 +452,7 @@ button.expand {
 	border: var(--border-style);
 	border-radius: var(--radius-full);
 	background: var(--color-bg);
-	color: var(--color-text-accent);
+	color: var(--color-fg-accent);
 	cursor: pointer;
 
 	&:hover {
diff --git a/app/features/scanner/components/UploadStatus.module.css b/app/features/scanner/components/UploadStatus.module.css
index d21350a2d..9e6e9c79f 100644
--- a/app/features/scanner/components/UploadStatus.module.css
+++ b/app/features/scanner/components/UploadStatus.module.css
@@ -82,7 +82,7 @@
 	gap: var(--s-1);
 	font-size: var(--font-2xs);
 	font-weight: var(--weight-bold);
-	color: var(--color-text-accent);
+	color: var(--color-fg-accent);
 	text-decoration: underline;
 	text-underline-offset: 2px;
 }