Gradient ThemeEnglish | 中文文档 Current repository link. If you like it, please give it a star! WarningAlthough the warning will not affect any functionality, If you are very concerned about the VSCode "corrupted" warning prompt, it is not recommended to use this theme. If you do not want to ignore the "corrupted" warning prompt, please consider carefully whether to use this theme. To be honest, I was very mind at first, but after I ignored the "corrupted" warning prompt, I no longer cared. Themes
InspirationOne day, I saw a video where someone modified the VSCode theme's CSS file themselves. So I thought I could use the same method to create a VSCode gradient effect CSS file, Then I started using Custom CSS and JS Loader plugin to load the custom gradient CSS, Later, many people thought my gradient theme was very beautiful and wanted to use it on their own VSCode, But to use it, they needed to install a plugin and I had to give them a CSS file, which was too troublesome! So I learned how to make a VSCode theme plugin and made this gradient theme plugin. Installation
After installation, you can choose the base theme, there is no gradient effect at this time, if you want to enable the gradient effect, please see the next step. Why isn't the gradient effect enabled directly? Because enabling the gradient effect will modify the core files of VSCode, which will be interpreted as "corrupted" by VSCode, and you may see a warning prompt when restarting the editor, but you can safely ignore this message. If you don't want to ignore the warning prompt, please consider carefully whether to use this theme. Gradient EffectsEnable GradientYou can enable it by pressing Disable GradientYou can disable it by pressing Restart EditorAfter enabling or disabling the gradient effect, there will be a prompt, click to restart the editor to see the gradient effect. Please Note1. Ignore the "Corrupted" Warning PromptPlease note that since enabling the gradient effect modifies the core files of VSCode, VSCode will interpret it as a "corrupted" core file, and you may see a warning prompt when restarting the editor, which you can safely ignore. If you do not want to ignore the warning prompt, please consider carefully whether to use this theme. 2. Execute Enable command, prompt no permissionIf you are a Windows user, you may need to run VS Code with administrator privileges. For Linux and Mac users, Code must not be installed in a read-only location and you must have write permissions. 3. Update VSCodePlease note that after each update of VSCode, you need to repeat the steps to re-enable the gradient effect. 4. Switch to Other ThemesPlease note that if you have enabled the gradient effect and want to switch to another theme, you can first disable the gradient effect and then choose another theme, otherwise the gradient theme will affect the colors of other themes. CompatibilityThis theme is still being updated and optimized. I mainly use HTML, CSS, JS, TS, Vue, React, etc. for development, so although these languages and frameworks look good, other languages and frameworks may not be suitable for the theme. If you find any obvious problems, you can raise an issue, and I will resolve it as soon as possible. How to ContributeI'm glad you're interested in this theme, and any suitable contribution is welcome.
ThanksThanks to Lun Dev for inspiring me to create this gradient theme. 🙏 Thanks to the authors of the following themes for their contributions to open source. 🙏 I made gradient effects for each theme based on the following themes. |