purge --sk-theme-3 from the codebase

Author: Rich-Harris

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

@@ -271,7 +271,7 @@
 	</div>
 
 	<button
-		class="add-new"
+		class="add-new raised icon"
 		on:click={add_new}
 		aria-label="add new component"
 		title="add new component"
@@ -289,6 +289,7 @@
 	.component-selector {
 		position: relative;
 		display: flex;
+		align-items: center;
 		padding: 0 1rem 0 0;
 
 		/* fake border (allows tab borders to appear above it) */
@@ -305,14 +306,14 @@
 
 	.file-tabs {
 		border: none;
+		height: 100%;
 		margin: 0;
 		white-space: nowrap;
 		overflow-x: auto;
 		overflow-y: hidden;
 	}
 
-	.file-tabs .button,
-	.add-new {
+	.file-tabs .button {
 		position: relative;
 		display: inline-flex;
 		align-items: center;
@@ -330,7 +331,9 @@
 
 	.add-new {
 		background: url(./file-new.svg) 50% 50% no-repeat;
-		background-size: 1em;
+		background-size: 1.2rem;
+		width: 3.2rem;
+		height: 3.2rem;
 	}
 
 	.file-tabs .button {
@@ -403,7 +406,7 @@
 	}
 
 	.remove:hover {
-		color: var(--sk-theme-3);
+		color: var(--sk-text-1);
 	}
 
 	.file-tabs .button.active .editable {
@@ -422,16 +425,6 @@
 		cursor: move;
 	}
 
-	.add-new {
-		padding: 12px 10px 8px 8px;
-		height: 40px;
-		text-align: center;
-	}
-
-	.add-new:hover {
-		color: var(--sk-theme-3) !important;
-	}
-
 	.runes {
 		flex: 1;
 		display: flex;

packages/repl/src/lib/theme.ts

@@ -34,8 +34,7 @@ const svelteThemeStyles = EditorView.theme(
 		'.cm-content': {
 			// ensure no gap between top of editor and highlighted first/last line
 			paddingTop: '0px',
-			paddingBottom: '0px',
-			caretColor: 'var(--sk-theme-3)'
+			paddingBottom: '0px'
 		},
 
 		'.cm-content .cm-line:first-child': {
@@ -52,7 +51,6 @@ const svelteThemeStyles = EditorView.theme(
 			alignItems: 'end'
 		},
 
-		'.cm-cursor, .cm-dropCursor': { borderLeftColor: 'var(--sk-theme-3)' },
 		'&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection':
 			{ backgroundColor: 'var(--sk-selection-color)' },