Skip to content

Commit fbfd11c

Browse files
hasparushasparus
committed
Tweak colors, fix bugs
1 parent 578ddf3 commit fbfd11c

File tree

5 files changed

+43
-29
lines changed

5 files changed

+43
-29
lines changed

‎src/_design-system/syntax/github-dark.json

Lines changed: 29 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
"editor.findMatchHighlightBackground": "#ffd33d22",
3535
"editor.focusedStackFrameHighlightBackground": "#2b6a3033",
3636
"editor.foldBackground": "#58606915",
37-
"editor.foreground": "#e1e4e8",
37+
"editor.foreground": "#6E7557",
3838
"editor.inactiveSelectionBackground": "#3392FF22",
3939
"editor.lineHighlightBackground": "#2b3036",
4040
"editor.linkedEditingBackground": "#3392FF22",
@@ -46,10 +46,10 @@
4646
"editor.wordHighlightBorder": "#17E5E699",
4747
"editor.wordHighlightStrongBackground": "#17E5E600",
4848
"editor.wordHighlightStrongBorder": "#17E5E666",
49-
"editorBracketHighlight.foreground1": "#FF99E0",
49+
"editorBracketHighlight.foreground1": "#79b8ff",
5050
"editorBracketHighlight.foreground2": "#ffab70",
5151
"editorBracketHighlight.foreground3": "#b392f0",
52-
"editorBracketHighlight.foreground4": "#FF99E0",
52+
"editorBracketHighlight.foreground4": "#79b8ff",
5353
"editorBracketHighlight.foreground5": "#ffab70",
5454
"editorBracketHighlight.foreground6": "#b392f0",
5555
"editorBracketMatch.background": "#17E5E650",
@@ -77,7 +77,7 @@
7777
"gitDecoration.conflictingResourceForeground": "#ffab70",
7878
"gitDecoration.deletedResourceForeground": "#ea4a5a",
7979
"gitDecoration.ignoredResourceForeground": "#6a737d",
80-
"gitDecoration.modifiedResourceForeground": "#FF99E0",
80+
"gitDecoration.modifiedResourceForeground": "#79b8ff",
8181
"gitDecoration.submoduleResourceForeground": "#6a737d",
8282
"gitDecoration.untrackedResourceForeground": "#34d058",
8383
"input.background": "#2f363d",
@@ -98,7 +98,7 @@
9898
"notifications.border": "#1b1f23",
9999
"notifications.foreground": "#e1e4e8",
100100
"notificationsErrorIcon.foreground": "#ea4a5a",
101-
"notificationsInfoIcon.foreground": "#FF99E0",
101+
"notificationsInfoIcon.foreground": "#79b8ff",
102102
"notificationsWarningIcon.foreground": "#ffab70",
103103
"panel.background": "#1f2428",
104104
"panel.border": "#1b1f23",
@@ -151,7 +151,7 @@
151151
"terminal.ansiBlack": "#586069",
152152
"terminal.ansiBlue": "#2188ff",
153153
"terminal.ansiBrightBlack": "#959da5",
154-
"terminal.ansiBrightBlue": "#FF99E0",
154+
"terminal.ansiBrightBlue": "#79b8ff",
155155
"terminal.ansiBrightCyan": "#56d4dd",
156156
"terminal.ansiBrightGreen": "#85e89d",
157157
"terminal.ansiBrightMagenta": "#b392f0",
@@ -167,12 +167,12 @@
167167
"terminal.foreground": "#d1d5da",
168168
"terminal.tab.activeBorder": "#f9826c",
169169
"terminalCursor.background": "#586069",
170-
"terminalCursor.foreground": "#FF99E0",
170+
"terminalCursor.foreground": "#79b8ff",
171171
"textBlockQuote.background": "#24292e",
172172
"textBlockQuote.border": "#444d56",
173173
"textCodeBlock.background": "#2f363d",
174174
"textLink.activeForeground": "#c8e1ff",
175-
"textLink.foreground": "#FF99E0",
175+
"textLink.foreground": "#79b8ff",
176176
"textPreformat.foreground": "#d1d5da",
177177
"textSeparator.foreground": "#586069",
178178
"titleBar.activeBackground": "#24292e",
@@ -203,7 +203,7 @@
203203
"variable.language"
204204
],
205205
"settings": {
206-
"foreground": "#FF99E0"
206+
"foreground": "#79b8ff"
207207
}
208208
},
209209
{
@@ -259,19 +259,19 @@
259259
{
260260
"scope": "support",
261261
"settings": {
262-
"foreground": "#FF99E0"
262+
"foreground": ""
263263
}
264264
},
265265
{
266266
"scope": "meta.property-name",
267267
"settings": {
268-
"foreground": "#FF99E0"
268+
"foreground": "#79b8ff"
269269
}
270270
},
271271
{
272272
"scope": "variable",
273273
"settings": {
274-
"foreground": "#ffab70"
274+
"foreground": "#dbf6a2"
275275
}
276276
},
277277
{
@@ -326,7 +326,7 @@
326326
{
327327
"scope": "string variable",
328328
"settings": {
329-
"foreground": "#FF99E0"
329+
"foreground": "#79b8ff"
330330
}
331331
},
332332
{
@@ -356,32 +356,32 @@
356356
{
357357
"scope": "support.constant",
358358
"settings": {
359-
"foreground": "#FF99E0"
359+
"foreground": "#79b8ff"
360360
}
361361
},
362362
{
363363
"scope": "support.variable",
364364
"settings": {
365-
"foreground": "#FF99E0"
365+
"foreground": "#79b8ff"
366366
}
367367
},
368368
{
369369
"scope": "meta.module-reference",
370370
"settings": {
371-
"foreground": "#FF99E0"
371+
"foreground": "#79b8ff"
372372
}
373373
},
374374
{
375375
"scope": "punctuation.definition.list.begin.markdown",
376376
"settings": {
377-
"foreground": "#ffab70"
377+
"foreground": "#dbf6a2"
378378
}
379379
},
380380
{
381381
"scope": ["markup.heading", "markup.heading entity.name"],
382382
"settings": {
383383
"fontStyle": "bold",
384-
"foreground": "#FF99E0"
384+
"foreground": "#79b8ff"
385385
}
386386
},
387387
{
@@ -419,7 +419,7 @@
419419
{
420420
"scope": "markup.inline.raw",
421421
"settings": {
422-
"foreground": "#FF99E0"
422+
"foreground": "#79b8ff"
423423
}
424424
},
425425
{
@@ -454,7 +454,7 @@
454454
{
455455
"scope": ["markup.ignored", "markup.untracked"],
456456
"settings": {
457-
"background": "#FF99E0",
457+
"background": "#79b8ff",
458458
"foreground": "#2f363d"
459459
}
460460
},
@@ -468,20 +468,20 @@
468468
{
469469
"scope": "meta.diff.header",
470470
"settings": {
471-
"foreground": "#FF99E0"
471+
"foreground": "#79b8ff"
472472
}
473473
},
474474
{
475475
"scope": "meta.separator",
476476
"settings": {
477477
"fontStyle": "bold",
478-
"foreground": "#FF99E0"
478+
"foreground": "#79b8ff"
479479
}
480480
},
481481
{
482482
"scope": "meta.output",
483483
"settings": {
484-
"foreground": "#FF99E0"
484+
"foreground": "#79b8ff"
485485
}
486486
},
487487
{
@@ -509,6 +509,12 @@
509509
"fontStyle": "underline",
510510
"foreground": "#dbedff"
511511
}
512+
},
513+
{
514+
"scope": ["punctuation"],
515+
"settings": {
516+
"foreground": "#6E7557"
517+
}
512518
}
513519
],
514520
"type": "dark"

‎src/components/index-page/graphql-advantages/precision.tsx

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -99,12 +99,17 @@ export function PrecisionFigure() {
9999
<Pre data-filename="Query" className="p-4">
100100
{"{"}
101101
{"\n "}
102-
{/* todo: change this color to brand colors globally */}
103-
<span className="!text-pri-base">{"hero"}</span>
102+
<span className="!text-pri-base dark:!text-pri-light">{"hero"}</span>
104103
{" {"}
105-
<span className="!text-pri-base">{"\n name"}</span>
104+
<span className="!text-pri-base dark:!text-pri-light">
105+
{"\n name"}
106+
</span>
106107
{"\n height\n mass".split("").map((char, i) => (
107-
<span key={i} id={"ch" + i} className="hidden !text-pri-base">
108+
<span
109+
key={i}
110+
id={"ch" + i}
111+
className="hidden !text-pri-base dark:!text-pri-light"
112+
>
108113
{char === "\n" ? <br /> : char}
109114
</span>
110115
))}

‎src/components/index-page/index.tsx

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { Hero } from "./hero"
22
import { TrustedBy } from "./trusted-by"
3-
import { PredictableResults } from "./predictable-results"
43
import { SingleRequest } from "./single-request"
54
import { TypeSystem } from "./type-system"
65
import { PowerFulTools } from "./powerful-tools"

‎src/components/pre/index.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ export function Pre({
3939
<div
4040
className={cn(
4141
classes.filename,
42-
"rounded-t-md border border-b-0 border-neu-200 bg-neu-0/[.64] px-4 py-2 text-sm text-neu-0/[.64] text-neu-800 backdrop-blur-[6px] dark:border-neu-50",
42+
"flex items-center gap-1.5 rounded-t-md border border-b-0 border-neu-200 bg-neu-0/[.64] px-4 py-2 text-sm text-neu-0/[.64] text-neu-800 backdrop-blur-[6px] dark:border-neu-50",
4343
)}
4444
>
4545
{Icon && <Icon className="_h-4 _w-auto _max-w-6 _shrink-0" />}

‎src/components/pre/pre.module.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,10 @@
99
}
1010

1111
:global(.nextra-codeblocks) {
12+
& .pre pre {
13+
height: 100%;
14+
}
15+
1216
& .pre:not(:last-child) pre {
1317
border-right: none;
1418
border-bottom-right-radius: 0;

0 commit comments

Comments
 (0)