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.
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.
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.
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.