mirror of
https://github.com/supabase/supabase.git
synced 2026-10-06 18:05:11 +03:00
b91532f6c7
* migrate some www components to tokens * consolidate InteractiveShimmerCard to Panel component * update tokens in blog * update tokens in careers page * update tokens in customers section * update tokens in open-source section * update tokens in Realtime page * update tokens in Storage and Vector * update tokens in SplitCodeBlockCarousel * update tokens in PGCharts * remove unused css files * update tokens in Card * update tokens in Pricing page * clean up priving page imports * remove hardcoded theme vars * migrate first half of defaultTheme.ts to tokens * migrate second half of defaultTheme.ts to tokens * improve inputs * add foreground to text-light and text-lighter * add foreground to text-light and text-lighter * migrate docs components with styling tokens * migrate docs components with styling tokens * fix broken Repos component * fix broken classes in blog * update tokens on Button and other components * update tokens on IconPanel * update studio main layout base styling tokens * update tokens across studio, docs and www * update tokens across studio, docs and www * update ui/Panel to styling tokens * update ExampleProject and TableEditorMenu tokens * www vector page tokens * update studio UI tokens * update other studio UI tokens * update more studio UI tokens * change tokens here, change tokens there * finish updating colors with tokens variables * add gui sandbox for theme experimentation * use common package for www, docs and studio and fix Command K tokens * provide light mode default tokens options * fix conflict leftover * update loading line * fix className typo * fix prettier * update themeSandbox preset default values * fix text-background0 * prettier * update warningBanner with warning color * switch all border-border with border-default * improve border-secondary and foreground-muted in light mode * force ring color on toggle * fix button bg color and border-muted light token * fix input bg color * fix dark button hover * fix homepage product card * fix code-hike table header colors * button dark border * remove tabIndex leftover from homepage main ctas --------- Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com> Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
64 lines
1.2 KiB
CSS
64 lines
1.2 KiB
CSS
.graphiqlContainer .graphiqlSessions {
|
|
margin: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.graphiqlContainer .graphiqlSession {
|
|
padding: 0;
|
|
}
|
|
|
|
.graphiqlContainer .graphiqlEditors {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.graphiqlContainer .graphiqlEditors:global(.full-height) {
|
|
margin-top: calc(0px - var(--session-header-height));
|
|
}
|
|
|
|
.graphiqlContainer .graphiqlQueryEditor {
|
|
@apply border-b border-default;
|
|
}
|
|
|
|
.graphiqlContainer .graphiqlSessionHeader {
|
|
background-color: hsl(var(--color-base));
|
|
@apply border-b border-default;
|
|
}
|
|
|
|
.graphiqlContainer .graphiqlResponseSingleTab {
|
|
margin-top: calc(24px - var(--session-header-height));
|
|
}
|
|
|
|
.graphiqlContainer .graphiqlResponseMultiTab {
|
|
padding-top: 16px;
|
|
}
|
|
|
|
.graphiqlContainer .graphiqlSidebar {
|
|
@apply border-l border-default;
|
|
}
|
|
|
|
.graphiqlHorizontalDragBar {
|
|
@apply border-l border-default;
|
|
}
|
|
|
|
.graphiqlAddTabWrapper {
|
|
padding: var(--px-12);
|
|
@apply z-10;
|
|
}
|
|
|
|
/* Variables */
|
|
|
|
:global(body.graphiql-dark) .graphiqlContainer {
|
|
--color-base: 0, 0%, 11%;
|
|
--color-primary: 153, 50%, 50%;
|
|
}
|
|
|
|
:global(body.graphiql-light) .graphiqlContainer {
|
|
--color-base: 210, 17%, 98%;
|
|
--color-primary: 153, 50%, 50%;
|
|
}
|
|
|
|
.graphiqlContainer {
|
|
--font-family: theme(fontFamily.sans);
|
|
--font-family-mono: theme(fontFamily.mono);
|
|
}
|