# Nice colour scheme / syntax highlighting: dimmed types

**URL:** <https://discourse.julialang.org/t/nice-colour-scheme-syntax-highlighting-dimmed-types/103385>\
**Category:** VS Code\
**Created:** [August 30, 2023, 8:10pm UTC](https://discourse.julialang.org/t/nice-colour-scheme-syntax-highlighting-dimmed-types/103385 "2023-08-30T20:10:18Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tfiers](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/tfiers/32/32427_2.png) [@tfiers](https://discourse.julialang.org/u/tfiers)\
**Post date:** [August 30, 2023, 8:10pm UTC](https://discourse.julialang.org/t/nice-colour-scheme-syntax-highlighting-dimmed-types/103385/1 "2023-08-30T20:10:19Z")

</div>

Not a question, just wanna share an upgrade to my colour scheme for Julia in VS Code, which others might find pleasing too.

What it looks like:

Dark mode:

 ![image](https://global.discourse-cdn.com/julialang/original/3X/8/6/868f291747b3951456ad146dbd192ba3d904d16c.png)

Light mode:

 ![image](https://global.discourse-cdn.com/julialang/original/3X/6/8/689e73c3259630c98c06776cef3f3018634c88c5.png)

These are the themes “One Dark Pro Darker” (from ‘[One Dark Pro](https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme)’) and “[Bluloco Light](https://marketplace.visualstudio.com/items?itemName=uloco.theme-bluloco-light)”; **but with types (and `end`s) dimmed**.

Without the dimming of types, I find some pieces of code to be more visually cluttered and strenuous to read.

This dimming can be achieved by an addition like the following to your `settings.json`:

```json
    "editor.tokenColorCustomizations": {
        "[One Dark Pro Darker]": {
            "textMateRules": [
                // Dim `end`s in Julia.
                {
                    "scope": "keyword.control.end.julia",
                    "settings": {
                        "foreground": "#c678dd3f" // original: #c678dd
                    }
                },
                // Color Types differently than variables.
                {
                    "scope": "support.type.julia",
                    "settings": {
                        "foreground": "#abb2bf4e",
                    }
                },
                // (and this is for the `::`)
                {
                    "scope": "keyword.operator.relation.types.julia",
                    "settings": {
                        "foreground": "#abb2bf4e",
                    }
                }
            ]
        },
        "[Bluloco Light]": {
            "comments": "#9e9fa5", // original: #A0A1A7
            "textMateRules": [
                {
                    "scope": "keyword.control.end.julia",
                    "settings": {
                        "foreground": "#0097dd4d" // original: #0098DD
                    }
                },
                {
                    "scope": "support.type.julia",
                    "settings": {
                        "foreground": "#383a4277",
                    }
                },
                {
                    "scope": "keyword.operator.relation.types.julia",
                    "settings": {
                        "foreground": "#7a82da8f",
                    }
                }
            ]
        },
    },

```

I.e. I lowered the alpha values of the original colours.

(Note that you can find the ‘scope’ for certain tokens yourself, as well as their original colour, using the `Developer: Inspect Editor Tokens and Scopes` command).

(Thanks to @pfitzseb for the lead here: [VSCode syntax highlighting : Dimming `end`s - #4 by pfitzseb](https://discourse.julialang.org/t/vscode-syntax-highlighting-dimming-end-s/63347/4))