Fix dark theme highlight color for recent comments, restores colors to 0.18 values (#2297)

* Update darkly-compact.css to set highlight-bg for dark theme

* Revert main.css

* Update darkly-pureblack.css to set highlight-bg for dark theme

* Update darkly-red.css to set highlight-bg for dark theme

* Update darkly.css to set highlight-bg for dark theme

* Update vaporwave-dark.css to set highlight-bg for dark theme

* Update i386.css to set highlight-bg for dark theme

* Update _variables.darkly-pureblack.scss to set $mark-bg-dark

* Update _variables.darkly.scss to set $mark-bg-dark

* Update _variables.i386.scss to set $mark-bg-dark

* Update _variables.vaporwave-dark.scss

src/assets/css/main.css

@@ -451,7 +451,3 @@ br.big {
 .totp-link {
   width: fit-content;
 }
-
-[data-bs-theme="dark"] .mark {
-  background: rgba(243, 208, 101, 0.3);
-}

src/assets/css/themes/_variables.darkly-pureblack.scss

@@ -27,6 +27,7 @@ $body-bg: $black;
 $link-color: $success;
 $border-color: rgba($body-color, 0.25);
 $mark-bg: $gray-900;
+$mark-bg-dark: $gray-900;
 $text-muted: $gray-600;
 $yiq-contrasted-threshold: 175;
 

src/assets/css/themes/_variables.darkly.scss

@@ -26,6 +26,7 @@ $body-bg: $gray-900;
 $link-color: $success;
 $border-color: rgba($body-color, 0.25);
 $mark-bg: #333;
+$mark-bg-dark: #333;
 $text-muted: $gray-600;
 $yiq-contrasted-threshold: 175;
 

src/assets/css/themes/_variables.i386.scss

@@ -56,3 +56,4 @@ $input-disabled-bg: $gray-800;
 $card-bg: $gray-800;
 $card-border-color: $white;
 $mark-bg: #463b00;
+$mark-bg-dark: #463b00;

src/assets/css/themes/_variables.vaporwave-dark.scss

@@ -25,4 +25,5 @@ $input-color: $white;
 $input-disabled-bg: $gray-800;
 $input-border-color: $gray-800;
 $mark-bg: $gray-600;
+$mark-bg-dark: $gray-600;
 $pre-color: $gray-200;

src/assets/css/themes/darkly-compact.css

@@ -211,6 +211,7 @@ hr.my-3 {
   --bs-link-color-rgb: 102, 215, 186;
   --bs-link-hover-color-rgb: 133, 223, 200;
   --bs-code-color: #e685b5;
+  --bs-highlight-bg: #333;
   --bs-border-color: #444;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
   --bs-form-valid-color: #66d7ba;

src/assets/css/themes/darkly-pureblack.css

@@ -171,6 +171,7 @@
   --bs-link-color-rgb: 102, 215, 186;
   --bs-link-hover-color-rgb: 133, 223, 200;
   --bs-code-color: #e685b5;
+  --bs-highlight-bg: #111;
   --bs-border-color: #333;
   --bs-border-color-translucent: rgba(243, 243, 243, 0.15);
   --bs-form-valid-color: #66d7ba;

src/assets/css/themes/darkly-red.css

@@ -171,6 +171,7 @@
   --bs-link-color-rgb: 135, 156, 178;
   --bs-link-hover-color-rgb: 159, 176, 193;
   --bs-code-color: #e685b5;
+  --bs-highlight-bg: #333;
   --bs-border-color: #444;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
   --bs-form-valid-color: #66d7ba;

src/assets/css/themes/darkly.css

@@ -171,6 +171,7 @@
   --bs-link-color-rgb: 102, 215, 186;
   --bs-link-hover-color-rgb: 133, 223, 200;
   --bs-code-color: #e685b5;
+  --bs-highlight-bg: #333;
   --bs-border-color: #444;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
   --bs-form-valid-color: #66d7ba;

src/assets/css/themes/i386.css

@@ -171,6 +171,7 @@
   --bs-link-color-rgb: 254, 254, 152;
   --bs-link-hover-color-rgb: 254, 254, 173;
   --bs-code-color: #fe98fe;
+  --bs-highlight-bg: #463b00;
   --bs-border-color: #444;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
   --bs-form-valid-color: #99ff99;

src/assets/css/themes/vaporwave-dark.css

@@ -171,6 +171,7 @@
   --bs-link-color-rgb: 255, 140, 214;
   --bs-link-hover-color-rgb: 255, 163, 222;
   --bs-code-color: #ff8cd6;
+  --bs-highlight-bg: #888;
   --bs-border-color: #444;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
   --bs-form-valid-color: #69ffc7;