diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 99bf489..daf919e 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -1939,6 +1939,10 @@
     --input-color: var(--arrowpanel-color, FieldText);
   }
   /*== Sidebar - Field Color ===================================================*/
+  html[lwt-sidebar] body {
+    background-color: var(--lwt-sidebar-background-color, Field) !important;
+    color: var(--lwt-sidebar-text-color, FieldText) !important;
+  }
   .sidebar-panel #search-box,
   xul|search-textbox.tabsFilter {
     --input-bgcolor: color-mix(in srgb, currentColor 30%, transparent);
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
index 9c63a2d..fb5a8a0 100644
--- a/css/leptonChromeESR.css
+++ b/css/leptonChromeESR.css
@@ -2166,6 +2166,10 @@
     --input-color: var(--arrowpanel-color, FieldText);
   }
   /*== Sidebar - Field Color ===================================================*/
+  html[lwt-sidebar] body {
+    background-color: var(--lwt-sidebar-background-color, Field) !important;
+    color: var(--lwt-sidebar-text-color, FieldText) !important;
+  }
   .sidebar-panel #search-box,
   xul|search-textbox.tabsFilter {
     --input-bgcolor: color-mix(in srgb, currentColor 30%, transparent);
diff --git a/src/theme/_fully_color.scss b/src/theme/_fully_color.scss
index a389fcf..503bd82 100644
--- a/src/theme/_fully_color.scss
+++ b/src/theme/_fully_color.scss
@@ -182,6 +182,11 @@ html|button.ghost-button:not(.semi-transparent):enabled:hover:active {
 }
 
 /*== Sidebar - Field Color ===================================================*/
+html[lwt-sidebar] body {
+  background-color: var(--lwt-sidebar-background-color, Field) !important;
+  color: var(--lwt-sidebar-text-color, FieldText) !important;
+}
+
 .sidebar-panel #search-box,
 xul|search-textbox.tabsFilter {
   --input-bgcolor: color-mix(in srgb, currentColor 30%, transparent);