fix: highlight colors

getezy · Dec 3, 2022 · c1f8982 · c1f8982
1 parent c4c15a6
commit c1f8982
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/src/app/components/code-editor/code-editor.styled.ts b/src/app/components/code-editor/code-editor.styled.ts
@@ -27,7 +27,7 @@ export const StyledCodeMirror = styled(CodeMirror, {
   },
 
   '.cm-activeLine': {
-    backgroundColor: '$accents1',
+    backgroundColor: '$activeLine',
   },
 
   '.cm-selectionMatch': {

diff --git a/src/app/themes/dark.ts b/src/app/themes/dark.ts
@@ -6,7 +6,8 @@ export const DarkTheme = createTheme({
     colors: {
       background: '#202225',
       backgroundContrast: '#292b2f',
-      selection: 'rgb(49, 54, 62)',
+      selection: 'rgb(75, 75, 75)',
+      activeLine: 'rgba(22, 24, 26, 0.5)',
       ezy: '#acc917',
       gradient: 'linear-gradient(112deg, #acc917 -25%, #4f680f 90%)',
     },

diff --git a/src/app/themes/light.ts b/src/app/themes/light.ts
@@ -4,6 +4,7 @@ export const LightTheme = createTheme({
   type: 'light',
   theme: {
     colors: {
+      activeLine: 'rgba(232, 232, 232, 0.5)',
       ezy: '#acc917',
       gradient: 'linear-gradient(112deg, #acc917 -25%, #4f680f 90%)',
     },