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 { .roleItemArea {
background-color: var(--acrylicBg); background-color: var(--MI_THEME-acrylicBg);
border-radius: var(--radius); border-radius: var(--MI-radius);
padding: 12px; padding: 12px;
overflow-y: auto; overflow-y: auto;
} }
@ -195,7 +195,7 @@ fetchRoles();
} }
.divider { .divider {
border-top: solid 0.5px var(--divider); border-top: solid 0.5px var(--MI_THEME-divider);
} }
</style> </style>

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

@ -107,6 +107,6 @@ function emitOrder(sortOrders: SortOrder<T>[]) {
padding: 8px; padding: 8px;
margin-left: auto; margin-left: auto;
border-radius: 9999px; border-radius: 9999px;
background-color: var(--buttonBg); background-color: var(--MI_THEME-buttonBg);
} }
</style> </style>

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

@ -39,10 +39,10 @@ $buttonSize : 1.8em;
padding: 4px 6px; padding: 4px 6px;
gap: 3px; gap: 3px;
background-color: var(--buttonBg); background-color: var(--MI_THEME-buttonBg);
&:hover { &: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; border: solid 0.5px transparent;
&.selected { &.selected {
border: solid 0.5px var(--accentLighten); border: solid 0.5px var(--MI_THEME-accentLighten);
} }
&.ranged { &.ranged {
background-color: var(--accentedBg); background-color: var(--MI_THEME-accentedBg);
} }
&.center { &.center {
@ -352,7 +352,7 @@ $cellHeight: 28px;
} }
&.error { &.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; width: fit-content;
&.ranged { &.ranged {
background-color: var(--accentedBg); background-color: var(--MI_THEME-accentedBg);
} }
} }
</style> </style>

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

@ -1280,8 +1280,8 @@ onMounted(() => {
</style> </style>
<style lang="scss"> <style lang="scss">
$borderSetting: solid 0.5px var(--divider); $borderSetting: solid 0.5px var(--MI_THEME-divider);
$borderRadius: var(--radius); $borderRadius: var(--MI-radius);
// 配下コンポーネントを含めて一括してコントロールするため、scopedもmoduleも使用できない // 配下コンポーネントを含めて一括してコントロールするため、scopedもmoduleも使用できない
.mk_grid_border { .mk_grid_border {

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

@ -55,7 +55,7 @@ $cellWidth: 34px;
border: solid 0.5px transparent; border: solid 0.5px transparent;
&.selected { &.selected {
background-color: var(--accentedBg); background-color: var(--MI_THEME-accentedBg);
} }
} }
</style> </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"> <style module lang="scss">
.violationRow { .violationRow {
background-color: var(--infoWarnBg); background-color: var(--MI_THEME-infoWarnBg);
} }
.changedRow { .changedRow {
background-color: var(--infoBg); background-color: var(--MI_THEME-infoBg);
} }
.editedRow { .editedRow {
background-color: var(--infoBg); background-color: var(--MI_THEME-infoBg);
} }
.row1 { .row1 {
@ -708,7 +708,7 @@ onMounted(async () => {
.divider { .divider {
margin: 8px 0; margin: 8px 0;
border-top: solid 0.5px var(--divider); border-top: solid 0.5px var(--MI_THEME-divider);
} }
</style> </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"> <style module lang="scss">
.violationRow { .violationRow {
background-color: var(--infoWarnBg); background-color: var(--MI_THEME-infoWarnBg);
} }
.uploadBox { .uploadBox {
@ -441,9 +441,9 @@ onMounted(async () => {
align-items: center; align-items: center;
width: 100%; width: 100%;
height: auto; height: auto;
border: 0.5px dotted var(--accentedBg); border: 0.5px dotted var(--MI_THEME-accentedBg);
border-radius: var(--border-radius); border-radius: var(--MI-radius);
background-color: var(--accentedBg); background-color: var(--MI_THEME-accentedBg);
box-sizing: border-box; box-sizing: border-box;
&.dragOver { &.dragOver {

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

@ -378,7 +378,7 @@ onMounted(async () => {
align-items: center; align-items: center;
button { button {
background-color: var(--buttonBg); background-color: var(--MI_THEME-buttonBg);
border-radius: 9999px; border-radius: 9999px;
border: none; border: none;
margin: 0 4px; margin: 0 4px;