diff options
| author | netop://ウィビ <paul@webb.page> | 2026-04-26 20:18:30 -0700 |
|---|---|---|
| committer | netop://ウィビ <paul@webb.page> | 2026-04-26 20:18:30 -0700 |
| commit | 3c06c95f396b6e911076bc3291d5855ed01b5caa (patch) | |
| tree | 17cd218339c52fbeee93d931303b04a3ff294f8b /source/library/styles/theme.scss | |
| parent | f059d97ab7f6d74d61139ac698cb871be7cb632e (diff) | |
| download | graphiql-3c06c95f396b6e911076bc3291d5855ed01b5caa.tar.gz graphiql-3c06c95f396b6e911076bc3291d5855ed01b5caa.zip | |
cleanup and ready for launch
Diffstat (limited to 'source/library/styles/theme.scss')
| -rw-r--r-- | source/library/styles/theme.scss | 47 |
1 files changed, 0 insertions, 47 deletions
diff --git a/source/library/styles/theme.scss b/source/library/styles/theme.scss deleted file mode 100644 index 55f24aa..0000000 --- a/source/library/styles/theme.scss +++ /dev/null @@ -1,47 +0,0 @@ -// @eol/graphiql chrome theme variables. -// -// Override any variable under a scoped selector (e.g. `.graphiql`) or on :root -// to re-skin the chrome. The editor theme is a separate prop (`theme?: Extension`). -// -// Supported variables: -// --graphiql-accent primary action color (Run button, selected state) -// --graphiql-bg base background (editor + result) -// --graphiql-border divider lines between panes -// --graphiql-fg primary foreground -// --graphiql-font font-family for the chrome -// --graphiql-link clickable links in docs / breadcrumbs -// --graphiql-muted muted foreground (hints, timestamps) -// --graphiql-panel panel background (toolbar, tabbar, headers) - -:root { - --graphiql-accent: #0e639c; - --graphiql-bg: #1e1e1e; - --graphiql-border: #333; - --graphiql-fg: #d4d4d4; - --graphiql-font: ui-monospace, SFMono-Regular, monospace; - --graphiql-link: #79b8ff; - --graphiql-muted: #858585; - --graphiql-panel: #252526; -} - -@media (prefers-color-scheme: light) { - :root:not(.graphiql-dark) { - --graphiql-accent: #0366d6; - --graphiql-bg: #ffffff; - --graphiql-border: #e1e4e8; - --graphiql-fg: #24292e; - --graphiql-link: #0366d6; - --graphiql-muted: #6a737d; - --graphiql-panel: #f6f8fa; - } -} - -:root.graphiql-light { - --graphiql-accent: #0366d6; - --graphiql-bg: #ffffff; - --graphiql-border: #e1e4e8; - --graphiql-fg: #24292e; - --graphiql-link: #0366d6; - --graphiql-muted: #6a737d; - --graphiql-panel: #f6f8fa; -} |