example commit

This commit is contained in:
syuilo 2018-09-27 02:02:07 +09:00
parent 4dde54e344
commit 97d68d7b31
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69
3 changed files with 10 additions and 10 deletions

View File

@ -22,23 +22,17 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .nrvgflfuaxwgkxoynpnumyookecqrrvh
display inline-block display inline-block
padding 4px 8px padding 4px 8px
font-size 0.7em font-size 0.7em
color isDark ? #393f4f : #fff color var(--cwButtonFg)
background isDark ? #687390 : #b1b9c1 background var(--cwButtonBg)
border-radius 2px border-radius 2px
cursor pointer cursor pointer
user-select none user-select none
&:hover &:hover
background isDark ? #707b97 : #bbc4ce background var(--cwButtonHoverBg)
.nrvgflfuaxwgkxoynpnumyookecqrrvh[data-darkmode]
root(true)
.nrvgflfuaxwgkxoynpnumyookecqrrvh:not([data-darkmode])
root(false)
</style> </style>

View File

@ -19,6 +19,9 @@
"autocompleteItemHoverBg": "rgba(255, 255, 255, 0.1)", "autocompleteItemHoverBg": "rgba(255, 255, 255, 0.1)",
"autocompleteItemText": "rgba(255, 255, 255, 0.8)", "autocompleteItemText": "rgba(255, 255, 255, 0.8)",
"autocompleteItemTextSub": "rgba(255, 255, 255, 0.3)", "autocompleteItemTextSub": "rgba(255, 255, 255, 0.3)",
"cwButtonBg": "#687390",
"cwButtonFg": "#393f4f",
"cwButtonHoverBg": "#707b97",
"reactionPickerButtonHoverBg": "rgba(255, 255, 255, 0.18)", "reactionPickerButtonHoverBg": "rgba(255, 255, 255, 0.18)",
"desktopHeaderBg": "#313543", "desktopHeaderBg": "#313543",
"mobileSignedInAsBg": "#273c34", "mobileSignedInAsBg": "#273c34",

View File

@ -19,6 +19,9 @@
"autocompleteItemHoverBg": "rgba(0, 0, 0, 0.1)", "autocompleteItemHoverBg": "rgba(0, 0, 0, 0.1)",
"autocompleteItemText": "rgba(0, 0, 0, 0.8)", "autocompleteItemText": "rgba(0, 0, 0, 0.8)",
"autocompleteItemTextSub": "rgba(0, 0, 0, 0.3)", "autocompleteItemTextSub": "rgba(0, 0, 0, 0.3)",
"cwButtonBg": "#b1b9c1",
"cwButtonFg": "#fff",
"cwButtonHoverBg": "#bbc4ce",
"reactionPickerButtonHoverBg": "#eee", "reactionPickerButtonHoverBg": "#eee",
"desktopHeaderBg": "#f7f7f7", "desktopHeaderBg": "#f7f7f7",
"mobileSignedInAsBg": "#fcfff5", "mobileSignedInAsBg": "#fcfff5",