Sabtu, 23 July 2022

Parsinta Exclusive: Tema Vscode Yang Baru Saja Dibuat

Ada banyak sekali tema di dalam vscode ini, salah satu yang sering saya pakai adalah GitHub Theme dan Monokai Pro.

Tool
Code Editor
Visual Studio Code

Daftar Isi

Ada banyak sekali tema di dalam vscode ini, salah satu yang sering saya pakai adalah GitHub Theme dan Monokai Pro. Namun saya merasa kurang nyaman sehingga saya berpikir untuk membuat 1 tema baru. Mungkin bagi Anda yang sudah menonton seri saya Blog Dengan Laravel Inertia dan React (SSR) akan mengetahui tema nya.

Parsinta Exclusive

Jadi untuk nama tema yang baru saya buat itu adalah Parsinta Exclusive, kalian langsung bisa instal temanya di vscode yang sedang kalian pakai sekarang, atau bisa langsung mencari nya dengan keyword "parsinta", maka harusnya akan muncul tema seperti gambar berikut.

Parsinta exclusive theme

Berkontribusi

Saya juga membuka repo nya di Github parsinta-exclusive, jadi bagi kalian yang ingin membuat tema nya lebih mantap, atau menambah support untuk bahasa lain bisa langsung membuat pull request ya.

Overview

Berikut adalah salah satu screenshot dari tema ini.

Overview

Tidak semua orang peduli dengan tema, namun saya sangat peduli. Makanya jika ada yang bertanya "Nama temanya apa, font nya apa" saya tidak heran. Karena saya juga seperti itu orangnya, terlalu peduli dengan hal-hal yang bisa membuat nyaman. Mudah-mudahan dengan tema ini, kalian lebih semangat untuk mengerjakan proyek-proyek yang sedang ditangani, atau belajar hal yang baru.

Rekomendasi Settings

Di sini saya akan menunjukkan beberapa konfig yang saya pakai dalam menggunakan vscode. Sehingga tema ini juga terlihat lebih elegan. Buka file settings.json, bisa dengan cmd/ctrl + shift + p, cari file settings.json. Biasanya jika di mac, itu berada di direktori ini ~/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",
    "prettier.jsxSingleQuote": true,
    "prettier.singleQuote": true,
    "prettier.tabWidth": 4,
    "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"
}

Dengan settings di atas, harusnya vscode Anda akan lebih elegan dan clean. Semoga artikel ini bermanfaat, 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

Support me

Github