summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/MkTutorialDialog.PostNote.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/MkTutorialDialog.PostNote.vue
parent[skip ci] Update CHANGELOG.md (prepend template) (diff)
downloadsharkey-4a356f1ba742ae3965d01ad17179d3af4846377a.tar.gz
sharkey-4a356f1ba742ae3965d01ad17179d3af4846377a.tar.bz2
sharkey-4a356f1ba742ae3965d01ad17179d3af4846377a.zip
refactor(frontend): prefix css variables (#14725)
* wip * Update index.d.ts * remove unnecessary codes
Diffstat (limited to 'packages/frontend/src/components/MkTutorialDialog.PostNote.vue')
-rw-r--r--packages/frontend/src/components/MkTutorialDialog.PostNote.vue10
1 files changed, 5 insertions, 5 deletions
diff --git a/packages/frontend/src/components/MkTutorialDialog.PostNote.vue b/packages/frontend/src/components/MkTutorialDialog.PostNote.vue
index 27483cc7c2..7044e05804 100644
--- a/packages/frontend/src/components/MkTutorialDialog.PostNote.vue
+++ b/packages/frontend/src/components/MkTutorialDialog.PostNote.vue
@@ -82,13 +82,13 @@ const exampleCWNote = reactive<Misskey.entities.Note>({
.exampleRoot {
max-width: none!important;
border-radius: var(--radius);
- border: var(--panelBorder);
- background: var(--panel);
+ border: var(--MI_THEME-panelBorder);
+ background: var(--MI_THEME-panel);
}
.divider {
height: 1px;
- background: var(--divider);
+ background: var(--MI_THEME-divider);
}
.image {
@@ -101,7 +101,7 @@ const exampleCWNote = reactive<Misskey.entities.Note>({
display: block;
width: 100%;
height: 40px;
- color: var(--fgOnAccent);
+ color: var(--MI_THEME-fgOnAccent);
font-weight: bold;
text-align: left;
@@ -117,7 +117,7 @@ const exampleCWNote = reactive<Misskey.entities.Note>({
right: 0;
bottom: 0;
border-radius: 999px;
- background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
+ background: linear-gradient(90deg, var(--MI_THEME-buttonGradateA), var(--MI_THEME-buttonGradateB));
}
}