Language statistics colors

[silverwind]

I'd like to recolor the language-colors to more flashy colors so they stand out more on dark backgrounds. Unfortunately, GitHub applies them through inline styles, so we need to create a list of colors in use first. Here's what I have so far from my projects:

background-color:#f15501; /* javascript */
background-color:#1f085e; /* css - hard to read */
background-color:#fa1fa1; /* lua */
background-color:#5a25a2; /* c# */

[Mottie]

That is quite a task you set for yourself.

You can get the full list of languages from here: https://github.com/github/linguist/blob/master/lib/linguist/languages.yml

But I reduced it down for you and made a demo showing the colors

ANTLR	#9DC3FF
ASP	#6a40fd
ActionScript	#e3491a
Ada	#02f88c
Arc	#ca2afe
Arduino	#bd79d1
Assembly	#a67219
AutoHotkey	#6594b9
AutoIt	#36699B
Boo	#d4bec1
C	#555555
C#	#5a25a2
C++	#f34b7d
CSS	#1f085e
Clean	#3a81ad
Clojure	#db5855
CoffeeScript	#244776
ColdFusion	#ed2cd6
Common Lisp	#3fb68b
D	#fcd46d
DM	#075ff1
Dart	#98BAD6
Dylan	#3ebc27
ECL	#8a1267
Eiffel	#946d57
Elixir	#6e4a7e
Emacs Lisp	#c065db
Erlang	#0faf8d
F#	#b845fc
FORTRAN	#4d41b1
Factor	#636746
Fancy	#7b9db4
Fantom	#dbded5
Forth	#341708
Glyph	#e4cc98
Go	#a89b4d
Gosu	#82937f
Groovy	#e69f56
Haskell	#29b544
Haxe	#346d51
Io	#a9188d
Ioke	#078193
Java	#b07219
JavaScript	#f15501
Julia	#a270ba
KRL	#f5c800
LFE	#004200
Lasso	#2584c3
LiveScript	#499886
Lua	#fa1fa1
Matlab	#bb92ac
Max	#ce279c
Mirah	#c7a938
Nemerle	#0d3c6e
NetLogo	#ff2b2b
Nimrod	#37775b
Nu	#c9df40
OCaml	#3be133
Objective-C	#438eff
Objective-J	#ff0c5a
Omgrofl	#cabbff
Oxygene	#5a63a3
PHP	#6e03c1
Parrot	#f3ca0a
Pascal	#b0ce4e
Perl	#0298c3
Pike	#066ab2
PogoScript	#d80074
Processing	#2779ab
Prolog	#74283c
Puppet	#cc5555
Pure Data	#91de79
Python	#3581ba
QML	#44a51c
R	#198ce7
Racket	#ae17ff
Ragel in Ruby Host	#ff9c2e
Rebol	#358a5b
Rouge	#cc0088
Ruby	#701516
Rust	#dea584
Scala	#7dd3b0
Scheme	#1e4aec
Self	#0579aa
Shell	#5861ce
Slash	#007eff
Smalltalk	#596706
Standard ML	#dc566d
SuperCollider	#46390b
Tcl	#e4cc98
Turing	#45f715
TypeScript	#31859c
Unified Parallel C	#755223
UnrealScript	#a54c4d
VHDL	#543978
Vala	#ee7d06
Verilog	#848bf3
VimL	#199c4b
Visual Basic	#945db7
Volt	#0098db
XQuery	#2700e2
edn	#db5855
nesC	#ffce3b
ooc	#b0b77e
wisp	#7582D1
xBase	#3a4040

[silverwind]

Wow, that's really helpful!

I'll probably just improve the harder-to-read ones, or else I'll probably get mad finding unique colors.

[ddavison]

if possible, utitlize http://cssdesk.com/ and share it in this issue so we can watch the issue and contribute.

[silverwind]

I've found a great color generator and generated 109 unique and bright colors with it. Here's the current result:

http://jsbin.com/afoyUJaF/3

I can always hit my color shuffle button, if you like :)

[silverwind]

Commited them: https://github.com/Mottie/Github-Dark/commit/e729acecb004ece241e0b5cc0ea72283438898e3

Had to use style$ selectors which could drop performance a bit, but I'm not seeing any lighter way of doing this. Let me know how you like the new colors!

[silverwind]

Looks like we need to update some of our selectors, as this among others, this got live:

https://github.com/github/linguist/commit/3a19ba452305eccdbd3b41c8af413b7d7e86fcaf

[silverwind]

Looked through languages.yml, but didn't spot any changes that would require attention, but we should be aware of https://github.com/github/linguist/commit/3dc11186a175b7b377bbad6d936c982d7d4fcf43 which will probably go live sooner or later.

[Mottie]

Here is another random color generator that I ran into... posting it here in case it might be useful:

https://github.com/davidmerfield/randomColor

[Mottie]

Language colors have some minor changes, and some definitions are missing:

Language	Color
AGS Script	"#B9D9FF"
AMPL	"#00008B"
ANTLR	"#9DC3FF"
APL	"#8a0707"
ASP	"#6a40fd"
ATS	"#1ac620"
ActionScript	"#e3491a"
Ada	"#02f88c"
Agda	"#467C91"
Alloy	"#cc5c24"
Arc	"#ca2afe"
Arduino	"#bd79d1"
AspectJ	"#1957b0"
Assembly	"#6E4C13"
AutoHotkey	"#6594b9"
AutoIt	"#36699B"
BlitzMax	"#cd6400"
Boo	"#d4bec1"
C	"#555"
C#	"#178600"
C++	"#f34b7d"
CSS	"#563d7c"
Chapel	"#8dc63f"
Cirru	"#aaaaff"
Clean	"#3a81ad"
Clojure	"#db5855"
CoffeeScript	"#244776"
ColdFusion	"#ed2cd6"
ColdFusion CFC	"#ed2cd6"
Common Lisp	"#3fb68b"
Component Pascal	"#b0ce4e"
D	"#fcd46d"
DM	"#075ff1"
Dart	"#98BAD6"
Dogescript	"#cca760"
Dylan	"#3ebc27"
E	"#ccce35"
ECL	"#8a1267"
Eagle	"#3994bc"
Eiffel	"#946d57"
Elixir	"#6e4a7e"
Elm	"#60B5CC"
Emacs Lisp	"#c065db"
EmberScript	"#f64e3e"
Erlang	"#0faf8d"
F#	"#b845fc"
FLUX	"#33CCFF"
FORTRAN	"#4d41b1"
Factor	"#636746"
Fancy	"#7b9db4"
Fantom	"#dbded5"
Forth	"#341708"
Frege	"#00cafe"
Game Maker Language	"#8ad353"
Glyph	"#e4cc98"
Gnuplot	"#f0a9f0"
Go	"#375eab"
Golo	"#f6a51f"
Gosu	"#82937f"
Grammatical Framework	"#ff0000"
Groovy	"#e69f56"
HTML	"#e44b23"
Harbour	"#0e60e3"
Haskell	"#29b544"
Haxe	"#f7941e"
Hy	"#7891b1"
IDL	"#e3592c"
Io	"#a9188d"
Ioke	"#078193"
Isabelle	"#fdcd00"
J	"#2d8abd"
Java	"#b07219"
JavaScript	"#f1e05a"
Julia	"#a270ba"
KRL	"#f5c800"
LFE	"#004200"
LOLCODE	"#cc9900"
LSL	'#3d9970'
Lasso	"#2584c3"
Latte	"#A8FF97"
LiveScript	"#499886"
LookML	"#652B81"
Lua	"#fa1fa1"
MTML	"#0095d9"
Mask	"#f97732"
Matlab	"#bb92ac"
Max	"#ce279c"
Mercury	"#abcdef"
Mirah	"#c7a938"
Nemerle	"#0d3c6e"
NetLogo	"#ff2b2b"
NewLisp	"#eedd66"
Nimrod	"#37775b"
Nit	"#0d8921"
Nix	"#7070ff"
Nu	"#c9df40"
OCaml	"#3be133"
Objective-C	"#438eff"
Objective-C++	"#4886FC"
Objective-J	"#ff0c5a"
Omgrofl	"#cabbff"
Opal	"#f7ede0"
Oxygene	"#5a63a3"
Oz	"#fcaf3e"
PAWN	"#dbb284"
PHP	"#4F5D95"
Pan	'#cc0000'
Papyrus	"#6600cc"
Parrot	"#f3ca0a"
Pascal	"#b0ce4e"
Perl	"#0298c3"
Perl6	"#0298c3"
PigLatin	"#fcd7de"
Pike	"#066ab2"
PogoScript	"#d80074"
Processing	"#2779ab"
Prolog	"#74283c"
Propeller Spin	"#2b446d"
Puppet	"#cc5555"
Pure Data	"#91de79"
PureBasic	"#5a6986"
PureScript	"#bcdc53"
Python	"#3581ba"
QML	"#44a51c"
R	"#198ce7"
RAML	"#77d9fb"
Racket	"#ae17ff"
Ragel in Ruby Host	"#ff9c2e"
Rebol	"#358a5b"
Red	"#ee0000"
Rouge	"#cc0088"
Ruby	"#701516"
Rust	"#dea584"
SAS	"#1E90FF"
SQF	"#FFCB1F"
Scala	"#7dd3b0"
Scheme	"#1e4aec"
Self	"#0579aa"
Shell	"#89e051"
Shen	"#120F14"
Slash	"#007eff"
Slim	"#ff8877"
Smalltalk	"#596706"
SourcePawn	"#f69e1d"
Standard ML	"#dc566d"
SuperCollider	"#46390b"
Swift	"#ffac45"
SystemVerilog	"#343761"
Tcl	"#e4cc98"
TeX	"#3D6117"
Turing	"#45f715"
TypeScript	"#31859c"
Unified Parallel C	"#755223"
UnrealScript	"#a54c4d"
VCL	"#0298c3"
VHDL	"#543978"
Vala	"#ee7d06"
Verilog	"#848bf3"
VimL	"#199c4b"
Visual Basic	"#945db7"
Volt	"#0098db"
Web Ontology Language	"#3994bc"
XC	"#99DA07"
XQuery	"#2700e2"
Zephir	"#118f9e"
eC	"#4A4773"
edn	"#db5855"
nesC	"#ffce3b"
ooc	"#b0b77e"
wisp	"#7582D1"
xBase	"#3a4040"

[silverwind]

Might need to regenerate a new color table, ideally with a few unused colors to expand later.

[Mottie]

Maybe we can try it without these definitions and see if we can do without... ya never know!

[silverwind]

Hmm, maybe with some filter magic (more brightness primarily).

[Mottie]

@silverwind What do you think of these settings? I tried 200%, but it was a bit too bright. The only dark color I've discovered so far is ruby, but it's not that bad.

demo: http://jsbin.com/gigetixuce/2/edit?css,output

[silverwind]

Not bad at all, I like it!