emilis/FoundKey
1
0
Fork 0
forked from FoundKeyGang/FoundKey
Code Issues Pull requests Projects Releases Packages Wiki Activity

wip

Browse source
This commit is contained in:
syuilo 2018-09-28 15:56:50 +09:00
parent 13f258308e
commit 0343de95b8
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
3 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/client/app/desktop/views/components/post-form.vue
View file

@ -434,7 +434,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .mk-post-form
display block display block
padding 16px padding 16px
background var(--desktopPostFormBg) background var(--desktopPostFormBg)
@ -677,7 +677,7 @@ root(isDark)
width 40px width 40px
height 40px height 40px
font-size 1em font-size 1em
color isDark ? var(--primary) : var(--primaryAlpha05) color var(--desktopPostFormTransparentButtonFg)
background transparent background transparent
outline none outline none
border solid 1px transparent border solid 1px transparent
@ -685,11 +685,11 @@ root(isDark)
&:hover &:hover
background transparent background transparent
border-color isDark ? var(--primaryAlpha05) : var(--primaryAlpha03) border-color var(--primaryAlpha03)
&:active &:active
color var(--primaryAlpha06) color var(--primaryAlpha06)
background isDark ? transparent : linear-gradient(to bottom, var(--primaryLighten80) 0%, var(--primaryLighten90) 100%) background linear-gradient(to bottom, var(--desktopPostFormTransparentButtonActiveGradientStart) 0%, var(--desktopPostFormTransparentButtonActiveGradientEnd) 100%)
border-color var(--primaryAlpha05) border-color var(--primaryAlpha05)
box-shadow 0 2px 4px rgba(#000, 0.15) inset box-shadow 0 2px 4px rgba(#000, 0.15) inset
@ -714,10 +714,4 @@ root(isDark)
border dashed 2px var(--primaryAlpha05) border dashed 2px var(--primaryAlpha05)
pointer-events none pointer-events none
.mk-post-form[data-darkmode]
root(true)
.mk-post-form:not([data-darkmode])
root(false)
</style> </style>

3
src/client/theme/dark.json
View file

@ -132,6 +132,9 @@
"desktopPostFormBg": "@face", "desktopPostFormBg": "@face",
"desktopPostFormTextareaBg": "rgba(0, 0, 0, 0.25)", "desktopPostFormTextareaBg": "rgba(0, 0, 0, 0.25)",
"desktopPostFormTextareaFg": "#fff", "desktopPostFormTextareaFg": "#fff",
"desktopPostFormTransparentButtonFg": "$primary",
"desktopPostFormTransparentButtonActiveGradientStart": ":darken<8<$secondary",
"desktopPostFormTransparentButtonActiveGradientEnd": ":darken<3<$secondary",
"desktopRenoteFormFooter": ":lighten<5<$secondary", "desktopRenoteFormFooter": ":lighten<5<$secondary",
"desktopTimelineHeaderShadow": "rgba(0, 0, 0, 0.15)", "desktopTimelineHeaderShadow": "rgba(0, 0, 0, 0.15)",
"desktopTimelineSrc": "@faceTextButton", "desktopTimelineSrc": "@faceTextButton",

3
src/client/theme/light.json
View file

@ -132,6 +132,9 @@
"desktopPostFormBg": ":lighten<33<$primary", "desktopPostFormBg": ":lighten<33<$primary",
"desktopPostFormTextareaBg": "#fff", "desktopPostFormTextareaBg": "#fff",
"desktopPostFormTextareaFg": "#333", "desktopPostFormTextareaFg": "#333",
"desktopPostFormTransparentButtonFg": ":alpha<0.5<$primary",
"desktopPostFormTransparentButtonActiveGradientStart": ":lighten<30<$primary",
"desktopPostFormTransparentButtonActiveGradientEnd": ":lighten<33<$primary",
"desktopRenoteFormFooter": ":lighten<33<$primary", "desktopRenoteFormFooter": ":lighten<33<$primary",
"desktopTimelineHeaderShadow": "rgba(0, 0, 0, 0.08)", "desktopTimelineHeaderShadow": "rgba(0, 0, 0, 0.08)",
"desktopTimelineSrc": "#6f7477", "desktopTimelineSrc": "#6f7477",