Rainbow strings!!

Did you know you can use an arbitrary image as text color?

Thanks to WebKit’s support for “background-clip: text;”, you can set an arbitrary background as the text’s color:

html /deep/ .source .string {
@s: 85%;
@l: 75%;
background: linear-gradient(-45deg,
hsl(0, @s, @l), hsl(60, @s, @l),
hsl(120, @s, @l), hsl(180, @s, @l),
hsl(240, @s, @l), hsl(300, @s, @l), hsl(360, @s, @l));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

Or Web 2.0 style gradient text!

html /deep/ .source {
.keyword, .storage {
background: linear-gradient(to bottom, #fff, #F6F080, #fa9a4b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}