🎨

src/client/app/common/views/components/mention.vue

@@ -53,14 +53,14 @@ export default Vue.extend({
 		pointer-events none
 		user-select none
 		padding 0 4px
-		background var(--primary)
-		border solid 1px var(--primary)
+		background var(--mfmMention)
+		border solid 1px var(--mfmMention)
 		border-radius 4px 0 0 4px
-		color var(--primaryForeground)
+		color var(--mfmMentionForeground)
 
 		& + .main
 			padding 0 4px
-			border solid 1px var(--primary)
+			border solid 1px var(--mfmMention)
 			border-radius 0 4px 4px 0
 
 	> .main

src/client/app/common/views/widgets/tips.vue

@@ -84,6 +84,7 @@ export default define({
 <style lang="stylus" scoped>
 .mkw-tips
 	overflow visible !important
+	opacity 0.8
 
 	> p
 		display block
@@ -91,7 +92,7 @@ export default define({
 		padding 0 12px
 		text-align center
 		font-size 0.7em
-		color #999
+		color var(--text)
 
 		> [data-icon]
 			margin-right 4px
@@ -102,7 +103,7 @@ export default define({
 			margin 0 2px
 			font-size 1em
 			font-family inherit
-			border solid 1px #999
+			border solid 1px var(--text)
 			border-radius 2px
 
 </style>

src/client/app/common/views/widgets/version.vue

@@ -24,6 +24,7 @@ p
 	padding 0 12px
 	text-align center
 	font-size 0.7em
-	color #aaa
+	color var(--text)
+	opacity 0.8
 
 </style>