This commit is contained in:
syuilo 2018-09-27 19:32:06 +09:00
parent 459b374d61
commit 7a0a8b5d2b
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
3 changed files with 39 additions and 13 deletions

View file

@ -26,7 +26,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .mk-google
display flex display flex
margin 8px 0 margin 8px 0
@ -37,31 +37,25 @@ root(isDark)
height 40px height 40px
font-family sans-serif font-family sans-serif
font-size 16px font-size 16px
color isDark ? #dee4e8 : #55595c color var(--googleSearchFg)
background isDark ? #191b22 : #fff background var(--googleSearchBg)
border solid 1px isDark ? #495156 : #dadada border solid 1px var(--googleSearchBorder)
border-radius 4px 0 0 4px border-radius 4px 0 0 4px
&:hover &:hover
border-color isDark ? #777c86 : #b0b0b0 border-color var(--googleSearchHoverBorder)
> button > button
flex-shrink 0 flex-shrink 0
padding 0 16px padding 0 16px
border solid 1px isDark ? #495156 : #dadada border solid 1px var(--googleSearchBorder)
border-left none border-left none
border-radius 0 4px 4px 0 border-radius 0 4px 4px 0
&:hover &:hover
background-color isDark ? #2e3440 : #eee background-color var(--googleSearchHoverButton)
&:active &:active
box-shadow 0 2px 4px rgba(#000, 0.15) inset box-shadow 0 2px 4px rgba(#000, 0.15) inset
.mk-google[data-darkmode]
root(true)
.mk-google:not([data-darkmode])
root(false)
</style> </style>

View file

@ -38,29 +38,45 @@
"noteHeaderAdminBg": "#5d282e", "noteHeaderAdminBg": "#5d282e",
"noteHeaderAcct": "#606984", "noteHeaderAcct": "#606984",
"noteHeaderInfo": "#606984", "noteHeaderInfo": "#606984",
"noteActions": "#606984", "noteActions": "#606984",
"noteActionsHover": "#a1a8bf", "noteActionsHover": "#a1a8bf",
"noteActionsReplyHover": "#0af", "noteActionsReplyHover": "#0af",
"noteActionsRenoteHover": "#8d0", "noteActionsRenoteHover": "#8d0",
"noteActionsReactionHover": "#fa0", "noteActionsReactionHover": "#fa0",
"noteActionsHighlighted": "#707b97", "noteActionsHighlighted": "#707b97",
"modalBackdrop": "rgba(0, 0, 0, 0.5)", "modalBackdrop": "rgba(0, 0, 0, 0.5)",
"dateDividerBg": "#242731", "dateDividerBg": "#242731",
"dateDividerFg": "#666b79", "dateDividerFg": "#666b79",
"switchTrack": "rgba(255, 255, 255, 0.15)", "switchTrack": "rgba(255, 255, 255, 0.15)",
"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", "cwButtonBg": "#687390",
"cwButtonFg": "#393f4f", "cwButtonFg": "#393f4f",
"cwButtonHoverBg": "#707b97", "cwButtonHoverBg": "#707b97",
"reactionPickerButtonHoverBg": "rgba(255, 255, 255, 0.18)", "reactionPickerButtonHoverBg": "rgba(255, 255, 255, 0.18)",
"calendarWeek": "#43d5dc", "calendarWeek": "#43d5dc",
"calendarSaturdayOrSunday": "#ff6679", "calendarSaturdayOrSunday": "#ff6679",
"calendarDay": "#c5ced6", "calendarDay": "#c5ced6",
"announcementsBg": "#253a50", "announcementsBg": "#253a50",
"announcementsTitle": "#539eff", "announcementsTitle": "#539eff",
"announcementsText": "#fff", "announcementsText": "#fff",
"googleSearchBg": "rgba(0, 0, 0, 0.2)",
"googleSearchFg": "#dee4e8",
"googleSearchBorder": "rgba(255, 255, 255, 0.2)",
"googleSearchHoverBorder": "rgba(255, 255, 255, 0.3)",
"googleSearchHoverButton": "rgba(255, 255, 255, 0.1)",
"desktopHeaderBg": "#313543", "desktopHeaderBg": "#313543",
"desktopHeaderFg": "#b8c5ca", "desktopHeaderFg": "#b8c5ca",
"desktopHeaderHoverFg": "#fff", "desktopHeaderHoverFg": "#fff",

View file

@ -38,29 +38,45 @@
"noteHeaderAdminBg": "#5d282e", "noteHeaderAdminBg": "#5d282e",
"noteHeaderAcct": "#ccc", "noteHeaderAcct": "#ccc",
"noteHeaderInfo": "#c0c0c0", "noteHeaderInfo": "#c0c0c0",
"noteActions": "#ddd", "noteActions": "#ddd",
"noteActionsHover": "#444", "noteActionsHover": "#444",
"noteActionsReplyHover": "#0af", "noteActionsReplyHover": "#0af",
"noteActionsRenoteHover": "#8d0", "noteActionsRenoteHover": "#8d0",
"noteActionsReactionHover": "#fa0", "noteActionsReactionHover": "#fa0",
"noteActionsHighlighted": "#888", "noteActionsHighlighted": "#888",
"modalBackdrop": "rgba(0, 0, 0, 0.1)", "modalBackdrop": "rgba(0, 0, 0, 0.1)",
"dateDividerBg": "#fdfdfd", "dateDividerBg": "#fdfdfd",
"dateDividerFg": "#aaa", "dateDividerFg": "#aaa",
"switchTrack": "rgba(0, 0, 0, 0.25)", "switchTrack": "rgba(0, 0, 0, 0.25)",
"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", "cwButtonBg": "#b1b9c1",
"cwButtonFg": "#fff", "cwButtonFg": "#fff",
"cwButtonHoverBg": "#bbc4ce", "cwButtonHoverBg": "#bbc4ce",
"reactionPickerButtonHoverBg": "#eee", "reactionPickerButtonHoverBg": "#eee",
"calendarWeek": "#19a2a9", "calendarWeek": "#19a2a9",
"calendarSaturdayOrSunday": "#ef95a0", "calendarSaturdayOrSunday": "#ef95a0",
"calendarDay": "#777", "calendarDay": "#777",
"announcementsBg": "#f3f9ff", "announcementsBg": "#f3f9ff",
"announcementsTitle": "#4078c0", "announcementsTitle": "#4078c0",
"announcementsText": "#57616f", "announcementsText": "#57616f",
"googleSearchBg": "#fff",
"googleSearchFg": "#55595c",
"googleSearchBorder": "rgba(0, 0, 0, 0.2)",
"googleSearchHoverBorder": "rgba(0, 0, 0, 0.3)",
"googleSearchHoverButton": "rgba(0, 0, 0, 0.05)",
"desktopHeaderBg": "#f7f7f7", "desktopHeaderBg": "#f7f7f7",
"desktopHeaderFg": "#9eaba8", "desktopHeaderFg": "#9eaba8",
"desktopHeaderHoverFg": "#7b8c88", "desktopHeaderHoverFg": "#7b8c88",