diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2024-08-19 19:41:06 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2024-08-19 19:41:06 +0900 |
| commit | 59e83605ac05118cfbd016bb20558e7bb56348f0 (patch) | |
| tree | e4dd2646ed06fa402a5d7f772cd5ca86f6edbac7 /packages/frontend/src/components/MkButton.vue | |
| parent | refactor (diff) | |
| download | sharkey-59e83605ac05118cfbd016bb20558e7bb56348f0.tar.gz sharkey-59e83605ac05118cfbd016bb20558e7bb56348f0.tar.bz2 sharkey-59e83605ac05118cfbd016bb20558e7bb56348f0.zip | |
refactor
Diffstat (limited to 'packages/frontend/src/components/MkButton.vue')
| -rw-r--r-- | packages/frontend/src/components/MkButton.vue | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/frontend/src/components/MkButton.vue b/packages/frontend/src/components/MkButton.vue index 9560efb7d9..fb9c036fbc 100644 --- a/packages/frontend/src/components/MkButton.vue +++ b/packages/frontend/src/components/MkButton.vue @@ -171,11 +171,11 @@ function onMousedown(evt: MouseEvent): void { background: var(--accent); &:not(:disabled):hover { - background: var(--X8); + background: hsl(from var(--accent) h s calc(l + 5)); } &:not(:disabled):active { - background: var(--X8); + background: hsl(from var(--accent) h s calc(l + 5)); } } @@ -220,11 +220,11 @@ function onMousedown(evt: MouseEvent): void { background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB)); &:not(:disabled):hover { - background: linear-gradient(90deg, var(--X8), var(--X8)); + background: linear-gradient(90deg, hsl(from var(--accent) h s calc(l + 5)), hsl(from var(--accent) h s calc(l + 5))); } &:not(:disabled):active { - background: linear-gradient(90deg, var(--X8), var(--X8)); + background: linear-gradient(90deg, hsl(from var(--accent) h s calc(l + 5)), hsl(from var(--accent) h s calc(l + 5))); } } |