summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/MkChannelFollowButton.vue
diff options
context:
space:
mode:
authorsyuilo <4439005+syuilo@users.noreply.github.com>2024-10-09 18:08:14 +0900
committerGitHub <noreply@github.com>2024-10-09 18:08:14 +0900
commit4a356f1ba742ae3965d01ad17179d3af4846377a (patch)
treede74d2bea4e0025330555c6334b6855cbf76d862 /packages/frontend/src/components/MkChannelFollowButton.vue
parent[skip ci] Update CHANGELOG.md (prepend template) (diff)
downloadmisskey-4a356f1ba742ae3965d01ad17179d3af4846377a.tar.gz
misskey-4a356f1ba742ae3965d01ad17179d3af4846377a.tar.bz2
misskey-4a356f1ba742ae3965d01ad17179d3af4846377a.zip
refactor(frontend): prefix css variables (#14725)
* wip * Update index.d.ts * remove unnecessary codes
Diffstat (limited to 'packages/frontend/src/components/MkChannelFollowButton.vue')
-rw-r--r--packages/frontend/src/components/MkChannelFollowButton.vue16
1 files changed, 8 insertions, 8 deletions
diff --git a/packages/frontend/src/components/MkChannelFollowButton.vue b/packages/frontend/src/components/MkChannelFollowButton.vue
index 35dc3ad4bf..d4e4f6179a 100644
--- a/packages/frontend/src/components/MkChannelFollowButton.vue
+++ b/packages/frontend/src/components/MkChannelFollowButton.vue
@@ -68,9 +68,9 @@ async function onClick() {
position: relative;
display: inline-block;
font-weight: bold;
- color: var(--accent);
+ color: var(--MI_THEME-accent);
background: transparent;
- border: solid 1px var(--accent);
+ border: solid 1px var(--MI_THEME-accent);
padding: 0;
height: 31px;
font-size: 16px;
@@ -99,17 +99,17 @@ async function onClick() {
}
&.active {
- color: var(--fgOnAccent);
- background: var(--accent);
+ color: var(--MI_THEME-fgOnAccent);
+ background: var(--MI_THEME-accent);
&:hover {
- background: var(--accentLighten);
- border-color: var(--accentLighten);
+ background: var(--MI_THEME-accentLighten);
+ border-color: var(--MI_THEME-accentLighten);
}
&:active {
- background: var(--accentDarken);
- border-color: var(--accentDarken);
+ background: var(--MI_THEME-accentDarken);
+ border-color: var(--MI_THEME-accentDarken);
}
}