🎨

src/client/themes/_dark.json5

@@ -16,8 +16,13 @@
 		fg: '#c7d1d8',
 		fgHighlighted: ':lighten<3<@fg',
 		html: '@bg',
+		divider: 'rgba(255, 255, 255, 0.1)',
 		indicator: '@accent',
 		panel: '#000',
+		panelHeaderBg: ':lighten<3<@panel',
+		panelHeaderFg: '@fg',
+		panelHeaderDivider: 'rgba(0, 0, 0, 0)',
+		panelBorder: 'rgba(0, 0, 0, 0)',
 		shadow: 'rgba(0, 0, 0, 0.1)',
 		header: 'rgba(20, 20, 20, 0.75)',
 		navBg: '@panel',
@@ -31,7 +36,6 @@
 		mentionMe: '@mention',
 		renote: '#229e82',
 		modalBg: 'rgba(0, 0, 0, 0.5)',
-		divider: 'rgba(255, 255, 255, 0.1)',
 		scrollbarHandle: 'rgba(255, 255, 255, 0.2)',
 		scrollbarHandleHover: 'rgba(255, 255, 255, 0.4)',
 		dateLabelFg: '@fg',

src/client/themes/_light.json5

@@ -16,8 +16,13 @@
 		fg: '#5c6a73',
 		fgHighlighted: ':darken<3<@fg',
 		html: '@bg',
+		divider: 'rgba(0, 0, 0, 0.1)',
 		indicator: '@accent',
 		panel: '#fff',
+		panelHeaderBg: ':lighten<3<@panel',
+		panelHeaderFg: '@fg',
+		panelHeaderDivider: 'rgba(0, 0, 0, 0)',
+		panelBorder: 'rgba(0, 0, 0, 0)',
 		shadow: 'rgba(0, 0, 0, 0.1)',
 		header: 'rgba(255, 255, 255, 0.75)',
 		navBg: '@panel',
@@ -31,7 +36,6 @@
 		mentionMe: '@mention',
 		renote: '#229e82',
 		modalBg: 'rgba(0, 0, 0, 0.3)',
-		divider: 'rgba(0, 0, 0, 0.1)',
 		scrollbarHandle: 'rgba(0, 0, 0, 0.2)',
 		scrollbarHandleHover: 'rgba(0, 0, 0, 0.4)',
 		dateLabelFg: '@fg',

src/client/themes/black.json5

@@ -9,6 +9,9 @@
 
 	props: {
 		divider: '#2d2d2d',
+		panelHeaderBg: '@panel',
+		panelHeaderDivider: '@divider',
+		panelBorder: '@divider',
 		messageBg: '#1d1d1d',
 	},
 }

src/client/themes/white.json5

@@ -8,6 +8,7 @@
 	base: 'light',
 
 	props: {
+		panelHeaderDivider: '@divider',
 		messageBg: '#dedede',
 	},
 }