Skip to content

Instantly share code, notes, and snippets.

@ihatecsv
Last active March 1, 2023 14:14
Show Gist options
  • Save ihatecsv/0c6aa9ae5bbb17dfdd3242f42e32a14e to your computer and use it in GitHub Desktop.
Save ihatecsv/0c6aa9ae5bbb17dfdd3242f42e32a14e to your computer and use it in GitHub Desktop.
RGB VSCode
  1. Follow the instructions to install Custom CSS and JS Loader for VSCode

  2. Make a file with the rgbcode.css content, and follow the instructions in the above link to add the file path to the settings.json. For example, mine is:

"vscode_custom_css.imports": ["file:///C:/Users/drake/Documents/rgbcode/rgbcode.css"]
@keyframes rainbow{
100%,0%{
color: rgb(255,0,0);
}
8%{
color: rgb(255,127,0);
}
16%{
color: rgb(255,255,0);
}
25%{
color: rgb(127,255,0);
}
33%{
color: rgb(0,255,0);
}
41%{
color: rgb(0,255,127);
}
50%{
color: rgb(0,255,255);
}
58%{
color: rgb(0,127,255);
}
66%{
color: rgb(0,0,255);
}
75%{
color: rgb(127,0,255);
}
83%{
color: rgb(255,0,255);
}
91%{
color: rgb(255,0,127);
}
}
div,span {
animation: rainbow 2.45s linear;
animation-iteration-count: infinite;
}
@jordie-lang
Copy link

Followed instructions and copied this rbgcode.css file, and it works on all the text in vscode except for the text in open files. So the file names, file explorer, top row buttons are all RGB but the actual text view part is still regular theme. Any idea what I missed?

@ihatecsv
Copy link
Author

@jordie-lang I have fixed the snippet, thanks for the heads up!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment