diff --git a/data/style/style.scss b/data/style/style.scss
index 4b02552..fb2c555 100644
--- a/data/style/style.scss
+++ b/data/style/style.scss
@@ -286,6 +286,7 @@ $notification-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3),
 .control-center {
   /* The Control Center which contains the old notifications + widgets */
   background: #{"@cc-bg"};
+  color: #{"@text-color"};
   border-radius: $border-radius;
 
   .control-center-list-placeholder {
diff --git a/data/style/widgets/dnd.scss b/data/style/widgets/dnd.scss
index 4a3ee24..947b841 100644
--- a/data/style/widgets/dnd.scss
+++ b/data/style/widgets/dnd.scss
@@ -1,4 +1,5 @@
 .widget-dnd {
+  color: #{"@text-color"};
   margin: 8px;
   font-size: 1.1rem;
 }
diff --git a/data/style/widgets/title.scss b/data/style/widgets/title.scss
index 35df1e1..c06027b 100644
--- a/data/style/widgets/title.scss
+++ b/data/style/widgets/title.scss
@@ -1,4 +1,5 @@
 .widget-title {
+  color: #{"@text-color"};
   margin: 8px;
   font-size: 1.5rem;
 }