diff --git a/dist/css/materialize.css b/dist/css/materialize.css
index d166e9567b..2b780b6742 100644
--- a/dist/css/materialize.css
+++ b/dist/css/materialize.css
@@ -778,6 +778,7 @@
   --md-sys-color-scrim: var(--md-sys-color-scrim-dark);
 }
 
+/*
 :root, :host {
   --surface-color: var(--md-sys-color-surface);
   --background-color: var(--md-sys-color-background);
@@ -800,7 +801,7 @@
   --background-color-card: var(--surface-color);
   --tooltip-background-color: #313033;
   --tooltip-font-color: rgba(255, 255, 255, 0.77);
-  --separator-color: #DDDDDD; /* borders between components */
+  --separator-color: #DDDDDD;
   --error-color: #F44336;
   --slider-track-color: var(--md-sys-color-shadow-light);
   --switch-thumb-off-color: var(--md-ref-palette-primary100);
@@ -821,6 +822,7 @@
   --font-on-secondary-container-color: var(--md-sys-color-on-secondary-container);
   --md_sys_color_on-surface: 28, 27, 31;
 }
+*/
 
 :root[theme=dark] {
   --font-on-primary-color-disabled: rgba(0, 0, 0, 0.38);
diff --git a/sass/components/_global.scss b/sass/components/_global.scss
index 03f659c5af..e37bbce2b2 100644
--- a/sass/components/_global.scss
+++ b/sass/components/_global.scss
@@ -8,6 +8,7 @@ html {
 
 body {
   background-color: var(--md-sys-color-background);
+  color: var(--md-sys-color-on-background);
 }
 
 button,