usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix color theme

This commit is contained in:
おさむのひと 2024-11-15 21:56:36 +09:00
parent a4aee93c3d
commit b34a522c42
10 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/frontend/src/components/MkRoleSelectDialog.vue
View File

@ -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>

2
packages/frontend/src/components/MkSortOrderEditor.vue
View File

@ -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>

4
packages/frontend/src/components/MkTagItem.vue
View File

@ -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);
}
}

6
packages/frontend/src/components/grid/MkDataCell.vue
View File

@ -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);
}
}

2
packages/frontend/src/components/grid/MkDataRow.vue
View File

@ -66,7 +66,7 @@ defineProps<{
width: fit-content;
&.ranged {
background-color: var(--accentedBg);
background-color: var(--MI_THEME-accentedBg);
}
}
</style>

4
packages/frontend/src/components/grid/MkGrid.vue
View File

@ -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 {

2
packages/frontend/src/components/grid/MkNumberCell.vue
View File

@ -55,7 +55,7 @@ $cellWidth: 34px;
border: solid 0.5px transparent;
&.selected {
background-color: var(--accentedBg);
background-color: var(--MI_THEME-accentedBg);
}
}
</style>

8
packages/frontend/src/pages/admin/custom-emojis-manager.local.list.vue
View File

@ -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>

8
packages/frontend/src/pages/admin/custom-emojis-manager.local.register.vue
View File

@ -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 {

2
packages/frontend/src/pages/admin/custom-emojis-manager.remote.vue
View File

@ -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;