diff --git a/sites/svelte.dev/src/lib/components/ScreenToggle.svelte b/sites/svelte.dev/src/lib/components/ScreenToggle.svelte
index 399f96bd71..14a9341fb0 100644
--- a/sites/svelte.dev/src/lib/components/ScreenToggle.svelte
+++ b/sites/svelte.dev/src/lib/components/ScreenToggle.svelte
@@ -20,8 +20,8 @@
 		display: flex;
 		justify-content: center;
 		align-items: center;
-		border-top: 1px solid var(--second);
-		background-color: white;
+		border-top: 1px solid var(--sk-theme-2);
+		background-color: var(--sk-back-4);
 	}
 
 	button {
@@ -29,15 +29,15 @@
 		width: 4em;
 		height: 1em;
 		padding: 0.3em 0.4em;
-		border-radius: var(--border-r);
+		border-radius: var(--sk-border-radius);
 		line-height: 1em;
 		box-sizing: content-box;
-		color: #888;
-		border: 1px solid var(--back-light);
+		color: var(--sk-text-3);
+		border: 1px solid var(--sk-back-3);
 	}
 
 	.selected {
-		background-color: var(--prime);
+		background-color: var(--sk-theme-1);
 		color: white;
 	}
 </style>