Rainbow for Firebug

Javascript syntax highlighting for firebug

Import_preset

Pick a color preset below

and copy&paste CSS code into "Import Color Preset" dialog in Rainbow


  • No coloring (firebug default)
  • Rainbow default
  • CodeMirror
  • Cobalt
  • Eclipse
  • Active4D
  • All Hallow's Eve
  • Amy
  • Blackboard
  • Brilliance Black
  • Brilliance Dull
  • Cobalt
  • Dawn
  • Eiffel
  • Espresso Libre
  • IDLE
  • iPlastic
  • IR_Black
  • LAZY
  • Mac Classic
  • MagicWB (Amiga)
  • Pastels on Dark
  • Slush & Poppies
  • SpaceCadet
  • Sunburst
  • Twilight
  • Zenburnesque
  • Cowtown
1<html>
2 <head>
3 <title>Example for mixed HTML/JS/CSS coloring</title>
4 <script type="text/javascript">
5 /* javascript comment */
6 function foo(bar, baz) {
7 alert("codemirror rulez!");
8 return bar + baz + 1; // returns magic number
9 }
10 </script>
11 <style type="text/css">
12 /* css comment */
13 div.border {
14 border: 1px solid black;
15 padding: 3px;
16 }
17 #foo code {
18 font-family: courier, monospace;
19 font-size: 80%;
20 color: #448888;
21 }
22 </style>
23 </head>
24 <body id="page1">
25 <div class="center">
26 <!-- HTML comment -->
27 <p>I'll tell you a secret ...</p>
28 </div>
29 </body>
30</html>
31