diff --git a/src/resources/codemirror.ts b/src/resources/codemirror.ts
index c419dd4a0c..d21e3ee511 100644
--- a/src/resources/codemirror.ts
+++ b/src/resources/codemirror.ts
@@ -180,7 +180,7 @@ export const haTheme = EditorView.theme({
 
   ".cm-gutters": {
     backgroundColor:
-      "var(--code-editor-gutter-color, var(--mdc-text-field-fill-color, whitesmoke))",
+      "var(--code-editor-gutter-color, var(--secondary-background-color, whitesmoke))",
     color: "var(--paper-dialog-color, var(--secondary-text-color))",
     border: "none",
     borderRight:
diff --git a/src/resources/styles.ts b/src/resources/styles.ts
index ccec54cc01..37b4f65577 100644
--- a/src/resources/styles.ts
+++ b/src/resources/styles.ts
@@ -3,7 +3,7 @@ import { css } from "lit";
 export const darkStyles = {
   "primary-background-color": "#111111",
   "card-background-color": "#1c1c1c",
-  "secondary-background-color": "#202020",
+  "secondary-background-color": "#282828",
   "primary-text-color": "#e1e1e1",
   "secondary-text-color": "#9b9b9b",
   "disabled-text-color": "#6f6f6f",