mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-12-24 11:38:28 +09:00
Code

Darken

Browse Source
This commit is contained in:
syuilo 2018-04-21 10:10:04 +09:00
parent dd509333a3
commit 4bf85a0e6b
3 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/client/app/common/views/components/poll-editor.vue
View File

@ -69,7 +69,7 @@ export default Vue.extend({
<style lang="stylus" scoped> <style lang="stylus" scoped>
@import '~const.styl' @import '~const.styl'
.mk-poll-editor root(isDark)
padding 8px padding 8px
> .caution > .caution
@ -102,6 +102,8 @@ export default Vue.extend({
padding 6px 8px padding 6px 8px
width 300px width 300px
font-size 14px font-size 14px
color isDark ? #fff : #000
background isDark ? #191b22 : #fff
border solid 1px rgba($theme-color, 0.1) border solid 1px rgba($theme-color, 0.1)
border-radius 4px border-radius 4px
@ -139,4 +141,10 @@ export default Vue.extend({
&:active &:active
color darken($theme-color, 30%) color darken($theme-color, 30%)
.mk-poll-editor[data-darkmode]
root(true)
.mk-poll-editor:not([data-darkmode])
root(false)
</style> </style>

15
src/client/app/desktop/views/components/home.vue
View File

@ -219,7 +219,7 @@ export default Vue.extend({
<style lang="stylus" scoped> <style lang="stylus" scoped>
@import '~const.styl' @import '~const.styl'
.mk-home root(isDark)
display block display block
&[data-customize] &[data-customize]
@ -249,7 +249,8 @@ export default Vue.extend({
left 0 left 0
width 100% width 100%
height 48px height 48px
background #f7f7f7 color isDark ? #fff : #000
background isDark ? #313543 : #f7f7f7
box-shadow 0 1px 1px rgba(0, 0, 0, 0.075) box-shadow 0 1px 1px rgba(0, 0, 0, 0.075)
> a > a
@ -289,7 +290,7 @@ export default Vue.extend({
line-height 48px line-height 48px
&.trash &.trash
border-left solid 1px #ddd border-left solid 1px isDark ? #1c2023 : #ddd
> div > div
width 100% width 100%
@ -329,7 +330,7 @@ export default Vue.extend({
.mk-post-form .mk-post-form
margin-bottom 16px margin-bottom 16px
border solid 1px #e5e5e5 border solid 1px rgba(#000, 0.075)
border-radius 4px border-radius 4px
> *:not(.main) > *:not(.main)
@ -357,4 +358,10 @@ export default Vue.extend({
max-width 700px max-width 700px
margin 0 auto margin 0 auto
.mk-home[data-darkmode]
root(true)
.mk-home:not([data-darkmode])
root(false)
</style> </style>

2
src/client/app/desktop/views/components/post-form.vue
View File

@ -392,7 +392,7 @@ root(isDark)
cursor pointer cursor pointer
> .mk-poll-editor > .mk-poll-editor
background lighten($theme-color, 98%) background isDark ? #181b23 : lighten($theme-color, 98%)
border solid 1px rgba($theme-color, 0.1) border solid 1px rgba($theme-color, 0.1)
border-top none border-top none
border-radius 0 0 4px 4px border-radius 0 0 4px 4px