webstorm-vscode

settings.json

{
  "editor.fontFamily": "'Monaspace Neon', monospace",
  "editor.fontLigatures": "'calt', 'liga', 'ss01', 'ss02', 'ss03', 'ss04', 'ss05', 'ss06', 'ss07', 'ss08', 'ss09'",
  "editor.fontSize": 12,
  "editor.lineHeight": 20,
  "editor.suggestSelection": "first",
  "workbench.colorTheme": "Default Dark Modern",
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "workbench.iconTheme": "a-file-icon-vscode",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "always"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  // Using the light mode
  "indentRainbow.indicatorStyle": "light",
  // we use a simple 1 pixel wide line
  "indentRainbow.lightIndicatorStyleLineWidth": 1,
  // the same colors as above but more visible
  "indentRainbow.colors": [
    "rgba(255,255,64,0.3)",
    "rgba(127,255,127,0.3)",
    "rgba(255,127,255,0.3)",
    "rgba(79,236,236,0.3)"
  ],
  "editor.semanticHighlighting.enabled": false,
  "workbench.editor.enablePreview": false,
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": ["support.class.component.tsx"],
        "settings": {
          "foreground": "#f07178" // Change to your desired color
        }
      },
      {
        "scope": ["entity.name.function"],
        "settings": {
          "foreground": "#82aaff" // Change to your desired color
        }
      },
      {
        "scope": ["variable.other.readwrite.tsx"],
        "settings": {
          "foreground": "#f68d6c" // Change to your desired color
        }
      },
      {
        "scope": ["keyword.control.flow.tsx"],
        "settings": {
          "foreground": "#c792e9" // Change to your desired color
        }
      },
      {
        "scope": ["storage.type.tsx"],
        "settings": {
          "foreground": "#c792e9" // Change to your desired color
        }
      },
      {
        "scope": ["entity.name.type", "entity.name.type.tsx"],
        "settings": {
          "foreground": "#c3e88d" // Change to your desired color
        }
      },
      {
        "scope": ["variable.other.readwrite.alias.tsx"],
        "settings": {
          "foreground": "#f8ce80"
        }
      },
      {
        "scope": ["entity.other.attribute-name.tsx"],
        "settings": {
          "foreground": "#f8ce80"
        }
      },
      {
        "scope": ["string.quoted.single.tsx", "string.quoted.double.tsx"],
        "settings": {
          "foreground": "#c3e88d" // Red color
        }
      },
      {
        "scope": ["keyword.control.as.tsx"],
        "settings": {
          "foreground": "#c792e9" // Red color
        }
      },
      {
        "scope": ["variable.other.constant.tsx"],
        "settings": {
          "foreground": "#a9b7c5" // Red color
        }
      },
      {
        "scope": ["constant.numeric.decimal.tsx"],
        "settings": {
          "foreground": "#f68d6c" // Red color
        }
      },
      {
        "scope": ["variable.other.object.tsx"],
        "settings": {
          "foreground": "#a9b7c5" // Red color
        }
      },
      {
        "scope": ["variable.object.property.tsx"],
        "settings": {
          "foreground": "#eeffff" // Red color
        }
      },
      {
        "scope": ["support.type.primitive.tsx"],
        "settings": {
          "foreground": "#c792e9" // Red color
        }
      },
      {
        "scope": ["entity.name.function.ts"],
        "settings": {
          "foreground": "#f8ce80" // Red color
        }
      }
    ]
  },
  "cSpell.language": "en,pl",
  "cSpell.userWords": ["unistyles"],
  "diffEditor.hideUnchangedRegions.enabled": true,
  "vsicons.dontShowNewVersionMessage": true,
  "editor.formatOnSave": true,
  "window.title": "${activeEditorMedium}",
  "workbench.editor.labelFormat": "medium",
  "editor.wordWrap": "on",
  "typescript.suggest.autoImports": true,
  "editor.quickSuggestions": {
    "other": true,
    "comments": false,
    "strings": true
  },
  "editor.acceptSuggestionOnEnter": "smart",
  "editor.parameterHints.enabled": true,
  "explorer.autoReveal": false,
  "explorer.compactFolders": false,
  "workbench.list.smoothScrolling": false,
  "git.autofetch": true,
  "editor.scrollBeyondLastLine": false,
  "editor.padding.bottom": 100
}