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;
}
@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