diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-09-28 16:08:09 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-09-28 16:08:09 +0900 |
| commit | 671c7cf06b4f7f6248f9a961f79af1cc78a7b598 (patch) | |
| tree | 82ef556cf7e95d6d24c91543f3f0e77012e04236 /src | |
| parent | wip (diff) | |
| download | misskey-671c7cf06b4f7f6248f9a961f79af1cc78a7b598.tar.gz misskey-671c7cf06b4f7f6248f9a961f79af1cc78a7b598.tar.bz2 misskey-671c7cf06b4f7f6248f9a961f79af1cc78a7b598.zip | |
wip
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/desktop/views/components/follow-button.vue | 33 |
1 files changed, 11 insertions, 22 deletions
diff --git a/src/client/app/desktop/views/components/follow-button.vue b/src/client/app/desktop/views/components/follow-button.vue index 014b536f59..45e63ad928 100644 --- a/src/client/app/desktop/views/components/follow-button.vue +++ b/src/client/app/desktop/views/components/follow-button.vue @@ -101,9 +101,7 @@ export default Vue.extend({ </script> <style lang="stylus" scoped> - - -root(isDark) +.mk-follow-button display block cursor pointer padding 0 @@ -130,33 +128,30 @@ root(isDark) border-radius 8px &:not(.active) - color isDark ? #fff : #888 - background isDark ? linear-gradient(to bottom, #313543 0%, #282c37 100%) : linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%) - border solid 1px isDark ? #1c2023 : #e2e2e2 + color var(--primary) + border solid 1px var(--primary) &:hover - background isDark ? linear-gradient(to bottom, #2c2f3c 0%, #22262f 100%) : linear-gradient(to bottom, #f9f9f9 0%, #ececec 100%) - border-color isDark ? #151a1d : #dcdcdc + background var(--primaryAlpha03) &:active - background isDark ? #22262f : #ececec - border-color isDark ? #151a1d : #dcdcdc + background var(--primaryAlpha05) &.active color var(--primaryForeground) - background linear-gradient(to bottom, var(--primaryLighten25) 0%, var(--primaryLighten10) 100%) - border solid 1px var(--primaryLighten15) + background var(--primary) + border solid 1px var(--primary) &:not(:disabled) font-weight bold &:hover:not(:disabled) - background linear-gradient(to bottom, var(--primaryLighten8) 0%, var(--primaryDarken8) 100%) - border-color var(--primary) + background var(--primaryLighten5) + border-color var(--primaryLighten5) &:active:not(:disabled) - background var(--primary) - border-color var(--primary) + background var(--primaryDarken5) + border-color var(--primaryDarken5) &.wait cursor wait !important @@ -167,10 +162,4 @@ root(isDark) height 38px line-height 38px -.mk-follow-button[data-darkmode] - root(true) - -.mk-follow-button:not([data-darkmode]) - root(false) - </style> |