From 2c9df1122bf6caf730f2996fa490333ce1e7eedf Mon Sep 17 00:00:00 2001
From: Puru Vijay <47742487+PuruVJ@users.noreply.github.com>
Date: Tue, 18 Apr 2023 03:35:19 +0530
Subject: [PATCH] fix(repl): Minor styles (#467)

---
 packages/repl/src/lib/Input/ComponentSelector.svelte | 2 +-
 packages/repl/src/lib/Output/index.svelte            | 2 +-
 packages/repl/src/lib/SplitPane.svelte               | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/repl/src/lib/Input/ComponentSelector.svelte b/packages/repl/src/lib/Input/ComponentSelector.svelte
index e44b10fc..78c2a35e 100644
--- a/packages/repl/src/lib/Input/ComponentSelector.svelte
+++ b/packages/repl/src/lib/Input/ComponentSelector.svelte
@@ -207,7 +207,7 @@
 <style>
 	.component-selector {
 		position: relative;
-		border-bottom: 1px solid #eee;
+		border-bottom: 1px solid var(--sk-text-4);
 		overflow: hidden;
 	}
 
diff --git a/packages/repl/src/lib/Output/index.svelte b/packages/repl/src/lib/Output/index.svelte
index 647cc458..8d1d45cd 100644
--- a/packages/repl/src/lib/Output/index.svelte
+++ b/packages/repl/src/lib/Output/index.svelte
@@ -132,7 +132,7 @@
 <style>
 	.view-toggle {
 		height: 4.2rem;
-		border-bottom: 1px solid #eee;
+		border-bottom: 1px solid var(--sk-text-4);
 		white-space: nowrap;
 		box-sizing: border-box;
 	}
diff --git a/packages/repl/src/lib/SplitPane.svelte b/packages/repl/src/lib/SplitPane.svelte
index 9f3f9c2c..c50b2654 100644
--- a/packages/repl/src/lib/SplitPane.svelte
+++ b/packages/repl/src/lib/SplitPane.svelte
@@ -169,7 +169,7 @@
 		content: '';
 		position: absolute;
 		/* background-color: #eee; */
-		background-color: var(--sk-back-3);
+		background-color: var(--sk-text-4);
 	}
 
 	.horizontal {