Visual Studio Code

How To Change VSCode Theme By Time of Day

Val Paliy

Eye comfort is very important, especially to programmers, who spend most of their day looking at code in their favorite editor.

I’ve already mentioned a few themes I like, and today I am going to teach you how to set your editor up in such away that the theme changes automatically depending on what time of day it is.

Take a look at the three screenshots above:

Cobalt2

Cobalt2

Night Owl Light

Night Owl Light

Night Owl

Night Owl

My IDE Settings

Val Paliy

My settings for Visual Studio Code. Please feel free to use any and all settings you might find useful :)

{
  "editor.fontSize": 17,
  "editor.fontFamily": "'Jetbrains Mono', 'monospace', monospace, 'Droid Sans Fallback'",
  "editor.fontLigatures": true,
  "editor.lineHeight": 25,
  "editor.letterSpacing": 0.5,
  "files.trimTrailingWhitespace": true,
  "editor.cursorStyle": "line",
  "editor.cursorWidth": 5,
  "editor.cursorBlinking": "solid",
  "editor.renderWhitespace": "none",
  "update.showReleaseNotes": false,
  "editor.linkedEditing": true,
  "editor.suggestSelection": "first",
  "editor.fontWeight": 600,
  "editor.formatOnSave": true,
  "git.enableSmartCommit": true,
  "editor.colorDecorators": false,
  "git.confirmSync": false,
  "editor.wordWrap": "on",
  "editor.wordWrapColumn": 111,
  "git.allowForcePush": true,
  "git.confirmForcePush": false,
  "editor.formatOnType": true,
  "git.allowNoVerifyCommit": true,
  "editor.minimap.enabled": false,
  "terminal.external.windowsExec": "C:\\\\WINDOWS\\\\System32\\\\WindowsPowerShell\\\\v1.0\\\\powershell.exe",
  "terminal.explorerKind": "external",
  "editor.semanticHighlighting.enabled": true,
  "emmet.triggerExpansionOnTab": true,
  "git.autofetch": true,
  "explorer.confirmDelete": false,
  "window.menuBarVisibility": "compact",
  "workbench.editor.untitled.hint": "hidden",
  "extensions.ignoreRecommendations": true,
  "terminal.integrated.gpuAcceleration": "off",
  "tabnine.experimentalAutoImports": true,
  "workbench.colorTheme": "GitHub Dark Default",
  "workbench.iconTheme": "vscode-icons",
  "workbench.productIconTheme": "fluent-icons",
  "themeSwitcher.themesList": "GitHub Light Default, GitHub Dark Default",
  "themeswitcher.utcOffset": 3,
  "themeswitcher.mappings": [
    {
      "time": "08:00",
      "theme": "GitHub Dark Default"
    },
    {
      "time": "12:00",
      "theme": "GitHub Dark Default"
    },
    {
      "time": "00:00",
      "theme": "GitHub Dark Default"
    }
  ],
  "color-highlight.enable": true,
  "color-highlight.markerType": "background",
  "vsicons.dontShowNewVersionMessage": true,
  "security.workspace.trust.enabled": false,
  "security.workspace.trust.startupPrompt": "never",
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "quokka.automaticRestart": true,
  "autoimport.filesToScan": "**/*.{js,jsx,ts,tsx}",
  "autoimport.autoComplete": true,
  "vscode-edge-devtools.headless": true,
  "editor.bracketPairColorization.enabled": true,
  "vscode-edge-devtools.webhint": false,
  "workbench.startupEditor": "none",
  "git.confirmNoVerifyCommit": false,
  "go.toolsManagement.autoUpdate": true
}