🎨

src/client/components/ui/container.vue

@@ -134,6 +134,8 @@ export default defineComponent({
 
 	> header {
 		position: relative;
+		color: var(--panelHeaderFg);
+		background: var(--panelHeaderBg);
 		box-shadow: 0 1px 0 0 var(--panelHeaderDivider);
 		z-index: 2;
 		line-height: 1.4em;
@@ -179,6 +181,7 @@ export default defineComponent({
 		> header {
 			> .title {
 				padding: 8px 10px;
+				font-size: 0.9em;
 			}
 		}
 

src/client/themes/d-persimmon.json5

@@ -14,8 +14,6 @@
 		divider: 'rgba(255, 255, 255, 0.14)',
 		panel: 'rgb(41, 43, 41)',
 		panelShadow: '" 0 8px 24px rgb(0 0 0 / 25%)',
-		panelHeaderBg: '@panel',
-		panelHeaderDivider: '@divider',
 		infoFg: '@fg',
 		infoBg: '#333c3b',
 		header: ':alpha<0.7<@bg',