My VSCode E-Ink Setup

vscode_eink.md

My VSCode E-Ink Setup

Standard computer screens reliably give me a headache, with prolonged use, nausea and a migraine. Here's the setup that works for me:

I use VSCode in Windows 10 with a Boox Mira Pro monitor in Speed Mode. I may have changed some settings, here is how my Mira control panel is set is set:

• Display Mode: Normal
• Refresh speed: Maximum
• Dark color enhancement: Minimum/off
• Light color enhancement: Minimum/off
• Frontlight: Off

I illuminate the screen from over my shoulder with a Wavform Lighting Superwarm 1700k blue-free flicker-free lightbulb.

VSCode theme

In VSCode I use theme extension: "e-ink" theme by eddjrn (note all lower case, there are others with very similar names)

https://marketplace.visualstudio.com/items?itemName=eddjrn.e-ink

Once you have installed the "e-ink" extension: I have put together the following color overrides to improve the theme further (still not perfect). Add these entries to your user settings.json:

    "workbench.colorTheme": "e-ink",
    "workbench.colorCustomizations": {
        "tab.activeBackground": "#FFFFFF",
        "tab.activeForeground": "#000000",
        "tab.inactiveBackground": "#F7F7F7",
        "tab.inactiveForeground": "#000000",
        "tab.unfocusedActiveBackground": "#FFFFFF",
        "tab.unfocusedActiveForeground": "#000000",
        "tab.unfocusedInactiveBackground": "#F7F7F7",
        "tab.unfocusedInactiveForeground": "#000000",
        "list.warningForeground": "#000000",
        "notebook.focusedCellBackground": "#DDDDDD",
        "editor.lineHighlightBorder": "#DDDDDD",
        "editor.selectionHighlightBackground": "#EEEEEE22",
        "editor.selectionHighlightBorder": "#DDDDDD",
        "editor.findMatchBackground": "#ffffff11",
        "editor.findMatchHighlightBackground": "#dfdfdf11",
        "editor.findRangeHighlightBackground": "#dfdfdf11",
        "editor.findMatchBorder": "#000000",
        "editor.findMatchHighlightBorder": "#ffffff",
        "activityBar.activeBackground": "#FFFFFF",
        "activityBar.activeBorder": "#000000",
        "activityBar.activeFocusBorder": "#000000",
        "activityBar.background": "#F7F7F7",
        "activityBar.dropBorder": "#000000",
        "minimapSlider.background": "#00000022",
        "minimapSlider.hoverBackground": "#00000033",
        "minimapSlider.activeBackground": "#00000044",
    },