Improve theming

2018-10-07 19:30:24 +09:00 · 2018-10-07 19:30:24 +09:00 · 75cd580c3a
commit 75cd580c3a
parent e05acb8d18
3 changed files with 3 additions and 1 deletions
--- a/src/client/app/mobile/views/components/post-form.vue
+++ b/src/client/app/mobile/views/components/post-form.vue
@ -478,7 +478,7 @@ export default Vue.extend({
 					width 48px
 					height 48px
 					font-size 20px
-					color #657786
+					color var(--mobilePostFormButton)
 					background transparent
 					outline none
 					border none
--- a/src/client/theme/dark.json5
+++ b/src/client/theme/dark.json5
@ -175,6 +175,7 @@
 		mobileNavBackdrop: 'rgba(0, 0, 0, 0.7)',
 		mobilePostFormDivider: 'rgba(0, 0, 0, 0.2)',
 		mobilePostFormTextareaBg: 'rgba(0, 0, 0, 0.3)',
+		mobilePostFormButton: '$text',
 		mobileDriveNavBg: ':alpha<0.75<$secondary',
 		mobileHomeTlItemHover: 'rgba(255, 255, 255, 0.1)',
 		mobileUserPageName: '#fff',
--- a/src/client/theme/light.json5
+++ b/src/client/theme/light.json5
@ -175,6 +175,7 @@
 		mobileNavBackdrop: 'rgba(0, 0, 0, 0.2)',
 		mobilePostFormDivider: 'rgba(0, 0, 0, 0.1)',
 		mobilePostFormTextareaBg: '#fff',
+		mobilePostFormButton: '$text',
 		mobileDriveNavBg: ':alpha<0.75<$secondary',
 		mobileHomeTlItemHover: 'rgba(0, 0, 0, 0.05)',
 		mobileUserPageName: '#757c82',