Besser coden mit Keratokonus – Fonts, Themes & Tricks für macOS, WezTerm und VS Code

von Robin Willig
Titelbild für Blog-Artikel: Besser coden mit Keratokonus – Fonts, Themes & Tricks für macOS, WezTerm und VS Code

WezTerm – Terminal klarer machen

Mein Terminal ist für mich ein Dauerarbeitsplatz – da muss jede Zeile sofort erkennbar sein. Mit Keratokonus heißt das: klare Fonts, kräftiger Cursor, keine unnötige Transparenz.

Meine aktuelle Config

local wezterm = require("wezterm")
local config = wezterm.config_builder()

-- 🎨 Farben & Font
config.color_scheme = "nord"

config.font = wezterm.font_with_fallback({
  { family = "Monaspace Argon", weight = "Medium" }, -- klare Glyphen
  "Symbols Nerd Font Mono",                          -- liefert Powerline/Devicons
  "CaskaydiaMono Nerd Font",                         -- optionaler Fallback
  "Apple Color Emoji",
})

config.freetype_load_target = "Light"

config.font_size = 12.5
config.line_height = 1.25
config.cursor_thickness = 3.0

-- 💻 Performance
config.front_end = "WebGpu"
config.enable_wayland = true
config.scrollback_lines = 10000
config.animation_fps = 60
config.max_fps = 120

-- 🖼️ Optik
config.window_background_opacity = 0.94
config.macos_window_background_blur = 12
config.window_padding = { left = 8, right = 8, top = 4, bottom = 4 }
config.default_cursor_style = "SteadyBar"

-- 🔧 Verhalten
config.send_composed_key_when_left_alt_is_pressed = true
config.send_composed_key_when_right_alt_is_pressed = true
config.hide_tab_bar_if_only_one_tab = true
config.adjust_window_size_when_changing_font_size = false

-- ⌨️ Keybindings
config.keys = {
  {
    key = "f",
    mods = "SUPER",
    action = wezterm.action_callback(function(win, pane)
      local cwd = pane:get_current_working_dir()
      if cwd then
        local path = cwd:sub(8) -- remove "file://"
        win:perform_action(
          wezterm.action.SpawnCommandInNewTab{
            args = { "fzf-open", path },
          },
          pane
        )
      end
    end),
  },
}

return config

Warum diese Einstellungen?

VS Code / Windsurf – Lesbarkeit & Setup

Gerade beim Coden in VS Code oder Windsurf ist Lesbarkeit alles – ein klarer Font, hoher Kontrast und ein ruhiges Interface helfen enorm. Hier meine wichtigsten Einstellungen für settings.json:

{
  "window.autoDetectColorScheme": true,
  "workbench.preferredDarkColorTheme": "Nord",
  "workbench.preferredLightColorTheme": "Nord Light",
  "workbench.colorTheme": "Nord",
  "workbench.iconTheme": "material-icon-theme",
  "editor.fontFamily": "Monaspace Krypton, Monaspace Argon, Atkinson Hyperlegible, JetBrainsMono Nerd Font, Symbols Nerd Font Mono, Menlo, monospace, Apple Color Emoji",
  "editor.fontWeight": "500",
  "editor.fontSize": 14,
  "editor.lineHeight": 22,
  "editor.letterSpacing": 0.2,
  "editor.fontLigatures": "'calt', 'liga', 'ss01', 'ss02', 'ss03', 'ss04', 'ss05', 'ss06', 'ss07', 'ss08', 'ss09'",
  "editor.minimap.enabled": false,
  "editor.renderLineHighlight": "all",
  "editor.guides.indentation": true,
  "editor.wordWrap": "on",
  "editor.smoothScrolling": false,
  "editor.scrollBeyondLastLine": false,
  "workbench.list.smoothScrolling": false,
  "editor.inlayHints.enabled": "offUnlessPressed",
  "workbench.colorCustomizations": {
    "editorLineNumber.foreground": "#88c0d0",
    "editorLineNumber.activeForeground": "#5e81ac"
  },
  "editor.inlineSuggest.fontFamily": "Monaspace Neon, Menlo, monospace",
  "editor.inlineSuggest.fontSize": 13,
  "terminal.integrated.fontFamily": "Monaspace Argon, JetBrainsMono Nerd Font, Symbols Nerd Font Mono, Menlo, monospace, Apple Color Emoji",
  "terminal.integrated.fontWeight": "500",
  "terminal.integrated.minimumContrastRatio": 7,
  "terminal.integrated.scrollback": 5000,
  "terminal.integrated.smoothScrolling": false,
  "terminal.integrated.cursorStyle": "block",
  "terminal.integrated.cursorBlinking": true,
  "terminal.integrated.confirmOnExit": "hasChildProcesses",
  "workbench.reduceMotion": true,
  "workbench.tree.indent": 14,
  "git.enableSmartCommit": true,
  "git.confirmSync": false,
  "git.autofetch": true,
  "git.rebaseWhenSync": true,
  "git.mergeEditor": true,
  "scm.diffDecorations": "gutter",
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 1500,
  "explorer.compactFolders": false,
  "explorer.confirmDragAndDrop": false,
  "breadcrumbs.enabled": true
}

Warum diese Settings?

PhpStorm – Lesbarkeit & Setup

Für PhpStorm habe ich mir ein Setup gebastelt, das speziell auf Keratokonus zugeschnitten ist – mit klarem Theme, kontrastreicher Darstellung und optimierten Fonts.

🎨 Erscheinungsbild (Appearance & Behavior → Appearance)

🔤 Editor → Font & Color Scheme

⌨️ Editor-Verhalten

🗂️ Project Tree & Navigation

⌨️ Keymap

🧩 Erweiterungen / Plugins

🧾 Ergebnis

Mit diesem Setup bekommst du: