Thanks to visit codestin.com
Credit goes to github.com

Skip to content

[ENH]: Dark Mode for VS Code #30094

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
knods3k opened this issue May 22, 2025 · 1 comment
Open

[ENH]: Dark Mode for VS Code #30094

knods3k opened this issue May 22, 2025 · 1 comment
Labels
New feature topic: styles

Comments

@knods3k
Copy link

knods3k commented May 22, 2025 •
edited
Loading

Problem

Since the style "dark-background" didn't fit the VS Code Dark Mode color scheme very well, I would appreciate a style that matches more nicely.

Proposed solution

I have edited my rcParams and now it looks pretty neat. I would like to share it with everyone but I'm not sure how exactly I should go about it.

Do I make a pull request with a vscode-dark.mplstyle? If so, where exactly should the file go?

Is this welcome at all?
I'm also happy to make changes, or include additional information, if required.

Here is how it looks:

Image

The rcParams are as follows, with some commented out, because they change additional technicalities that are not strictly necessary for aesthetic purposes.

# CUSTOM 

# Set dark background default line colors to white.

lines.color: white
patch.edgecolor: white

text.color: white

axes.facecolor: "#1f1f1f"
axes.edgecolor: white
axes.labelcolor: white

xtick.color: white
ytick.color: white

grid.color: white

figure.facecolor: "#1f1f1f"
figure.edgecolor: "#1f1f1f"

patch.facecolor: C0

### Boxplots
boxplot.boxprops.color: white
boxplot.capprops.color: white
boxplot.flierprops.color: white
boxplot.flierprops.markeredgecolor: white
boxplot.whiskerprops.color: white


# Change color cycler to match VS Code Syntax Highlighting
axes.prop_cycle: cycler('color', ['DCDCAA','9CDCFE','4EC9B0','C586C0','6a9955','CE9178','4FC1FF','d16969','569cd6','d7ba7d','C8C8C8','ce9178','b5cea8'])

# Change default color map
image.cmap: cividis


# Additional technicalities that work well with the interactive window

# figure.figsize: 8, 4.5
# figure.dpi: 200
# figure.autolayout: True
# image.aspect: auto

# hist.bins: sqrt
@story645
Copy link
Member

story645 commented May 22, 2025 •
edited
Loading

Hi, I think this is really cool but maybe not appropriate for the main library because I don't think we want to vendor editor specific stylesheets. Would this maybe work better as a vscode plug in, kinda like https://marketplace.visualstudio.com/items?itemName=yy0931.mplstyle

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
New feature topic: styles
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@story645 @knods3k