diff --git a/src/client/components/sidebar.vue b/src/client/components/sidebar.vue index 3d4f9f5046..9a3a7c4823 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 9ce8853614..cdeeb12e76 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 d08063fdaf..e4d18d6cec 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 067911ace6..ecfce1681f 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 f7ec85d01e..34be20fae0 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',