diff --git a/src/client/app/desktop/views/components/ui.header.clock.vue b/src/client/app/desktop/views/components/ui.header.clock.vue
index 1c3f12f2f..b8b638bc4 100644
--- a/src/client/app/desktop/views/components/ui.header.clock.vue
+++ b/src/client/app/desktop/views/components/ui.header.clock.vue
@@ -89,7 +89,7 @@ export default Vue.extend({
 			display table-cell
 			vertical-align middle
 			height 48px
-			color #9eaba8
+			color var(--desktopHeaderFg)
 
 			> .yyyymmdd
 				opacity 0.7
diff --git a/src/client/theme/dark.json5 b/src/client/theme/dark.json5
index 1f4585d14..f993e5ef1 100644
--- a/src/client/theme/dark.json5
+++ b/src/client/theme/dark.json5
@@ -98,7 +98,7 @@
 
 		calendarWeek: '#43d5dc',
 		calendarSaturdayOrSunday: '#ff6679',
-		calendarDay: '#c5ced6',
+		calendarDay: '$text',
 
 		materBg: 'rgba(0, 0, 0, 0.3)',
 
diff --git a/src/client/theme/light.json5 b/src/client/theme/light.json5
index acb2a6d68..db851b66c 100644
--- a/src/client/theme/light.json5
+++ b/src/client/theme/light.json5
@@ -98,7 +98,7 @@
 
 		calendarWeek: '#19a2a9',
 		calendarSaturdayOrSunday: '#ef95a0',
-		calendarDay: '#777',
+		calendarDay: '$text',
 
 		materBg: 'rgba(0, 0, 0, 0.1)',