more

Author: Rich-Harris

apps/svelte.dev/src/routes/tutorial/[...slug]/Sidebar.svelte

@@ -131,14 +131,10 @@
 					height: 1rem;
 					top: 0.1rem;
 					margin-right: 0.5rem;
-					background: #676778;
+					background: currentColor;
 					mask: url(icons/file) 50% 50% no-repeat;
 					mask-size: 100%;
 				}
-
-				:root.dark &::before {
-					background: #d4d4d4;
-				}
 			}
 
 			.desktop {

packages/repl/src/lib/Input/ComponentSelector.svelte

@@ -305,13 +305,9 @@
 		aspect-ratio: 1;
 
 		.icon {
-			background: #000000e0;
+			background: currentColor;
 			mask: url(icons/file-new) 50% 50% no-repeat;
-			mask-size: 1em;
-
-			:root.dark & {
-				background: #ccc;
-			}
+			mask-size: 1.2em;
 		}
 	}
 

packages/repl/src/lib/Input/RunesInfo.svelte

@@ -76,14 +76,10 @@
 		width: 1.8rem;
 		height: 1.8rem;
 		z-index: 9999;
-		background: #ccc;
+		background: var(--sk-fg-4);
 		mask: url(icons/runes-off) no-repeat 50% 50%;
 		mask-size: contain;
 
-		:root.dark &:not(.active) {
-			background: #777;
-		}
-
 		&.active {
 			background: var(--sk-fg-accent);
 			mask-image: url(icons/runes-on);

packages/site-kit/src/lib/components/Text.svelte

@@ -229,17 +229,12 @@
 						height: 100%;
 						left: 0;
 						top: 0;
-						background: #000000e0;
+						background: currentColor;
 						mask: no-repeat 50% 50% / 1.6rem 1.6rem;
 						transition: opacity 0.2s;
 						transition-delay: 0.6s;
 					}
 
-					:root.dark &::before,
-					:root.dark &::after {
-						background: #ccc;
-					}
-
 					&::before {
 						mask-image: url(icons/copy-to-clipboard);
 					}
@@ -335,7 +330,7 @@
 		a.permalink {
 			position: absolute !important;
 			display: block;
-			background: #000000e0;
+			background: var(--sk-fg-1);
 			mask: url(icons/hash) 50% 50% no-repeat;
 			mask-size: 2.4rem 2.4rem;
 			width: 2.6rem;
@@ -347,10 +342,6 @@
 				scale: 0.8;
 			}
 
-			:root.dark & {
-				background: #ccc;
-			}
-
 			@media (min-width: 768px) {
 				left: 1.6rem;
 				opacity: 0;

packages/site-kit/src/lib/search/SearchResultList.svelte

@@ -136,7 +136,7 @@
 			top: 0;
 			left: 0;
 			height: 100%;
-			background: #000000e0;
+			background: currentColor;
 			mask: url(icons/document) no-repeat 50% 50%;
 			mask-size: 2rem;
 		}
@@ -145,12 +145,6 @@
 			mask-image: url(icons/hash);
 		}
 
-		:root.dark & {
-			&::before {
-				background: #ccc;
-			}
-		}
-
 		&:hover {
 			--background: var(--sk-bg-3);
 			text-decoration: none;