more border stuff

Author: Rich-Harris

apps/svelte.dev/src/lib/components/PageControls.svelte

@@ -61,7 +61,7 @@
 
 	.controls {
 		max-width: calc(var(--sk-page-content-width) + 1rem);
-		border-top: 1px solid var(--sk-bg-4);
+		border-top: 1px solid var(--sk-border-medium);
 		padding: 1rem 0 0 0;
 		margin: 1rem 0 0 0;
 		text-wrap: balance;

apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte

@@ -303,7 +303,7 @@
 
 	input {
 		background: transparent;
-		border: 1px solid var(--sk-bg-4);
+		border: 1px solid var(--sk-border-medium);
 		border-radius: var(--sk-border-radius);
 		color: currentColor;
 		width: 0;

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

@@ -63,7 +63,6 @@
 		width: 100%;
 		height: 4rem;
 		display: flex;
-		border-top: 1px solid var(--sk-bg-4);
 		padding: 0.2rem;
 		gap: 0.2rem;
 	}
@@ -75,7 +74,7 @@
 	input {
 		flex: 1;
 		padding: 0.2rem 0.6rem;
-		border: 1px solid var(--sk-bg-4);
+		border: 1px solid var(--sk-border-medium);
 		/* TODO this should apply to all buttons/inputs? */
 		border-radius: var(--sk-border-radius);
 		color: var(--sk-fg-1);

packages/repl/src/lib/Output/console/ConsoleTable.svelte

@@ -96,7 +96,7 @@
 		margin: 8px;
 		overflow: auto;
 		max-height: 200px;
-		border: 1px solid var(--sk-bg-4);
+		border: 1px solid var(--sk-border-medium);
 		border-radius: 2px;
 		overscroll-behavior: none;
 	}

packages/site-kit/src/lib/styles/utils/buttons.css

@@ -32,7 +32,7 @@
 	}
 
 	&:disabled {
-		border-color: var(--sk-border-light);
+		border-color: var(--sk-border-medium);
 		border-width: 1px;
 	}
 }