VS Code settings 2024

custom.css

/* Code canvas top shadow */
.monaco-editor .scroll-decoration {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .75) !important;
    top: -6px !important;
}
/* Side bar */
.part.sidebar {
    box-shadow: 0px 0px 50px rgba(0, 0, 0, .25);
}
.part.sidebar .title-label,
.monaco-toolbar .monaco-action-bar .codicon-new-file,
.monaco-toolbar .monaco-action-bar .codicon-toolbar-more,
.monaco-toolbar .monaco-action-bar .codicon-new-folder {
    display: none !important;
}

/* Editor */
.editor-group-container .title .title-actions {
    display: none !important;
}
.single-tab {
    padding-left: 8px !important;
}

/* Scroll Bar */
.slider {
    position: absolute !important;
    right: 1px !important;
    width: 1px !important;
    background: #3aff50 !important;
    left: auto !important;
}

/* Dialogs */
.notification-list-item-buttons-container .monaco-text-button {
    background: #3aff50 !important;
    color: #000 !important;
}

/* Tooltip box style */
.monaco-editor-hover,
.monaco-hover {
    box-shadow: 0px 8px 32px rgba(0,0,0,.45) !important;
    padding: 2px !important;
    background-image: linear-gradient(#011826 0%, #0d293a 100%) !important;
    backdrop-filter: blur(3px) !important;
    border: 1px solid #3aff50 !important
}

/* Command Palette */
.quick-input-widget {
    transform: translateY(30px) !important;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, .45) !important;
    padding: 10px 10px 18px 10px !important;
    background-image: linear-gradient(#011826 0%, #0d293a 100%) !important;
    backdrop-filter: blur(3px) !important;
    /* border: 1px solid #3aff50 !important; */
    border-radius: none !important;
}

/* Remove background for lists */
.monaco-list-rows {
    background: transparent !important;
}
.monaco-list-row:hover {
    background: #0B4771 !important;
}

/* Command palette text input */
.quick-input-filter .monaco-inputbox {
    border-radius: 12px !important;
    padding: 8px !important;
    border: none !important;
    background-color: rgb(1 24 38 / 40%) !important;
    font-size: 14px !important;
    margin-bottom: 16px !important;
}

#command-blur {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(58, 255, 80, .05);
    top: 0;
    left: 0;
    backdrop-filter: blur(8px);
}

custom.js

// https://github.com/glennraya/vscode-settings-json/blob/main/vscode-script.js
document.addEventListener('DOMContentLoaded', function() {
    const checkElement = setInterval(() => {
        const commandDialog = document.querySelector(".quick-input-widget");
        if (commandDialog) {
          // Apply the blur effect immediately if the command dialog is visible
          if (commandDialog.style.display !== "none") {
            runMyScript();
          }
            // Create an DOM observer to 'listen' for changes in element's attribute.
            const observer = new MutationObserver((mutations) => {
                mutations.forEach((mutation) => {
                    if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
                        if (commandDialog.style.display === 'none') {
                            handleEscape();
                        } else {
                            // If the .quick-input-widget element (command palette) is in the DOM
                            // but no inline style display: none, show the backdrop blur.
                            runMyScript();
                        }
                    }
                });
            });

            observer.observe(commandDialog, { attributes: true });

            // Clear the interval once the observer is set
            clearInterval(checkElement);
        } else {
            console.log("Command dialog not found yet. Retrying...");
        }
    }, 500); // Check every 500ms

    // Execute when command palette was launched.
    document.addEventListener('keydown', function(event) {
        if ((event.metaKey || event.ctrlKey) && event.key === 'p') {
            event.preventDefault();
            runMyScript();
        } else if (event.key === 'Escape' || event.key === 'Esc') {
            event.preventDefault();
            handleEscape();
        }
    });

    // Ensure the escape key event listener is at the document level
    document.addEventListener('keydown', function(event) {
        if (event.key === 'Escape' || event.key === 'Esc') {
            handleEscape();
        }
    }, true);

    function runMyScript() {
        const targetDiv = document.querySelector(".monaco-workbench");

        // Remove existing element if it already exists
        const existingElement = document.getElementById("command-blur");
        if (existingElement) {
            existingElement.remove();
        }

        // Create and configure the new element
        const newElement = document.createElement("div");
        newElement.setAttribute('id', 'command-blur');

        newElement.addEventListener('click', function() {
            newElement.remove();
        });

        // Append the new element as a child of the targetDiv
        targetDiv.appendChild(newElement);
    }

    // Remove the backdrop blur from the DOM when esc key is pressed.
    function handleEscape() {
        const element = document.getElementById("command-blur");
        if (element) {
            element.click();
        }
    }
});

extensions

# code --list-extensions
aaron-bond.better-comments
adpyke.codesnap
adrianwilczynski.alpine-js-intellisense
ahmadawais.shades-of-purple
alpha4.jsonl
be5invis.vscode-custom-css
beardedbear.beardedicons
biomejs.biome
bourhaouta.tailwindshades
bradlc.vscode-tailwindcss
chausen.hacker-blue
circledev.glsl-canvas
dbaeumer.vscode-eslint
denoland.vscode-deno
dtoplak.vscode-glsllint
dtsvet.vscode-wasm
eamodio.gitlens
editorconfig.editorconfig
endormi.2077-theme
esbenp.prettier-vscode
geequlim.godot-tools
github.copilot
github.copilot-chat
github.vscode-github-actions
golang.go
iocave.customize-ui
iocave.monkey-patch
junstyle.php-cs-fixer
kleber-swf.unity-code-snippets
max-ss.cyberpunk
mehedidracula.php-namespace-resolver
mikestead.dotenv
mrmlnc.vscode-duplicate
mrorz.language-gettext
ms-azuretools.vscode-docker
ms-dotnettools.csharp
ms-dotnettools.vscode-dotnet-runtime
ms-python.debugpy
ms-python.python
ms-python.vscode-pylance
ms-vscode-remote.remote-containers
ms-vscode-remote.remote-wsl
ms-vscode.cmake-tools
ms-vscode.cpptools
ms-vscode.cpptools-extension-pack
ms-vscode.cpptools-themes
ms-vscode.makefile-tools
ms-vscode.sublime-keybindings
naumovs.color-highlight
nrwl.angular-console
onecentlin.laravel-blade
orta.vscode-twoslash-queries
oven.bun-vscode
patbenatar.advanced-new-file
pedro-w.tmlanguage
prisma.prisma
raczzalan.webgl-glsl-editor
rebornix.toggle
ritwickdey.liveserver
robbowen.synthwave-vscode
rust-lang.rust-analyzer
sastan.twind-intellisense
shd101wyy.markdown-preview-enhanced
slevesque.shader
sreehari521.hecker-boy
tamasfe.even-better-toml
tauri-apps.tauri-vscode
twxs.cmake
whizkydee.material-palenight-theme
wix.vscode-import-cost
wooodhead.vscode-wrap-console-log-simple
wordpresstoolbox.wordpress-toolbox
xaver.clang-format

keybindings.json

[
	/**
	* Panels
	**/
	{
		"key": "cmd+k cmd+e",
		"command": "workbench.view.explorer"
	},
	{
		"key": "cmd+k cmd+g",
		"command": "workbench.view.scm"
	},
	{
		"key": "cmd+k cmd+d",
		"command": "workbench.view.debug"
	},
	{
		"key": "cmd+k cmd+x",
		"command": "workbench.view.extensions"
	},
	{
		"key": "cmd+k cmd+b",
		"command": "workbench.action.toggleSidebarVisibility"
	},
	{
		"key": "cmd+e",
		"command": "workbench.action.focusActiveEditorGroup"
	},
	{
		"key": "cmd+t",
		"command": "workbench.action.terminal.toggleTerminal"
	},
	{
		"key": "cmd+r",
		"command": "workbench.action.toggleMaximizedPanel",
		"when": "terminalFocus"
	},
	/**
	* Toggle Font Size
	**/
	{
		"key": "cmd+k cmd+k",
		"command": "toggle",
		"when": "editorTextFocus",
		"args": {
		"id": "fontSize",
		"value": [
			{
			"editor.fontSize": 15,
			"editor.lineHeight": 40
			},
			{
			"editor.fontSize": 12,
			"editor.lineHeight": 0
			}
		]
		}
	},
	/**
	* Fold/Unfold
	**/
	{
		"key": "shift+cmd+[",
		"command": "editor.fold",
		"when": "editorFocus"
	},
	{
		"key": "shift+cmd+]",
		"command": "editor.unfold",
		"when": "editorFocus"
	},
	/**
	* Line Manipulation
	**/
	{
		"key": "cmd+l",
		"command": "editor.action.copyLinesDownAction",
		"when": "editorTextFocus"
	},
	{
		"key": "cmd+j",
		"command": "editor.action.joinLines",
		"when": "editorTextFocus"
	},
	/**
	* File Explorer
	**/
	{
		"key": "cmd+d",
		"command": "duplicate.execute",
		"when": "explorerViewletVisible && filesExplorerFocus && !explorerResourceIsRoot && !inputFocus"
	},
	{
		"key": "cmd+n",
		"command": "explorer.newFile",
		"when": "explorerViewletVisible && filesExplorerFocus && !inputFocus"
	},
	{
		"key": "shift+cmd+n",
		"command": "explorer.newFolder",
		"when": "explorerViewletVisible && filesExplorerFocus && !inputFocus"
	},
	/**
	* Multi-Cursor
	**/
	{
		"key": "cmd+backspace",
		"command": "editor.action.moveSelectionToPreviousFindMatch",
		"when": "editorFocus && editorHasMultipleSelections"
	},
	{
		"key": "cmd+k cmd+d",
		"command": "editor.action.moveSelectionToNextFindMatch",
		"when": "editorFocus && editorHasMultipleSelections"
	},
	{
		"key": "cmd+right",
		"command": "editor.action.insertCursorAtEndOfEachLineSelected",
		"when": "editorFocus && editorHasSelection"
	},
	/**
	* Split Panels
	**/
	{
		"key": "ctrl+w",
		"command": "workbench.action.joinAllGroups",
		"when": "editorFocus"
	},
	{
		"key": "ctrl+n",
		"command": "workbench.action.splitEditor",
		"when": "editorFocus"
	},
	{
		"key": "ctrl+l",
		"command": "workbench.action.navigateRight",
		"when": "editorFocus"
	},
	{
		"key": "ctrl+h",
		"command": "workbench.action.navigateLeft",
		"when": "editorFocus"
	},
	{
		"key": "ctrl+=",
		"command": "workbench.action.increaseViewSize",
		"when": "editorFocus"
	},
	{
		"key": "ctrl+-",
		"command": "workbench.action.decreaseViewSize",
		"when": "editorFocus"
	},
	/**
	* Terminal Split Panel
	**/
	{
		"key": "ctrl+n",
		"command": "workbench.action.terminal.split",
		"when": "terminalFocus"
	},
	{
		"key": "ctrl+l",
		"command": "workbench.action.terminal.focusNextPane",
		"when": "terminalFocus"
	},
	{
		"key": "ctrl+h",
		"command": "workbench.action.terminal.focusPreviousPane",
		"when": "terminalFocus"
	},
	{
		"key": "ctrl+w",
		"command": "workbench.action.terminal.kill",
		"when": "terminalFocus"
	},
	/**
	* Emmet
	**/
	{
		"key": "cmd+m cmd+i",
		"command": "editor.emmet.action.balanceIn",
		"when": "editorTextFocus"
	},
	{
		"key": "cmd+m cmd+o",
		"command": "editor.emmet.action.balanceOut",
		"when": "editorTextFocus"
	},
	{
		"key": "cmd+m cmd+w",
		"command": "editor.emmet.action.wrapWithAbbreviation",
		"when": "editorTextFocus"
	},
	{
		"key": "cmd+m cmd+m",
		"command": "editor.emmet.action.matchTag",
		"when": "editorTextFocus"
	},
	{
		"key": "cmd+m cmd+e",
		"command": "editor.action.smartSelect.expand",
		"when": "editorTextFocus"
	},
	{
		"key": "cmd+m cmd+r",
		"command": "editor.emmet.action.updateTag",
		"when": "editorTextFocus"
	},
	{
		"key": "cmd+m cmd+backspace",
		"command": "editor.emmet.action.removeTag",
		"when": "editorTextFocus"
	},
	/**
	* amVim Finder Fix
	**/
	{
		"key": "shift+enter",
		"command": "editor.action.nextMatchFindAction",
		"when": "findWidgetVisible"
	},
	{
		"key": "ctrl+shift+enter",
		"command": "editor.action.previousMatchFindAction",
		"when": "findWidgetVisible"
	},
	/**
	* IntelliSense
	**/
	{
		"key": "cmd+r",
		"command": "workbench.action.gotoSymbol",
		"when": "editorTextFocus"
	},
	{
		"key": "cmd+shift+r",
		"command": "workbench.action.showAllSymbols"
	},
	{
		"key": "cmd+k cmd+enter",
		"command": "editor.action.goToDeclaration",
		"when": "editorTextFocus"
	},
	{
		"key": "cmd+k cmd+i",
		"command": "namespaceResolver.import"
	},
	/**
	* Project Switching
	**/
	{
		"key": "cmd+;",
		"command": "workbench.action.switchWindow",
		"when": "! config.simple-project-switcher.present"
	},
	{
		"key": "alt+cmd+right",
		"command": "workbench.action.showNextWindowTab"
	},
	{
		"key": "alt+cmd+left",
		"command": "workbench.action.showPreviousWindowTab"
	},
	/**
	* Open DevTools
	**/
	{
		"key": "alt+cmd+i",
		"command": "workbench.action.toggleDevTools"
	},
	/**
	* Hide Toaster Notifications
	**/
	{
		"key": "escape",
		"command": "notifications.hideToasts",
		"when": "notificationToastsVisible"
	},
	{
		"key": "cmd+shift+b",
		"command": "workbench.action.tasks.runTask",
		"args": "clang++ build and run active file",
		"when": "config.workspaceKeybindings.usecppbuild.enabled"
	},
	{
		"key": "cmd+r",
		"command": "workbench.action.tasks.runTask",
		"args": "clang++ run active file",
		"when": "config.workspaceKeybindings.usecppbuild.enabled"
	}
]

settings.json

{
  /**
   * Better Defaults
   **/
  "editor.copyWithSyntaxHighlighting": false,
  "diffEditor.ignoreTrimWhitespace": false,
  "editor.emptySelectionClipboard": false,
  "workbench.editor.enablePreview": false,
  "window.newWindowDimensions": "inherit",
  "editor.multiCursorModifier": "ctrlCmd",
  "files.trimTrailingWhitespace": true,
  "diffEditor.renderSideBySide": false,
  "editor.snippetSuggestions": "top",
  "editor.detectIndentation": false,
  "window.nativeFullScreen": false,
  "files.insertFinalNewline": true,
  "files.trimFinalNewlines": true,
  "files.autoSave": "onFocusChange",
  "workbench.sideBar.location": "right",
  "workbench.statusBar.visible": true,
  "workbench.editor.showTabs": "single",
  "editor.minimap.enabled": false,
  "editor.lineNumbers": "off",
  "editor.glyphMargin": false,
  "editor.folding": false,
  /**
   * Silence The Noise
   */
  "breadcrumbs.enabled": false,
  "scm.diffDecorations": "gutter",
  "editor.hover.delay": 1500,
  "editor.hover.enabled": true,
  "editor.matchBrackets": "never",
  "workbench.tips.enabled": false,
  "editor.colorDecorators": false,
  "git.decorations.enabled": false,
  "workbench.startupEditor": "none",
  "editor.lightbulb.enabled": "off",
  "editor.selectionHighlight": false,
  "editor.overviewRulerBorder": false,
  "editor.renderLineHighlight": "none",
  "editor.occurrencesHighlight": "off",
  "problems.decorations.enabled": false,
  "editor.renderControlCharacters": false,
  "editor.hideCursorInOverviewRuler": true,
  "editor.gotoLocation.multipleReferences": "goto",
  "editor.gotoLocation.multipleDefinitions": "goto",
  "editor.gotoLocation.multipleDeclarations": "goto",
  "workbench.editor.enablePreviewFromQuickOpen": false,
  "editor.gotoLocation.multipleImplementations": "goto",
  "editor.gotoLocation.multipleTypeDefinitions": "goto",
  /**
   * Typography
   **/
  "workbench.colorTheme": "Hacker Theme",
  "editor.fontFamily": "Jetbrains Mono",
  "editor.fontSize": 15,
  "editor.lineHeight": 40,
  "terminal.integrated.fontSize": 15,
  "terminal.integrated.lineHeight": 1.5,
  /**
   * Find
   **/
  "search.useIgnoreFiles": true,
  "search.exclude": {
    "**/node_modules": true,
    "**/dist": true,
    "**/_ide_helper.php": true,
    "**/composer.lock": true,
    "**/package-lock.json": true
  },
  /**
   * Code
   **/
  // "editor.wordSeparators": "`~!@#%^&*()=+[{]}\\|;:'\",.<>/?",
  "emmet.includeLanguages": {
    "blade": "html",
    "vue-html": "html",
    "vue": "html"
  },
  "files.associations": {
    ".php_cs": "php",
    ".php_cs.dist": "php"
  },
  "css.validate": false,
  /**
   * PHP
   **/
  "php.suggest.basic": false,
  /**
   * PHP CS Fixer
   **/
  "[php]": {
    "editor.defaultFormatter": "junstyle.php-cs-fixer"
  },
  "php-cs-fixer.autoFixByBracket": false,
  "php-cs-fixer.rules": "@PSR2",
  /**
   * Prettier
   **/
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[prisma]": {
    "editor.defaultFormatter": "Prisma.prisma",
    "editor.formatOnSave": true
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[rust]": {
    "editor.defaultFormatter": "rust-lang.rust-analyzer",
    "editor.formatOnSave": true
  },
  "[glsl]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[yml]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[md]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "prettier.requireConfig": true,
  "prettier.useEditorConfig": false,
  "git.enableSmartCommit": true,
  "php-cs-fixer.executablePath": "${extensionPath}/php-cs-fixer.phar",
  "php-cs-fixer.lastDownload": 1722411471309,
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "editor.wordWrap": "on",
  "window.title": "${activeFolderShort}${separator}${activeEditorShort}",
  "window.titleSeparator": "/",
  "php.validate.executablePath": "/opt/homebrew/bin/php",
  "editor.guides.indentation": false,
  "editor.inlineSuggest.enabled": true,
  "godot_tools.editor_path": "/opt/homebrew/bin/godot",
  "github.copilot.enable": {
    "*": true,
    "plaintext": true,
    "markdown": true,
    "scminput": false,
    "yaml": true,
    "rust": false
  },
  "jest.autoRevealOutput": false,
  "vsicons.dontShowNewVersionMessage": true,
  "editor.fontLigatures": true,
  "rust-analyzer.rustfmt.rangeFormatting.enable": true,
  "C_Cpp.default.includePath": ["/opt/homebrew/include"],
  "workbench.activityBar.location": "hidden",
  "editor.stickyScroll.scrollWithEditor": false,
  "workbench.tree.enableStickyScroll": false,
  "editor.stickyScroll.enabled": false,
  "window.commandCenter": false,
  "workbench.layoutControl.enabled": false,
  "github.copilot.editor.enableAutoCompletions": true,
  "terminal.integrated.tabs.enabled": false,
  "editor.accessibilitySupport": "off",
  "cmake.showOptionsMovedNotification": false,
  "liveServer.settings.donotShowInfoMsg": true,
  "security.workspace.trust.untrustedFiles": "open",
  "editor.linkedEditing": true,
  "diffEditor.wordWrap": "on",
  "notebook.output.wordWrap": true,
  "editor.minimap.maxColumn": 250,
  "codesnap.containerPadding": "8em",
  "codesnap.boxShadow": "rgba(0, 0, 0, 0.55) 0px 12px 24px",
  "codesnap.showLineNumbers": false,
  "codesnap.roundedCorners": true,
  "chat.editor.wordWrap": "on",
  "tailwindCSS.includeLanguages": {
    "plaintext": "html"
  },
  "tailwindCSS.experimental.configFile": null,
  "editor.inlineSuggest.suppressSuggestions": true,
  "editor.cursorBlinking": "solid",
  "workbench.iconTheme": "bearded-icons",
  "vscode_custom_css.imports": [
    "file:///Users/kevin/.vscode/custom.css",
    "file:///Users/kevin/.vscode/custom.js"
  ]
}

Theme is a bit unhinged but will try it out for a bit.

Some of the new tips came from https://www.youtube.com/watch?v=9_I0bySQoCs