mirror of
https://github.com/paricafe/misskey.git
synced 2024-11-25 03:56:44 -06:00
wip
This commit is contained in:
parent
13f258308e
commit
0343de95b8
3 changed files with 10 additions and 10 deletions
|
@ -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>
|
||||||
|
|
|
@ -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",
|
||||||
|
|
|
@ -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",
|
||||||
|
|
Loading…
Reference in a new issue