docs: improve the docs repl appearance in the light mode (#5145)

Improve the docs repl appearance in the light mode
rollup · Sep 21, 2023 · 1e8355b · 1e8355b · vercel · Sep 21, 2023
1 parent 5950fc8
commit 1e8355b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/docs/repl/components/ReplModule.vue b/docs/repl/components/ReplModule.vue
@@ -60,7 +60,7 @@ const selectName = (event: FocusEvent) => {
 
 header {
 	width: 100%;
-	color: var(--vp-c-text-dark-1);
+	color: var(--vp-c-text-1);
 	position: relative;
 	font-weight: 600;
 }
@@ -96,13 +96,13 @@ input {
 }
 
 input:hover {
-	border-color: var(--vp-c-gray-dark-2);
-	background-color: var(--vp-c-gray-dark-3);
+	border-color: var(--vp-c-gray-2);
+	background-color: var(--vp-c-gray-3);
 }
 
 input:focus {
-	border-color: var(--vp-c-gray-dark-2);
-	background-color: var(--vp-c-gray-dark-2);
+	border-color: var(--vp-c-gray-2);
+	background-color: var(--vp-c-gray-2);
 }
 
 .entry-module input {

diff --git a/docs/repl/helpers/editor.ts b/docs/repl/helpers/editor.ts
@@ -54,7 +54,7 @@ const theme = EditorView.baseTheme({
 		outline: 'none'
 	},
 	'.cm-content': {
-		caretColor: '#fff',
+		caretColor: 'var(--vp-c-neutral)',
 		color: '#A6ACCD',
 		fontFamily: 'var(--vp-font-family-mono)',
 		fontSize: '14px',