From efece397ad34295c42073c6f0d72dff790d39b88 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 11 May 2025 18:30:32 +0300
Subject: [PATCH] chore(code): adapt stylesheet

---
 apps/client/src/stylesheets/style.css         | 29 +++++--------------
 apps/client/src/stylesheets/theme-dark.css    |  2 +-
 .../src/stylesheets/theme-next-dark.css       |  2 +-
 3 files changed, 9 insertions(+), 24 deletions(-)

diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css
index 544b6581b..175c3d123 100644
--- a/apps/client/src/stylesheets/style.css
+++ b/apps/client/src/stylesheets/style.css
@@ -420,36 +420,21 @@ body.desktop #context-menu-container .dropdown-item > span {
     width: 100%;
 }
 
-.CodeMirror {
+.cm-editor {
     height: 100%;
     background: inherit;
+    outline: none !important;
 }
 
-body .CodeMirror {
+body .cm-editor {
     font-size: var(--monospace-font-size);
 }
 
-.CodeMirror-gutters {
+body .cm-editor .cm-gutters {
     background-color: inherit !important;
     border-right: none;
 }
 
-.cm-matchhighlight {
-    background-color: #eeeeee;
-}
-
-.cm-matchhighlight.ck-find-result{
-    background: var(--ck-color-highlight-background);
-}
-
-.cm-matchhighlight.ck-find-result_selected {
-    background-color: #ff9633;
-}
-
-.CodeMirror pre.CodeMirror-placeholder {
-    color: #999 !important;
-}
-
 #sql-console-query {
     height: 150px;
     width: 100%;
@@ -457,11 +442,11 @@ body .CodeMirror {
     margin-bottom: 10px;
 }
 
-#sql-console-query .CodeMirror {
+#sql-console-query .cm-editor {
     height: 150px;
 }
 
-#sql-console-query .CodeMirror-scroll {
+#sql-console-query .cm-editor .cm-scroller {
     min-height: inherit !important;
 }
 
@@ -524,7 +509,7 @@ button.btn-sm {
     padding: 0;
 }
 
-pre:not(.CodeMirror-line):not(.hljs) {
+pre:not(.hljs) {
     color: var(--main-text-color) !important;
     white-space: pre-wrap;
     font-size: 100%;
diff --git a/apps/client/src/stylesheets/theme-dark.css b/apps/client/src/stylesheets/theme-dark.css
index cfabe2f15..d1125d097 100644
--- a/apps/client/src/stylesheets/theme-dark.css
+++ b/apps/client/src/stylesheets/theme-dark.css
@@ -81,7 +81,7 @@ body ::-webkit-calendar-picker-indicator {
     filter: invert(1);
 }
 
-body .CodeMirror {
+body .cm-editor {
     filter: invert(90%) hue-rotate(180deg);
 }
 
diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css
index 98f379c6e..967a4ee43 100644
--- a/apps/client/src/stylesheets/theme-next-dark.css
+++ b/apps/client/src/stylesheets/theme-next-dark.css
@@ -244,7 +244,7 @@ body ::-webkit-calendar-picker-indicator {
     filter: invert(1);
 }
 
-body .CodeMirror {
+body .cm-editor {
     filter: invert(90%) hue-rotate(180deg);
 }