diff --git a/src/views/dashboard/graphs/Bar.vue b/src/views/dashboard/graphs/Bar.vue
index 537ae4a4..83fd14c3 100644
--- a/src/views/dashboard/graphs/Bar.vue
+++ b/src/views/dashboard/graphs/Bar.vue
@@ -86,6 +86,9 @@ limitations under the License. -->
               fontSize: 12,
               color: "#eee",
             },
+            pageTextStyle: {
+              color: "#eee",
+            },
           }
         : {
             pageIconColor: "#666",
@@ -96,6 +99,9 @@ limitations under the License. -->
               fontSize: 12,
               color: "#333",
             },
+            pageTextStyle: {
+              color: "#333",
+            },
           };
     return {
       color,
diff --git a/src/views/dashboard/graphs/Line.vue b/src/views/dashboard/graphs/Line.vue
index c5f4c5eb..64a38783 100644
--- a/src/views/dashboard/graphs/Line.vue
+++ b/src/views/dashboard/graphs/Line.vue
@@ -136,6 +136,9 @@ limitations under the License. -->
               fontSize: 12,
               color: "#eee",
             },
+            pageTextStyle: {
+              color: "#eee",
+            },
           }
         : {
             pageIconColor: "#666",
@@ -144,6 +147,9 @@ limitations under the License. -->
               fontSize: 12,
               color: "#333",
             },
+            pageTextStyle: {
+              color: "#333",
+            },
           };
     return {
       color,