diff --git a/src/client/app/desktop/views/components/note-detail.vue b/src/client/app/desktop/views/components/note-detail.vue
index f2d46a6eed..05dd10fe05 100644
--- a/src/client/app/desktop/views/components/note-detail.vue
+++ b/src/client/app/desktop/views/components/note-detail.vue
@@ -338,7 +338,8 @@ export default Vue.extend({
 				> .count
 					display inline
 					margin 0 0 0 8px
-					color #999
+					color var(--text)
+					opacity 0.7
 
 				&.reacted, &.reacted:hover
 					color var(--noteActionsReactionHover)
diff --git a/src/client/app/desktop/views/components/note.vue b/src/client/app/desktop/views/components/note.vue
index 9e3e8dfcb6..50142e50bd 100644
--- a/src/client/app/desktop/views/components/note.vue
+++ b/src/client/app/desktop/views/components/note.vue
@@ -303,7 +303,8 @@ export default Vue.extend({
 					> .count
 						display inline
 						margin 0 0 0 8px
-						color #999
+						color var(--text)
+						opacity 0.7
 
 					&.reacted, &.reacted:hover
 						color var(--noteActionsReactionHover)
diff --git a/src/client/app/mobile/views/components/note-detail.vue b/src/client/app/mobile/views/components/note-detail.vue
index 05c770a59b..61274a246a 100644
--- a/src/client/app/mobile/views/components/note-detail.vue
+++ b/src/client/app/mobile/views/components/note-detail.vue
@@ -331,7 +331,8 @@ export default Vue.extend({
 				> .count
 					display inline
 					margin 0 0 0 8px
-					color #999
+					color var(--text)
+					opacity 0.7
 
 				&.reacted
 					color var(--primary)
diff --git a/src/client/app/mobile/views/components/note.vue b/src/client/app/mobile/views/components/note.vue
index 6c17d77cd9..6fb0f56dbf 100644
--- a/src/client/app/mobile/views/components/note.vue
+++ b/src/client/app/mobile/views/components/note.vue
@@ -258,7 +258,8 @@ export default Vue.extend({
 					> .count
 						display inline
 						margin 0 0 0 8px
-						color #999
+						color var(--text)
+						opacity 0.7
 
 					&.reacted
 						color var(--primary)