Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Minimal Fedu ExtNew to Visual Studio Code? Get it now.

Minimal Fedu Ext

Preview

Christian Brassat

|
1,313 installs
| (2) | Free
Chilled palette and easy to read code coloring for the whole editor.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Minimal Fedu Ext(ended)

Opionated theme that brings the simplicity and focus of the Fedu syntax theme to the editor. It's based on Minimal Fedu, which is based on Fedu color theme, which is itself based on the Eclipse theme.

Screenshot (does not reflect latest changes)

Disclaimer

This theme is designed to remove visual distraction and to archieve this it works with low contrast in some parts. I'm just sharing what works for me to make VS Code more minimal in design and remove visual clutter. I'm happily incorporate changes that respect that intention and fix rough edges.

Configuration

This isn't just a theme for me, it's an attempt to trim down VS Code for a more minimal coding experience. In this sense I suggest you to add these to your settings, for the intended effect:

    // -- Remove visual fuzz --
    "editor.folding": false,
    "editor.lineNumbers": "off",
    "editor.minimap.enabled": false,
    "editor.minimap.renderCharacters": false,
    "workbench.editor.showIcons": false,
    "workbench.iconTheme": null,
    "explorer.openEditors.visible": 0,
    "workbench.statusBar.visible": false, // disable the StatusBar at the bottom
    "workbench.statusBar.feedback.visible": false,
    "workbench.activityBar.visible": false, // disable activitybar on left side

This will disable the status bar and the activity bar. Memorize the shortcuts instead:

Shortcut Action
shift + command + E for Explorer.
shift + ctrl + G for Git.
shift + command + D for Debugger.
command + B to show and hide the left pane

Also, there are some interruptions during coding in the editor, which I recommend to disable:

    "editor.acceptSuggestionOnEnter": "off",
    "editor.quickSuggestions": {
        "other": false,
        "comments": false,
        "strings": false
    },
    "editor.parameterHints": false,

Going a Step Further

If you don’t mind potentially breaking your VS Code setup beyond the point of recovery, I recommend trying Custom CSS extension with the following custom CSS:

.title-actions
    > .monaco-toolbar
    > .monaco-action-bar
    > .actions-container
    > .action-item
    > .action-label.icon.explorer-action {
    display: none !important;
}
.editor-actions > .monaco-toolbar > .monaco-action-bar {
    display: none !important;
}

This will remove the icon buttons on panels.

You may notice VS Code isn’t very happy about you overriding its CSS and shows you a warning. Just disable it from showing again.

Don’t say I didn’t warn you everything might break.

Credits

Based on Minimal Fedu and took the "Going a Step Further" chapter from Subliminal

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft