From ec4706f659eb30091005378a91906b32c1d8827a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maur=C3=ADcio=20Meneghini=20Fauth?= <mauricio@fauth.dev>
Date: Wed, 14 Jun 2023 19:41:35 -0300
Subject: [PATCH] Fix codemirror colors for the Bootstrap theme
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remove Metro and Pmahomme codemirror colors as they were not used.

Related to https://github.com/phpmyadmin/phpmyadmin/issues/18368.

Signed-off-by: Maurício Meneghini Fauth <mauricio@fauth.dev>
---
 public/themes/bootstrap/scss/_codemirror.scss | 109 ++++++++++++++----
 public/themes/metro/scss/_codemirror.scss     |  47 --------
 public/themes/pmahomme/scss/_codemirror.scss  |  47 --------
 3 files changed, 85 insertions(+), 118 deletions(-)

diff --git a/public/themes/bootstrap/scss/_codemirror.scss b/public/themes/bootstrap/scss/_codemirror.scss
index b1d8219992..1a7b218c53 100644
--- a/public/themes/bootstrap/scss/_codemirror.scss
+++ b/public/themes/bootstrap/scss/_codemirror.scss
@@ -40,50 +40,107 @@ $textarea-rows: 15;
   border: none;
 }
 
-span {
-  &.cm-keyword,
-  &.cm-statement-verb {
-    color: #909;
+.cm-s-default {
+  .cm-keyword {
+    color: $pink-600;
   }
 
-  &.cm-variable {
-    color: black;
+  .cm-number {
+    color: $teal-600;
   }
 
-  &.cm-comment {
-    color: #808000;
+  .cm-atom,
+  .cm-def,
+  .cm-variable-2 {
+    color: $blue-600;
   }
 
-  &.cm-mysql-string {
-    color: #008000;
+  .cm-string {
+    color: $cyan-600;
   }
 
-  &.cm-operator {
-    color: fuchsia;
+  .cm-comment,
+  .cm-string-2 {
+    color: $orange-600;
   }
 
-  &.cm-mysql-word {
-    color: black;
+  .cm-builtin {
+    color: $purple-600;
   }
 
-  &.cm-builtin {
-    color: #f00;
+  .cm-variable-3,
+  .cm-type,
+  .cm-tag {
+    color: $green-600;
   }
 
-  &.cm-variable-2 {
-    color: #f90;
+  .cm-attribute,
+  .cm-link {
+    color: $blue-600;
   }
 
-  &.cm-variable-3 {
-    color: #00f;
+  .cm-meta,
+  .cm-qualifier,
+  .cm-bracket,
+  .cm-hr {
+    color: $gray-600;
   }
 
-  &.cm-separator {
-    color: fuchsia;
+  .cm-error {
+    color: $red-600;
   }
+}
 
-  &.cm-number {
-    color: teal;
+@include color-mode(dark) {
+  .cm-s-default {
+    .cm-keyword {
+      color: $pink-400;
+    }
+
+    .cm-number {
+      color: $teal-400;
+    }
+
+    .cm-atom,
+    .cm-def,
+    .cm-variable-2 {
+      color: $blue-400;
+    }
+
+    .cm-string {
+      color: $cyan-400;
+    }
+
+    .cm-comment,
+    .cm-string-2 {
+      color: $orange-400;
+    }
+
+    .cm-builtin {
+      color: $purple-400;
+    }
+
+    .cm-variable-3,
+    .cm-type,
+    .cm-tag {
+      color: $green-400;
+    }
+
+    .cm-attribute,
+    .cm-link {
+      color: $blue-400;
+    }
+
+    .cm-meta,
+    .cm-qualifier,
+    .cm-bracket,
+    .cm-hr {
+      color: $gray-400;
+    }
+
+    .cm-error {
+      color: $red-400;
+    }
   }
 }
 
@@ -111,3 +168,7 @@ span {
     font-weight: bold;
   }
 }
+
+.CodeMirror-cursor {
+  border-color: var(--bs-body-color);
+}
diff --git a/public/themes/metro/scss/_codemirror.scss b/public/themes/metro/scss/_codemirror.scss
index b2f6af9c1b..1ca2657a11 100644
--- a/public/themes/metro/scss/_codemirror.scss
+++ b/public/themes/metro/scss/_codemirror.scss
@@ -42,53 +42,6 @@ $textarea-rows: 15 !default;
   border: none;
 }
 
-span {
-  &.cm-keyword,
-  &.cm-statement-verb {
-    color: #909;
-  }
-
-  &.cm-variable {
-    color: black;
-  }
-
-  &.cm-comment {
-    color: #808000;
-  }
-
-  &.cm-mysql-string {
-    color: #008000;
-  }
-
-  &.cm-operator {
-    color: fuchsia;
-  }
-
-  &.cm-mysql-word {
-    color: black;
-  }
-
-  &.cm-builtin {
-    color: #f00;
-  }
-
-  &.cm-variable-2 {
-    color: #f90;
-  }
-
-  &.cm-variable-3 {
-    color: #00f;
-  }
-
-  &.cm-separator {
-    color: fuchsia;
-  }
-
-  &.cm-number {
-    color: teal;
-  }
-}
-
 .autocomplete-column-name {
   display: inline-block;
 }
diff --git a/public/themes/pmahomme/scss/_codemirror.scss b/public/themes/pmahomme/scss/_codemirror.scss
index 0caa7da603..cc0381fbe7 100644
--- a/public/themes/pmahomme/scss/_codemirror.scss
+++ b/public/themes/pmahomme/scss/_codemirror.scss
@@ -30,53 +30,6 @@ $textarea-rows: 15;
   border: none;
 }
 
-span {
-  &.cm-keyword,
-  &.cm-statement-verb {
-    color: #909;
-  }
-
-  &.cm-variable {
-    color: black;
-  }
-
-  &.cm-comment {
-    color: #808000;
-  }
-
-  &.cm-mysql-string {
-    color: #008000;
-  }
-
-  &.cm-operator {
-    color: fuchsia;
-  }
-
-  &.cm-mysql-word {
-    color: black;
-  }
-
-  &.cm-builtin {
-    color: #f00;
-  }
-
-  &.cm-variable-2 {
-    color: #f90;
-  }
-
-  &.cm-variable-3 {
-    color: #00f;
-  }
-
-  &.cm-separator {
-    color: fuchsia;
-  }
-
-  &.cm-number {
-    color: teal;
-  }
-}
-
 .autocomplete-column-name {
   display: inline-block;
 }