summaryrefslogtreecommitdiff
path: root/src/client/app/common
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2018-09-27 19:32:06 +0900
committersyuilo <syuilotan@yahoo.co.jp>2018-09-27 19:32:06 +0900
commit7a0a8b5d2b1d9f4f0bbacdb6b30cfbedab75f59d (patch)
tree94b3f4c8b58cc0d455d09576c25bb68e1e142308 /src/client/app/common
parentwip (diff)
downloadmisskey-7a0a8b5d2b1d9f4f0bbacdb6b30cfbedab75f59d.tar.gz
misskey-7a0a8b5d2b1d9f4f0bbacdb6b30cfbedab75f59d.tar.bz2
misskey-7a0a8b5d2b1d9f4f0bbacdb6b30cfbedab75f59d.zip
wip
Diffstat (limited to 'src/client/app/common')
-rw-r--r--src/client/app/common/views/components/google.vue20
1 files changed, 7 insertions, 13 deletions
diff --git a/src/client/app/common/views/components/google.vue b/src/client/app/common/views/components/google.vue
index 8272961ef2..ac71a5e56d 100644
--- a/src/client/app/common/views/components/google.vue
+++ b/src/client/app/common/views/components/google.vue
@@ -26,7 +26,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
-root(isDark)
+.mk-google
display flex
margin 8px 0
@@ -37,31 +37,25 @@ root(isDark)
height 40px
font-family sans-serif
font-size 16px
- color isDark ? #dee4e8 : #55595c
- background isDark ? #191b22 : #fff
- border solid 1px isDark ? #495156 : #dadada
+ color var(--googleSearchFg)
+ background var(--googleSearchBg)
+ border solid 1px var(--googleSearchBorder)
border-radius 4px 0 0 4px
&:hover
- border-color isDark ? #777c86 : #b0b0b0
+ border-color var(--googleSearchHoverBorder)
> button
flex-shrink 0
padding 0 16px
- border solid 1px isDark ? #495156 : #dadada
+ border solid 1px var(--googleSearchBorder)
border-left none
border-radius 0 4px 4px 0
&:hover
- background-color isDark ? #2e3440 : #eee
+ background-color var(--googleSearchHoverButton)
&:active
box-shadow 0 2px 4px rgba(#000, 0.15) inset
-.mk-google[data-darkmode]
- root(true)
-
-.mk-google:not([data-darkmode])
- root(false)
-
</style>