diff --git a/src/styles.css b/src/styles.css index c655140..c7f7b0b 100644 --- a/src/styles.css +++ b/src/styles.css @@ -72,6 +72,8 @@ textarea { background: var(--ed-bg); color: var(--ed-fg); font-family: var(--font-data); + font-size: 11px; + padding: 4px 6px; color-scheme: dark; } button { @@ -89,7 +91,7 @@ button:hover:not(:disabled) { } .app-shell { min-height: 100vh; - background: var(--ed-bg); + background: var(--ed-panel); } .app-bar { height: 42px; @@ -182,11 +184,11 @@ button:hover:not(:disabled) { display: flex; align-items: center; justify-content: space-between; - min-height: 32px; - padding: 0 10px; + min-height: 34px; + padding: 8px 12px; border-bottom: 1px solid var(--ui-divider); color: var(--ed-fg); - font: 10px var(--font-data); + font: 600 13px var(--font-display); letter-spacing: 0.16em; text-transform: uppercase; } @@ -280,9 +282,10 @@ label { } .panel { min-width: 0; - border: 1px solid var(--ui-line-soft); - border-radius: var(--panel-radius); - background: var(--ed-bg); + border: 0; + border-radius: 0; + box-shadow: none; + background: var(--ed-panel); } .preview-panel { grid-column: span 2;