Sabtu, 23 July 2022

Parsinta Exclusive: The Vscode Theme I've Just Created

There are lots of themes in this vscode, one of which I often use is GitHub and Monokai Pro

Code Editor
Tool
Visual Studio Code

Daftar Isi

There are lots of themes in this vscode, one of which I often use is GitHub and Monokai Pro. But I feel less comfortable so I think to create a new theme. Maybe those of you who have watched my series Blog With Laravel Inertia and React (SSR) will know the theme.

Parsinta Exclusive

So for the name of the theme that I just created, it is Parsinta Exclusive, you can directly install the theme on vscode that you are using now, or you can directly search for it with the keyword "parsinta", then the theme should appear as shown below.

Parsinta Exclusive

Contributes

I also opened the repo on Github, so for those of you who want to make the theme more robust, or add support for other languages, you can directly make a pull request.

Overview

Here is one screenshot of this theme.

overview parsinta exclusive theme

Not everyone cares about themes, but I do care. So if someone asks "What's the name of the theme, what's the font?" I'm not surprised. Because I'm also that kind of person, too concerned with things that can make you comfortable. Hopefully with this theme, you are more enthusiastic about working on projects that are being handled, or learning new things.

Recommended Settings

Here I'll show you some of the configs I use to use vscode. So this theme also looks more elegant. Open the settings.json file, you can use cmd/ctrl + shift + p, find the settings.json file. Usually if on a mac, it's in this directory ~/Library/Application Support/Code/User/settings.json.

{
    "terminal.integrated.fontSize": 14,
    "terminal.integrated.lineHeight": 1.2,
    "terminal.integrated.cursorStyle": "line",
    "vetur.format.options.tabSize": 4,
    "zenMode.centerLayout": false,
    "workbench.startupEditor": "none",
    "editor.scrollbar.vertical": "hidden",
    "editor.scrollbar.horizontal": "hidden",
    "editor.scrollbar.horizontalScrollbarSize": 1,
    "editor.scrollbar.verticalScrollbarSize": 1,
    "editor.scrollbar.scrollByPage": false,
    "security.workspace.trust.untrustedFiles": "open",
    "editor.fontFamily": "Dank Mono",
    "editor.cursorSmoothCaretAnimation": true,
    "editor.cursorBlinking": "solid",
    "editor.lineHeight": 40,
    "editor.suggestFontSize": 14,
    "editor.suggestLineHeight": 28,
    "editor.copyWithSyntaxHighlighting": false,
    "diffEditor.ignoreTrimWhitespace": false,
    "editor.emptySelectionClipboard": false,
    "workbench.editor.enablePreview": false,
    "window.newWindowDimensions": "inherit",
    "files.trimTrailingWhitespace": true,
    "diffEditor.renderSideBySide": false,
    "editor.snippetSuggestions": "top",
    "editor.detectIndentation": false,
    "files.insertFinalNewline": true,
    "files.trimFinalNewlines": true,
    "workbench.sideBar.location": "left",
    "editor.fontLigatures": true,
    "scm.diffDecorations": "none",
    "editor.hover.enabled": false,
    "editor.matchBrackets": "never",
    "workbench.tips.enabled": false,
    "editor.colorDecorators": false,
    "git.decorations.enabled": false,
    "editor.lightbulb.enabled": false,
    "editor.selectionHighlight": false,
    "editor.overviewRulerBorder": false,
    "editor.renderLineHighlight": "none",
    "editor.occurrencesHighlight": false,
    "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",
    "editor.guides.indentation": false,
    "editor.unicodeHighlight.invisibleCharacters": false,
    "editor.unicodeHighlight.ambiguousCharacters": false,
    "window.nativeFullScreen": false,
    "editor.fontSize": 13.5,
    "breadcrumbs.enabled": false,
    "editor.renderWhitespace": "none",
    "files.autoSave": "onFocusChange",
    "editor.accessibilityPageSize": 12,
    "editor.largeFileOptimizations": false,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "emmet.triggerExpansionOnTab": true,
    "extensions.ignoreRecommendations": true,
    "editor.inlineSuggest.enabled": true,
    "javascript.format.semicolons": "remove",
    "blade.format.enable": true,
    "workbench.activityBar.visible": false,
    "workbench.statusBar.visible": false,
    "editor.minimap.enabled": false,
    "workbench.colorTheme": "Parsinta Exclusive"
}

With the above settings, your vscode should be more elegant and clean. Hopefully this article is useful. Until next time 👋🏻

Irsyad A. Panjaitan

Let's start living like no one can help us in any event, so that when we are helped in certain times, it becomes a plus in itself.

Irsyad A. PanjaitanGo to Irsyad A. Panjaitan profile

Follow me on