VS Code中Matplotlib Widget深色背景下黑色文字不清晰求助

方法一：通过Matplotlib配置直接设置（推荐，持久有效） #

不用修改VS Code扩展文件，直接在你的Jupyter代码开头添加以下配置，强制把图表相关文字设为白色，同时保持背景透明：

%matplotlib widget
import matplotlib.pyplot as plt

# 更新Matplotlib全局配置
plt.rcParams.update({
    'figure.facecolor': 'transparent',  # 对应你之前设置的透明背景
    'text.color': 'white',              # 全局文字颜色
    'axes.labelcolor': 'white',         # 坐标轴标签颜色
    'xtick.color': 'white',             # X轴刻度文字颜色
    'ytick.color': 'white',             # Y轴刻度文字颜色
    'figure.titlecolor': 'white'        # 图表标题（如Figure 1）颜色
})

运行代码后，图表的标题、坐标文字都会变成白色，适配深色背景。

方法二：修改VS Code Jupyter扩展的样式文件（临时有效，扩展更新会重置） #

如果你坚持要修改扩展文件，别只改js里的background，需要找到对应的样式规则添加文字颜色：

1. 打开路径/home/<username>/.vscode-server/extensions/ms-toolsai.jupyter-2024.3.1-linux-x64/dist/webviews/webview-side/ipywidgetsRenderer/ipywidgetsRenderer.js
2. 在你之前修改background:transparent的代码块里，添加color:white;，比如：

   // 修改后代码
   style.background = 'transparent';
   style.color = 'white';
   

3. 查找是否有针对图表标题、坐标提示框的专属样式规则，同样添加color:white设置。
4. 重启VS Code让修改生效。

注意：这种方法会在VS Code Jupyter扩展更新后被覆盖，每次更新都需要重新修改。

内容的提问来源于stack exchange，提问作者David