🎨

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;

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',

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',

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',

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',