mirror of
https://github.com/supabase/supabase.git
synced 2026-09-08 19:08:44 +08:00
fb02182e86
## I have read the [CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md) file. YES/NO ## What kind of change does this PR introduce? Bug fix, feature, docs update, ... ## What is the current behavior? Please link any relevant issues here. ## What is the new behavior? Feel free to include screenshots if it includes visual changes. ## Additional context Add any other context or screenshots. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Refreshed theming across the UI to use modern color expressions and shared theme variables (including OKLCH-based gradients), improving consistency for charts, code blocks, overlays, icons, and decorative backgrounds. * **Bug Fixes** * Improved light/dark color and gradient consistency across axis/grid styling, reference lines, buttons/badges, sidebar accents, loaders, and other visual components. * **Documentation** * Updated styling/theming guidance to align with the revised semantic token system and the updated theme variable usage patterns. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Claude Opus 4.8 <[email protected]>
78 lines
1.6 KiB
CSS
78 lines
1.6 KiB
CSS
@reference "./globals.css";
|
|
|
|
.monaco-editor {
|
|
@apply relative overflow-visible;
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
|
|
.monaco-editor-alt.monaco-editor-alt,
|
|
.monaco-editor-alt > .monaco-editor {
|
|
--vscode-editor-background: var(--background-surface-300) !important;
|
|
--vscode-editorGutter-background: var(--background-surface-300) !important;
|
|
}
|
|
|
|
.monaco-editor-alt .current-line {
|
|
border: 0 !important;
|
|
}
|
|
|
|
[data-theme='dark'] .monaco-editor,
|
|
[data-theme='dark'] .monaco-diff-editor {
|
|
--vscode-editor-background: var(--background-surface-100) !important;
|
|
--vscode-editorGutter-background: var(--background-surface-100) !important;
|
|
color-scheme: dark;
|
|
}
|
|
.monaco-editor,
|
|
.monaco-diff-editor {
|
|
--vscode-editor-background: var(--background-dash-sidebar) !important;
|
|
--vscode-editorGutter-background: var(--background-dash-sidebar) !important;
|
|
outline: none !important;
|
|
}
|
|
|
|
.gutter {
|
|
@apply bg-border-control;
|
|
cursor: row-resize;
|
|
}
|
|
|
|
.grid-monaco-editor,
|
|
.monaco-editor p,
|
|
label,
|
|
div,
|
|
section,
|
|
span.th.tr.td.textarea {
|
|
/* @apply text-sm; */
|
|
}
|
|
|
|
.grid-monaco-editor,
|
|
.monaco-editor label {
|
|
font-weight: inherit;
|
|
text-transform: none;
|
|
padding: inherit;
|
|
width: inherit;
|
|
align-self: inherit;
|
|
}
|
|
|
|
.grid-monaco-editor,
|
|
.monaco-editor label:hover {
|
|
cursor: inherit;
|
|
}
|
|
|
|
.find-widget {
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.grid-monaco-editor,
|
|
.monaco-editor .suggest-widget {
|
|
.main {
|
|
max-height: none;
|
|
height: inherit;
|
|
width: 100%;
|
|
margin: inherit;
|
|
padding: inherit;
|
|
overflow: inherit;
|
|
}
|
|
|
|
.monaco-list-row.focused .main {
|
|
background: var(--vscode-quickInput-background);
|
|
}
|
|
}
|