diff --git a/src/client/components/sidebar.vue b/src/client/components/sidebar.vue index 3d4f9f504..9a3a7c482 100644 --- a/src/client/components/sidebar.vue +++ b/src/client/components/sidebar.vue @@ -294,7 +294,7 @@ export default defineComponent({ .mvcprjjd { $ui-font-size: 1em; // TODO: どこかに集約したい $nav-width: 250px; - $nav-icon-only-width: 80px; + $nav-icon-only-width: 86px; > .nav-back { z-index: 1001; @@ -382,7 +382,6 @@ export default defineComponent({ box-sizing: border-box; overflow: auto; background: var(--navBg); - border-right: solid 1px var(--divider); > .divider { margin: 16px 0; diff --git a/src/client/themes/_dark.json5 b/src/client/themes/_dark.json5 index 9ce885361..cdeeb12e7 100644 --- a/src/client/themes/_dark.json5 +++ b/src/client/themes/_dark.json5 @@ -28,7 +28,7 @@ acrylicPanel: ':alpha<0.5<@panel', shadow: 'rgba(0, 0, 0, 0.3)', header: ':alpha<0.7<@bg', - navBg: '@bg', + navBg: '@panel', navFg: '@fg', navHoverFg: ':lighten<17<@fg', navActive: '@accent', diff --git a/src/client/themes/_light.json5 b/src/client/themes/_light.json5 index d08063fda..e4d18d6ce 100644 --- a/src/client/themes/_light.json5 +++ b/src/client/themes/_light.json5 @@ -28,7 +28,7 @@ acrylicPanel: ':alpha<0.5<@panel', shadow: 'rgba(0, 0, 0, 0.1)', header: ':alpha<0.7<@bg', - navBg: '@bg', + navBg: '@panel', navFg: '@fg', navHoverFg: ':darken<17<@fg', navActive: '@accent', diff --git a/src/client/themes/d-persimmon.json5 b/src/client/themes/d-persimmon.json5 index 067911ace..ecfce1681 100644 --- a/src/client/themes/d-persimmon.json5 +++ b/src/client/themes/d-persimmon.json5 @@ -19,7 +19,7 @@ infoFg: '@fg', infoBg: '#333c3b', header: ':alpha<0.7<@bg', - navBg: '#1f211f', + navBg: '#141714', renote: '@accent', mention: '@accent', mentionMe: '#de6161', diff --git a/src/client/themes/l-light.json5 b/src/client/themes/l-light.json5 index f7ec85d01..34be20fae 100644 --- a/src/client/themes/l-light.json5 +++ b/src/client/themes/l-light.json5 @@ -12,7 +12,7 @@ fg: '#636b71', divider: 'rgb(223, 223, 223)', header: ':alpha<0.7<@bg', - navBg: '@bg', + navBg: '#fff', panel: '#fff', panelShadow: '" 0 8px 24px rgb(21 43 75 / 8%)', panelHeaderDivider: '@divider',