From b34a522c4295785fbad410e50c6f36ffd92ae78c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=8A=E3=81=95=E3=82=80=E3=81=AE=E3=81=B2=E3=81=A8?=
 <46447427+samunohito@users.noreply.github.com>
Date: Fri, 15 Nov 2024 21:56:36 +0900
Subject: [PATCH] fix color theme

---
 packages/frontend/src/components/MkRoleSelectDialog.vue   | 6 +++---
 packages/frontend/src/components/MkSortOrderEditor.vue    | 2 +-
 packages/frontend/src/components/MkTagItem.vue            | 4 ++--
 packages/frontend/src/components/grid/MkDataCell.vue      | 6 +++---
 packages/frontend/src/components/grid/MkDataRow.vue       | 2 +-
 packages/frontend/src/components/grid/MkGrid.vue          | 4 ++--
 packages/frontend/src/components/grid/MkNumberCell.vue    | 2 +-
 .../src/pages/admin/custom-emojis-manager.local.list.vue  | 8 ++++----
 .../pages/admin/custom-emojis-manager.local.register.vue  | 8 ++++----
 .../src/pages/admin/custom-emojis-manager.remote.vue      | 2 +-
 10 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/packages/frontend/src/components/MkRoleSelectDialog.vue b/packages/frontend/src/components/MkRoleSelectDialog.vue
index 8b0c1b9d3e..a90a36e17b 100644
--- a/packages/frontend/src/components/MkRoleSelectDialog.vue
+++ b/packages/frontend/src/components/MkRoleSelectDialog.vue
@@ -145,8 +145,8 @@ fetchRoles();
 }
 
 .roleItemArea {
-	background-color: var(--acrylicBg);
-	border-radius: var(--radius);
+	background-color: var(--MI_THEME-acrylicBg);
+	border-radius: var(--MI-radius);
 	padding: 12px;
 	overflow-y: auto;
 }
@@ -195,7 +195,7 @@ fetchRoles();
 }
 
 .divider {
-	border-top: solid 0.5px var(--divider);
+	border-top: solid 0.5px var(--MI_THEME-divider);
 }
 
 </style>
diff --git a/packages/frontend/src/components/MkSortOrderEditor.vue b/packages/frontend/src/components/MkSortOrderEditor.vue
index 92b85ff88f..da08f12297 100644
--- a/packages/frontend/src/components/MkSortOrderEditor.vue
+++ b/packages/frontend/src/components/MkSortOrderEditor.vue
@@ -107,6 +107,6 @@ function emitOrder(sortOrders: SortOrder<T>[]) {
 	padding: 8px;
 	margin-left: auto;
 	border-radius: 9999px;
-	background-color: var(--buttonBg);
+	background-color: var(--MI_THEME-buttonBg);
 }
 </style>
diff --git a/packages/frontend/src/components/MkTagItem.vue b/packages/frontend/src/components/MkTagItem.vue
index 93c20a2d6e..98f2411392 100644
--- a/packages/frontend/src/components/MkTagItem.vue
+++ b/packages/frontend/src/components/MkTagItem.vue
@@ -39,10 +39,10 @@ $buttonSize : 1.8em;
 	padding: 4px 6px;
 	gap: 3px;
 
-	background-color: var(--buttonBg);
+	background-color: var(--MI_THEME-buttonBg);
 
 	&:hover {
-		background-color: var(--buttonBgHover);
+		background-color: var(--MI_THEME-buttonHoverBg);
 	}
 }
 
diff --git a/packages/frontend/src/components/grid/MkDataCell.vue b/packages/frontend/src/components/grid/MkDataCell.vue
index ad908b6602..c4f894f006 100644
--- a/packages/frontend/src/components/grid/MkDataCell.vue
+++ b/packages/frontend/src/components/grid/MkDataCell.vue
@@ -340,11 +340,11 @@ $cellHeight: 28px;
 	border: solid 0.5px transparent;
 
 	&.selected {
-		border: solid 0.5px var(--accentLighten);
+		border: solid 0.5px var(--MI_THEME-accentLighten);
 	}
 
 	&.ranged {
-		background-color: var(--accentedBg);
+		background-color: var(--MI_THEME-accentedBg);
 	}
 
 	&.center {
@@ -352,7 +352,7 @@ $cellHeight: 28px;
 	}
 
 	&.error {
-		border: solid 0.5px var(--error);
+		border: solid 0.5px var(--MI_THEME-error);
 	}
 }
 
diff --git a/packages/frontend/src/components/grid/MkDataRow.vue b/packages/frontend/src/components/grid/MkDataRow.vue
index 5d9e36626b..280a14bc4a 100644
--- a/packages/frontend/src/components/grid/MkDataRow.vue
+++ b/packages/frontend/src/components/grid/MkDataRow.vue
@@ -66,7 +66,7 @@ defineProps<{
 	width: fit-content;
 
 	&.ranged {
-		background-color: var(--accentedBg);
+		background-color: var(--MI_THEME-accentedBg);
 	}
 }
 </style>
diff --git a/packages/frontend/src/components/grid/MkGrid.vue b/packages/frontend/src/components/grid/MkGrid.vue
index 9fc3e82198..070b1d8712 100644
--- a/packages/frontend/src/components/grid/MkGrid.vue
+++ b/packages/frontend/src/components/grid/MkGrid.vue
@@ -1280,8 +1280,8 @@ onMounted(() => {
 </style>
 
 <style lang="scss">
-$borderSetting: solid 0.5px var(--divider);
-$borderRadius: var(--radius);
+$borderSetting: solid 0.5px var(--MI_THEME-divider);
+$borderRadius: var(--MI-radius);
 
 // 配下コンポーネントを含めて一括してコントロールするため、scopedもmoduleも使用できない
 .mk_grid_border {
diff --git a/packages/frontend/src/components/grid/MkNumberCell.vue b/packages/frontend/src/components/grid/MkNumberCell.vue
index ebda3ff01c..674bba96bc 100644
--- a/packages/frontend/src/components/grid/MkNumberCell.vue
+++ b/packages/frontend/src/components/grid/MkNumberCell.vue
@@ -55,7 +55,7 @@ $cellWidth: 34px;
 	border: solid 0.5px transparent;
 
 	&.selected {
-		background-color: var(--accentedBg);
+		background-color: var(--MI_THEME-accentedBg);
 	}
 }
 </style>
diff --git a/packages/frontend/src/pages/admin/custom-emojis-manager.local.list.vue b/packages/frontend/src/pages/admin/custom-emojis-manager.local.list.vue
index 5342a06b63..5b4b199aa0 100644
--- a/packages/frontend/src/pages/admin/custom-emojis-manager.local.list.vue
+++ b/packages/frontend/src/pages/admin/custom-emojis-manager.local.list.vue
@@ -628,15 +628,15 @@ onMounted(async () => {
 
 <style module lang="scss">
 .violationRow {
-	background-color: var(--infoWarnBg);
+	background-color: var(--MI_THEME-infoWarnBg);
 }
 
 .changedRow {
-	background-color: var(--infoBg);
+	background-color: var(--MI_THEME-infoBg);
 }
 
 .editedRow {
-	background-color: var(--infoBg);
+	background-color: var(--MI_THEME-infoBg);
 }
 
 .row1 {
@@ -708,7 +708,7 @@ onMounted(async () => {
 
 .divider {
 	margin: 8px 0;
-	border-top: solid 0.5px var(--divider);
+	border-top: solid 0.5px var(--MI_THEME-divider);
 }
 
 </style>
diff --git a/packages/frontend/src/pages/admin/custom-emojis-manager.local.register.vue b/packages/frontend/src/pages/admin/custom-emojis-manager.local.register.vue
index d92adc295a..dabe5292cf 100644
--- a/packages/frontend/src/pages/admin/custom-emojis-manager.local.register.vue
+++ b/packages/frontend/src/pages/admin/custom-emojis-manager.local.register.vue
@@ -431,7 +431,7 @@ onMounted(async () => {
 
 <style module lang="scss">
 .violationRow {
-	background-color: var(--infoWarnBg);
+	background-color: var(--MI_THEME-infoWarnBg);
 }
 
 .uploadBox {
@@ -441,9 +441,9 @@ onMounted(async () => {
 	align-items: center;
 	width: 100%;
 	height: auto;
-	border: 0.5px dotted var(--accentedBg);
-	border-radius: var(--border-radius);
-	background-color: var(--accentedBg);
+	border: 0.5px dotted var(--MI_THEME-accentedBg);
+	border-radius: var(--MI-radius);
+	background-color: var(--MI_THEME-accentedBg);
 	box-sizing: border-box;
 
 	&.dragOver {
diff --git a/packages/frontend/src/pages/admin/custom-emojis-manager.remote.vue b/packages/frontend/src/pages/admin/custom-emojis-manager.remote.vue
index 200e26c096..13ba0872e1 100644
--- a/packages/frontend/src/pages/admin/custom-emojis-manager.remote.vue
+++ b/packages/frontend/src/pages/admin/custom-emojis-manager.remote.vue
@@ -378,7 +378,7 @@ onMounted(async () => {
 	align-items: center;
 
 	button {
-		background-color: var(--buttonBg);
+		background-color: var(--MI_THEME-buttonBg);
 		border-radius: 9999px;
 		border: none;
 		margin: 0 4px;