Fix schema-playground dark blocks: use surface-secondary instead of terminal-bg
The line numbers sidebar and snippets bar used --color-terminal-bg (dark/black) which created jarring dark patches on the light page. Replaced with --color-surface-secondary for a subtle warm tint that blends with the editor area. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -374,7 +374,8 @@ import {
|
|||||||
|
|
||||||
.line-numbers {
|
.line-numbers {
|
||||||
padding: 1rem 0.5rem;
|
padding: 1rem 0.5rem;
|
||||||
background: var(--color-terminal-bg);
|
background: var(--color-surface-secondary);
|
||||||
|
border-right: 1px solid var(--color-border-primary);
|
||||||
text-align: right;
|
text-align: right;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -417,7 +418,7 @@ import {
|
|||||||
gap: 0.35rem;
|
gap: 0.35rem;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
background: var(--color-terminal-bg);
|
background: var(--color-surface-secondary);
|
||||||
border-top: 1px solid var(--color-border-primary);
|
border-top: 1px solid var(--color-border-primary);
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user