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.

    Irsyad A. Panjaitan

    4 min read·23 Jul 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. 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 👋🏻

    Karteil
    Destinasi Utama Belajar Online dengan Format Tulisan yang Elegan
    Kunjungi Sekarang

    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.

    Follow me on
    Support me
    SaweriaGithub

    Newsletter

    Bergabunglah dengan 23.000+ lainnya dan jangan pernah ketinggalan screencast, tips, tutorial, dan lainnya.