diff --git a/src/views/AddGame.vue b/src/views/AddGame.vue
index 53d10a1..3268b48 100644
--- a/src/views/AddGame.vue
+++ b/src/views/AddGame.vue
@@ -233,7 +233,7 @@ function deleteRow(index: number) {
 .bold {
     margin-left: 10px;
     font-weight: bold;
-    color: #000000;
+    color: var(--el-text-color-primary);
 }
 
 .save-table {
diff --git a/src/views/Home.vue b/src/views/Home.vue
index a52b478..2b4a4e8 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -93,4 +93,8 @@ function go_backup() {
     margin-top: 100px;
     justify-content: space-around;
 }
+
+svg {
+    fill: var(--el-text-color-primary);
+}
 </style>
\ No newline at end of file
diff --git a/src/views/SyncSettings.vue b/src/views/SyncSettings.vue
index b76f962..bab6836 100644
--- a/src/views/SyncSettings.vue
+++ b/src/views/SyncSettings.vue
@@ -217,7 +217,7 @@ function open_manual() {
 .bold {
   margin-left: 10px;
   font-weight: bold;
-  color: #000000;
+  color: var(--el-text-color-primary);
 }
 
 .el-input {