diff --git a/src/renderer/src/components/CaptionLog.vue b/src/renderer/src/components/CaptionLog.vue
index d26f79b..c5e14f9 100644
--- a/src/renderer/src/components/CaptionLog.vue
+++ b/src/renderer/src/components/CaptionLog.vue
@@ -304,6 +304,7 @@ function clearCaptions() {
 }
 
 .caption-title {
+  color: var(--icon-color);
   display: inline-block;
   font-size: 24px;
   font-weight: bold;
diff --git a/src/renderer/src/components/SoftwareLog.vue b/src/renderer/src/components/SoftwareLog.vue
index 57f24a9..eaa452e 100644
--- a/src/renderer/src/components/SoftwareLog.vue
+++ b/src/renderer/src/components/SoftwareLog.vue
@@ -96,6 +96,7 @@ const columns = [
 
 <style scoped>
 .log-title {
+  color: var(--icon-color);
   display: inline-block;
   font-size: 24px;
   font-weight: bold;