updated colors ee950d03
Steve · 2023-05-17 23:43 2 file(s) · +49 −49
catppuccin.json +39 −39
2329 2329 
    "focusBorder": "#00000000",
2330 2330 
    "foreground": "#cdd6f4",
2331 2331 
    "disabledForeground": "#a6adc8",
2332 - 
    "widget.shadow": "#1818257f",
2332 + 
    "widget.shadow": "#11111b",
2333 2333 
    "selection.background": "#585b70",
2334 2334 
    "descriptionForeground": "#cdd6f4",
2335 2335 
    "errorForeground": "#f38ba8",
2337 2337 
    "sash.hoverBorder": "#cba6f7",
2338 2338 
    "window.activeBorder": "#00000000",
2339 2339 
    "window.inactiveBorder": "#00000000",
2340 - 
    "textBlockQuote.background": "#181825",
2340 + 
    "textBlockQuote.background": "#11111b",
2341 2341 
    "textBlockQuote.border": "#11111b",
2342 - 
    "textCodeBlock.background": "#181825",
2342 + 
    "textCodeBlock.background": "#11111b",
2343 2343 
    "textLink.activeForeground": "#89dceb",
2344 2344 
    "textLink.foreground": "#89b4fa",
2345 2345 
    "textPreformat.foreground": "#cdd6f4",
2357 2357 
    "badge.background": "#45475a",
2358 2358 
    "badge.foreground": "#cdd6f4",
2359 2359 
    "breadcrumb.activeSelectionForeground": "#cba6f7",
2360 - 
    "breadcrumb.background": "#181825",
2360 + 
    "breadcrumb.background": "#11111b",
2361 2361 
    "breadcrumb.focusForeground": "#cba6f7",
2362 2362 
    "breadcrumb.foreground": "#cdd6f4cc",
2363 - 
    "breadcrumbPicker.background": "#181825",
2363 + 
    "breadcrumbPicker.background": "#11111b",
2364 2364 
    "button.background": "#cba6f7",
2365 2365 
    "button.foreground": "#11111b",
2366 2366 
    "button.border": "#00000000",
2372 2372 
    "checkbox.background": "#45475a",
2373 2373 
    "checkbox.border": "#00000000",
2374 2374 
    "checkbox.foreground": "#cba6f7",
2375 - 
    "dropdown.background": "#181825",
2375 + 
    "dropdown.background": "#11111b",
2376 2376 
    "dropdown.listBackground": "#585b70",
2377 2377 
    "dropdown.border": "#cba6f7",
2378 2378 
    "dropdown.foreground": "#cdd6f4",
2386 2386 
    "debugTokenExpression.error": "#f38ba8",
2387 2387 
    "debugIcon.breakpointForeground": "#f38ba8",
2388 2388 
    "debugIcon.breakpointDisabledForeground": "#f38ba899",
2389 - 
    "debugIcon.breakpointUnverifiedForeground": "#181825",
2389 + 
    "debugIcon.breakpointUnverifiedForeground": "#11111b",
2390 2390 
    "debugIcon.breakpointCurrentStackframeForeground": "#585b70",
2391 2391 
    "debugIcon.breakpointStackframeForeground": "#585b70",
2392 2392 
    "debugIcon.startForeground": "#a6e3a1",
2412 2412 
    "diffEditor.diagonalFill": "#585b7099",
2413 2413 
    "diffEditorOverview.insertedForeground": "#a6e3a1cc",
2414 2414 
    "diffEditorOverview.removedForeground": "#f38ba8cc",
2415 - 
    "editor.background": "#181825",
2415 + 
    "editor.background": "#11111b",
2416 2416 
    "editor.findMatchBackground": "#585b70",
2417 2417 
    "editor.findMatchBorder": "#cba6f766",
2418 2418 
    "editor.findMatchHighlightBackground": "#fab38759",
2424 2424 
    "editor.hoverHighlightBackground": "#89dceb3f",
2425 2425 
    "editor.inactiveSelectionBackground": "#00000000",
2426 2426 
    "editor.lineHighlightBackground": "#cdd6f411",
2427 - 
    "editor.lineHighlightBorder": "#181825",
2427 + 
    "editor.lineHighlightBorder": "#11111b",
2428 2428 
    "editor.rangeHighlightBackground": "#89dceb3f",
2429 2429 
    "editor.rangeHighlightBorder": "#00000000",
2430 2430 
    "editor.selectionBackground": "#585b70",
2435 2435 
    "editorBracketMatch.background": "#9399b219",
2436 2436 
    "editorBracketMatch.border": "#9399b2",
2437 2437 
    "editorCodeLens.foreground": "#7f849c",
2438 - 
    "editorCursor.background": "#181825",
2438 + 
    "editorCursor.background": "#11111b",
2439 2439 
    "editorCursor.foreground": "#f5e0dc",
2440 2440 
    "editorError.background": "#00000000",
2441 2441 
    "editorError.border": "#00000000",
2442 2442 
    "editorError.foreground": "#f38ba8",
2443 2443 
    "editorGroup.border": "#585b70",
2444 2444 
    "editorGroup.dropBackground": "#585b7099",
2445 - 
    "editorGroup.emptyBackground": "#181825",
2445 + 
    "editorGroup.emptyBackground": "#11111b",
2446 2446 
    "editorGroupHeader.tabsBackground": "#11111b",
2447 2447 
    "editorGutter.addedBackground": "#a6e3a1",
2448 - 
    "editorGutter.background": "#181825",
2448 + 
    "editorGutter.background": "#11111b",
2449 2449 
    "editorGutter.commentRangeForeground": "#9399b2",
2450 2450 
    "editorGutter.deletedBackground": "#f38ba8",
2451 2451 
    "editorGutter.foldingControlForeground": "#9399b2",
2452 2452 
    "editorGutter.modifiedBackground": "#89dceb",
2453 - 
    "editorHoverWidget.background": "#181825",
2453 + 
    "editorHoverWidget.background": "#11111b",
2454 2454 
    "editorHoverWidget.border": "#585b70",
2455 2455 
    "editorHoverWidget.foreground": "#cdd6f4",
2456 2456 
    "editorIndentGuide.activeBackground": "#585b70",
2459 2459 
    "editorInfo.border": "#00000000",
2460 2460 
    "editorInfo.foreground": "#89b4fa",
2461 2461 
    "editorInlayHint.foreground": "#585b70",
2462 - 
    "editorInlayHint.background": "#181825bf",
2462 + 
    "editorInlayHint.background": "#11111bbf",
2463 2463 
    "editorInlayHint.typeForeground": "#bac2de",
2464 - 
    "editorInlayHint.typeBackground": "#181825bf",
2464 + 
    "editorInlayHint.typeBackground": "#11111bbf",
2465 2465 
    "editorInlayHint.parameterForeground": "#a6adc8",
2466 - 
    "editorInlayHint.parameterBackground": "#181825bf",
2466 + 
    "editorInlayHint.parameterBackground": "#11111bbf",
2467 2467 
    "editorLineNumber.activeForeground": "#cba6f7",
2468 2468 
    "editorLineNumber.foreground": "#7f849c",
2469 2469 
    "editorLink.activeForeground": "#cba6f7",
2470 - 
    "editorMarkerNavigation.background": "#181825",
2470 + 
    "editorMarkerNavigation.background": "#11111b",
2471 2471 
    "editorMarkerNavigationError.background": "#f38ba8",
2472 2472 
    "editorMarkerNavigationInfo.background": "#89b4fa",
2473 2473 
    "editorMarkerNavigationWarning.background": "#f9e2af",
2474 - 
    "editorOverviewRuler.background": "#181825",
2474 + 
    "editorOverviewRuler.background": "#11111b",
2475 2475 
    "editorOverviewRuler.border": "#cdd6f411",
2476 2476 
    "editorRuler.foreground": "#585b70",
2477 2477 
    "editor.stackFrameHighlightBackground": "#f9e2af26",
2478 2478 
    "editor.focusedStackFrameHighlightBackground": "#a6e3a126",
2479 2479 
    "editorStickyScrollHover.background": "#313244",
2480 - 
    "editorSuggestWidget.background": "#181825",
2480 + 
    "editorSuggestWidget.background": "#11111b",
2481 2481 
    "editorSuggestWidget.border": "#585b70",
2482 2482 
    "editorSuggestWidget.foreground": "#cdd6f4",
2483 2483 
    "editorSuggestWidget.highlightForeground": "#cba6f7",
2486 2486 
    "editorWarning.border": "#00000000",
2487 2487 
    "editorWarning.foreground": "#fab387",
2488 2488 
    "editorWhitespace.foreground": "#9399b266",
2489 - 
    "editorWidget.background": "#181825",
2489 + 
    "editorWidget.background": "#11111b",
2490 2490 
    "editorWidget.foreground": "#cdd6f4",
2491 2491 
    "editorWidget.resizeBorder": "#585b70",
2492 2492 
    "editorLightBulb.foreground": "#f9e2af",
2531 2531 
    "list.focusForeground": "#cdd6f4",
2532 2532 
    "list.focusOutline": "#00000000",
2533 2533 
    "list.highlightForeground": "#cba6f7",
2534 - 
    "list.hoverBackground": "#181825",
2534 + 
    "list.hoverBackground": "#11111b",
2535 2535 
    "list.hoverForeground": "#cdd6f4",
2536 2536 
    "list.inactiveSelectionBackground": "#45475a",
2537 2537 
    "list.inactiveSelectionForeground": "#cdd6f4",
2540 2540 
    "listFilterWidget.noMatchesOutline": "#f38ba8",
2541 2541 
    "listFilterWidget.outline": "#00000000",
2542 2542 
    "tree.indentGuidesStroke": "#6c7086",
2543 - 
    "menu.background": "#181825",
2544 - 
    "menu.border": "#1818257f",
2543 + 
    "menu.background": "#11111b",
2544 + 
    "menu.border": "#11111b",
2545 2545 
    "menu.foreground": "#cdd6f4",
2546 2546 
    "menu.selectionBackground": "#585b70",
2547 2547 
    "menu.selectionBorder": "#00000000",
2555 2555 
    "merge.currentHeaderBackground": "#a6e3a166",
2556 2556 
    "merge.incomingContentBackground": "#89b4fa33",
2557 2557 
    "merge.incomingHeaderBackground": "#89b4fa66",
2558 - 
    "minimap.background": "#1818257f",
2558 + 
    "minimap.background": "#11111b",
2559 2559 
    "minimap.errorHighlight": "#f38ba8",
2560 2560 
    "minimap.findMatchHighlight": "#585b70",
2561 2561 
    "minimap.selectionHighlight": "#585b70",
2565 2565 
    "minimapGutter.modifiedBackground": "#89dceb",
2566 2566 
    "notificationCenter.border": "#cba6f7",
2567 2567 
    "notificationCenterHeader.foreground": "#cdd6f4",
2568 - 
    "notificationCenterHeader.background": "#181825",
2568 + 
    "notificationCenterHeader.background": "#11111b",
2569 2569 
    "notificationToast.border": "#cba6f7",
2570 2570 
    "notifications.foreground": "#cdd6f4",
2571 - 
    "notifications.background": "#181825",
2571 + 
    "notifications.background": "#11111b",
2572 2572 
    "notifications.border": "#cba6f7",
2573 2573 
    "notificationLink.foreground": "#89b4fa",
2574 2574 
    "notificationsErrorIcon.foreground": "#f38ba8",
2575 2575 
    "notificationsWarningIcon.foreground": "#fab387",
2576 2576 
    "notificationsInfoIcon.foreground": "#89b4fa",
2577 - 
    "panel.background": "#181825",
2577 + 
    "panel.background": "#11111b",
2578 2578 
    "panel.border": "#585b70",
2579 2579 
    "panelSection.border": "#585b70",
2580 2580 
    "panelSection.dropBackground": "#585b7099",
2582 2582 
    "panelTitle.activeForeground": "#cdd6f4",
2583 2583 
    "panelTitle.inactiveForeground": "#a6adc8",
2584 2584 
    "peekView.border": "#cba6f7",
2585 - 
    "peekViewEditor.background": "#181825",
2585 + 
    "peekViewEditor.background": "#11111b",
2586 2586 
    "peekViewEditor.matchHighlightBackground": "#fab3873f",
2587 2587 
    "peekViewEditor.matchHighlightBorder": "#fab387",
2588 - 
    "peekViewEditorGutter.background": "#181825",
2589 - 
    "peekViewResult.background": "#181825",
2588 + 
    "peekViewEditorGutter.background": "#11111b",
2589 + 
    "peekViewResult.background": "#11111b",
2590 2590 
    "peekViewResult.fileForeground": "#cdd6f4",
2591 2591 
    "peekViewResult.lineForeground": "#cdd6f4",
2592 2592 
    "peekViewResult.matchHighlightBackground": "#fab3873f",
2593 2593 
    "peekViewResult.selectionBackground": "#313244",
2594 2594 
    "peekViewResult.selectionForeground": "#cdd6f4",
2595 - 
    "peekViewTitle.background": "#181825",
2595 + 
    "peekViewTitle.background": "#11111b",
2596 2596 
    "peekViewTitleDescription.foreground": "#bac2deb2",
2597 2597 
    "peekViewTitleLabel.foreground": "#cdd6f4",
2598 2598 
    "pickerGroup.border": "#cba6f7",
2611 2611 
    "settings.textInputBorder": "#00000000",
2612 2612 
    "settings.numberInputBackground": "#45475a",
2613 2613 
    "settings.numberInputBorder": "#00000000",
2614 - 
    "sideBar.background": "#181825",
2614 + 
    "sideBar.background": "#11111b",
2615 2615 
    "sideBar.dropBackground": "#585b7099",
2616 2616 
    "sideBar.foreground": "#cdd6f4",
2617 2617 
    "sideBar.border": "#00000000",
2618 - 
    "sideBarSectionHeader.background": "#181825",
2618 + 
    "sideBarSectionHeader.background": "#11111b",
2619 2619 
    "sideBarSectionHeader.foreground": "#cdd6f4",
2620 2620 
    "sideBarTitle.foreground": "#cba6f7",
2621 2621 
    "sideBarTitle.background": "#11111b",
2642 2642 
    "commandCenter.background": "#11111b",
2643 2643 
    "commandCenter.activeBackground": "#585b7033",
2644 2644 
    "commandCenter.border": "#cba6f7",
2645 - 
    "tab.activeBackground": "#181825",
2645 + 
    "tab.activeBackground": "#11111b",
2646 2646 
    "tab.activeBorder": "#cba6f7",
2647 2647 
    "tab.activeBorderTop": "#00000000",
2648 2648 
    "tab.activeForeground": "#cba6f7",
2649 - 
    "tab.border": "#181825",
2650 - 
    "tab.inactiveBackground": "#181825",
2649 + 
    "tab.border": "#11111b",
2650 + 
    "tab.inactiveBackground": "#11111b",
2651 2651 
    "tab.inactiveForeground": "#6c7086",
2652 2652 
    "terminal.ansiBlack": "#6c7086",
2653 2653 
    "terminal.ansiBlue": "#89b4fa",
2669 2669 
    "terminal.foreground": "#cdd6f4",
2670 2670 
    "terminal.dropBackground": "#585b7099",
2671 2671 
    "terminal.selectionBackground": "#585b70",
2672 - 
    "terminalCursor.background": "#181825",
2672 + 
    "terminalCursor.background": "#11111b",
2673 2673 
    "terminalCursor.foreground": "#f5e0dc",
2674 2674 
    "titleBar.activeBackground": "#11111b",
2675 2675 
    "titleBar.activeForeground": "#cdd6f4",
2676 2676 
    "titleBar.inactiveBackground": "#11111b",
2677 2677 
    "titleBar.inactiveForeground": "#cdd6f47f",
2678 2678 
    "titleBar.border": "#00000000",
2679 - 
    "welcomePage.tileBackground": "#181825",
2679 + 
    "welcomePage.tileBackground": "#11111b",
2680 2680 
    "welcomePage.progress.background": "#11111b",
2681 2681 
    "welcomePage.progress.foreground": "#cba6f7",
2682 - 
    "walkThrough.embeddedEditorBackground": "#1818254c",
2682 + 
    "walkThrough.embeddedEditorBackground": "#11111b",
2683 2683 
    "symbolIcon.textForeground": "#cdd6f4",
2684 2684 
    "symbolIcon.arrayForeground": "#fab387",
2685 2685 
    "symbolIcon.booleanForeground": "#cba6f7",
src/styles/global.css +10 −10
2 2 
@layer base {
3 3 
	:root {
4 4 
		color-scheme: light;
5 - 
		--theme-bg: #FFFFFF;
5 + 
		--theme-bg: #eff1f5;
6 6 
		--theme-link: #89b4fa;
7 - 
		--theme-text: #000000;
8 - 
		--theme-accent: #1e1e2e;
9 - 
		--theme-accent-2: #1e1e2e;
10 - 
		--theme-quote: #1e1e2e;
7 + 
		--theme-text: #4c4f69;
8 + 
		--theme-accent: #04a5e5;
9 + 
		--theme-accent-2: #4c4f69;
10 + 
		--theme-quote: #04a5e5;
11 11 
		--theme-menu-bg: rgb(250 250 250 / 0.85);
12 12 
	}
13 13 

            

            
            

                14
                14
                 
                
	:root.dark {

            

            
            

                15
                15
                 
                
		color-scheme: dark;

            

            
            

                16
                
                -
                
		--theme-bg: #000000;

            

            
            

                17
                
                -
                
		--theme-link: #89b4fa;

            

            
            

                18
                
                -
                
		--theme-text: #FFFFFF;

            

            
            

                19
                
                -
                
		--theme-accent: #cdd6f4;

            

            
            

                
                16
                +
                
		--theme-bg: #181825;

            

            
            

                
                17
                +
                
		--theme-link: #a6e3a1;

            

            
            

                
                18
                +
                
		--theme-text: #cdd6f4;

            

            
            

                
                19
                +
                
		--theme-accent: #89b4fa;

            

            
            

                20
                20
                 
                
		--theme-accent-2: #cdd6f4;

            

            
            

                21
                
                -
                
		--theme-quote: #cdd6f4;

            

            
            

                
                21
                +
                
		--theme-quote: #89b4fa;

            

            
            

                22
                22
                 
                
		--theme-menu-bg: rgb(46, 52, 64 / 0.85);

            

            
            

                23
                23
                 
                
	}

            

            
            

                24
                24