Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Function DimmerNew to Visual Studio Code? Get it now.
Function Dimmer

Function Dimmer

Fadi abi khalil

|
31 installs
| (0) | Free
Dims code outside the function you're currently editing to help you focus
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Function Dimmer

Function Dimmer is a VS Code extension that helps you focus on the current function you're working on by dimming everything else in the file.

Features

  • Automatically dims code above and below your current function
  • Customizable dimming intensity (0-100%)
  • Simple toggle on/off with keyboard shortcut (Cmd+Alt+D / Ctrl+Alt+D)
  • Works with standard functions, arrow functions, and class methods

Usage

  1. Open a file with functions
  2. Use keyboard shortcut Cmd+Alt+D (Mac) or Ctrl+Alt+D (Windows/Linux) to toggle function dimming
  3. Click inside any function to focus on it
  4. Adjust dimming percentage using command palette: "Function Dimmer: Set Dimming Percentage"

Extension Settings

  • functionDimmer.dimmingPercentage: Set the dimming percentage (0-100)

  • Initial release

About the Author

Created by Fadi Abi Khalil

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft