From 060d4fd27f54b872fb735281663ac14f5922a2fb Mon Sep 17 00:00:00 2001 From: syuilo Date: Mon, 10 Feb 2020 21:27:17 +0900 Subject: [PATCH] :art: --- src/client/components/ui/button.vue | 1 + src/client/pages/messaging-room.message.vue | 1 + src/client/style.scss | 1 + src/client/themes/dark.json5 | 1 + src/client/themes/light.json5 | 1 + 5 files changed, 5 insertions(+) diff --git a/src/client/components/ui/button.vue b/src/client/components/ui/button.vue index 4071faa1d..6cf8eeee4 100644 --- a/src/client/components/ui/button.vue +++ b/src/client/components/ui/button.vue @@ -124,6 +124,7 @@ export default Vue.extend({ &.primary { color: #fff; background: var(--accent); + box-shadow: 0 6px 16px var(--accentShadow); &:not(:disabled):hover { background: var(--jkhztclx); diff --git a/src/client/pages/messaging-room.message.vue b/src/client/pages/messaging-room.message.vue index 392eb6acb..18be48b11 100644 --- a/src/client/pages/messaging-room.message.vue +++ b/src/client/pages/messaging-room.message.vue @@ -288,6 +288,7 @@ export default Vue.extend({ > .balloon { background: $me-balloon-color; + box-shadow: 0 6px 16px var(--accentShadow); text-align: left; &[data-no-text] { diff --git a/src/client/style.scss b/src/client/style.scss index 92c7a488f..c27b002ef 100644 --- a/src/client/style.scss +++ b/src/client/style.scss @@ -198,6 +198,7 @@ a { @extend ._button; color: #fff; background: var(--accent); + box-shadow: 0 6px 16px var(--accentShadow); &:not(:disabled):hover { background: var(--jkhztclx); diff --git a/src/client/themes/dark.json5 b/src/client/themes/dark.json5 index 3bb56c8ae..a955561c8 100644 --- a/src/client/themes/dark.json5 +++ b/src/client/themes/dark.json5 @@ -10,6 +10,7 @@ accent: '#86b300', accentDarken: ':darken<10<@accent', accentLighten: ':lighten<10<@accent', + accentShadow: ':alpha<0.3<@accent', focus: ':alpha<0.3<@accent', bg: '#000', fg: '#c7d1d8', diff --git a/src/client/themes/light.json5 b/src/client/themes/light.json5 index 075933f35..201cbe4f6 100644 --- a/src/client/themes/light.json5 +++ b/src/client/themes/light.json5 @@ -10,6 +10,7 @@ accent: '#86b300', accentDarken: ':darken<10<@accent', accentLighten: ':lighten<10<@accent', + accentShadow: ':alpha<0.4<@accent', focus: ':alpha<0.3<@accent', bg: '#fafafa', fg: '#5c6a73',