[[wiki:tips:code_css]]
 
Trace: » code_css
Translations of this page?:

CSS to extend syntax highlighting beyond the default

DokuWiki tries to keep the CSS footprint for syntax highlighting as low as possible. This is done by using a minimal CSS set to format all languages equally. However this may look bad for some languages. To fix this you can extend and override the default highlighting for your desired languages using the CSS below.

The styles below were generated by the geshi_style_builder script, you may want to run this script your self for newer GeSHi releases.

Code Stylesheet

Copy the parts which define your wanted languages from the CSS below into a file called userstyle.css in your config directory.

If you want all those overrides you should run it through cssoptimiser.com, which is a little bit more effective than DokuWiki's builtin compressor. 

/* actionscript overrides */
.code.actionscript .kw3 { color: #0066CC; }
 
/* ada overrides */
.code.ada .co1 { color: #adadad; font-style: italic; }
.code.ada .kw1 { color: #00007f; }
.code.ada .kw2 { color: #0000ff; }
.code.ada .kw3 { color: #46aa03; font-weight:bold; }
.code.ada .me1 { color: #202020; }
.code.ada .nu0 { color: #ff0000; }
.code.ada .st0 { color: #7f007f; }
 
/* apache overrides */
.code.apache .co1 { color: #adadad; font-style: italic; }
.code.apache .kw1 { color: #00007f; }
.code.apache .kw2 { color: #0000ff; }
.code.apache .nu0 { color: #ff0000; }
.code.apache .st0 { color: #7f007f; }
 
/* asm overrides */
.code.asm .co1 { color: #adadad; font-style: italic; }
.code.asm .kw1 { color: #00007f; }
.code.asm .kw2 { color: #0000ff; }
.code.asm .kw3 { color: #46aa03; font-weight:bold; }
.code.asm .kw4 { color: #0000ff; }
.code.asm .nu0 { color: #ff0000; }
.code.asm .re0 { color: #ff0000; }
.code.asm .st0 { color: #7f007f; }
 
/* asp overrides */
.code.asp .br0 { color: #006600; font-weight:bold }
.code.asp .co1 { color: #008000; }
.code.asp .co2 { color: #ff6600; }
.code.asp .coMULTI { color: #008000; }
.code.asp .kw1 { color: #990099; font-weight: bold; }
.code.asp .kw2 { color: #0000ff; font-weight: bold; }
.code.asp .kw3 { color: #330066; }
.code.asp .me1 { color: #9900cc; }
.code.asp .nu0 { color: #800000; }
.code.asp .st0 { color: #cc0000; }
.code.asp .sy0 { color: #006600; font-weight: bold }
 
/* autoit overrides */
.code.autoit .br0 { color: #FF0000; font-weight: bold; }
.code.autoit .co0 { font-style: italic; color: #009933; }
.code.autoit .coMULTI { font-style: italic; color: #669900; }
.code.autoit .kw1 { color: #0000FF; font-weight: bold; }
.code.autoit .kw2 { color: #800000; font-weight: bold; }
.code.autoit .kw3 { color: #000080; font-style: italic; font-weight: bold; }
.code.autoit .kw4 { color: #0080FF; font-style: italic; font-weight: bold; }
.code.autoit .kw5 { color: #F000FF; font-style: italic; }
.code.autoit .kw6 { color: #A00FF0; font-style: italic; }
.code.autoit .me1 { color: #0000FF; font-style: italic; font-weight: bold; }
.code.autoit .nu0 { color: #AC00A9; font-style: italic; font-weight: bold; }
.code.autoit .re0 { font-weight: bold; color: #AA0000; }
.code.autoit .st0 { font-weight: bold; color: #008080; }
.code.autoit .sy0 { color: #FF0000; font-weight: bold; }
 
/* bash overrides */
.code.bash .re1 { color: #0000ff; }
.code.bash .re2 { color: #0000ff; }
.code.bash .re3 { color: #808080; font-style: italic; }
.code.bash .re4 { color: #0000ff; }
 
/* blitzbasic overrides */
.code.blitzbasic .br0 { color: #000066; }
.code.blitzbasic .co1 { color: #D9D100; font-style: italic; }
.code.blitzbasic .kw1 { color: #000066; font-weight: bold; }
.code.blitzbasic .kw2 { color: #0000ff; }
.code.blitzbasic .nu0 { color: #CC0000; }
.code.blitzbasic .st0 { color: #009900; }
.code.blitzbasic .sy0 { color: #000066; }
 
/* bnf overrides */
.code.bnf .re0 { color: #007; }
.code.bnf .re1 { color: #099; }
.code.bnf .re2 { color: #060; }
.code.bnf .re3 { color: #909; }
.code.bnf .st0 { color: #a00; }
.code.bnf .st1 { color: #a00; }
.code.bnf .sy0 { color: #000066; font-weight: bold; }
 
/* c overrides */
.code.c .co2 { color: #339933; }
.code.c .me1 { color: #202020; }
.code.c .me2 { color: #202020; }
 
/* c_mac overrides */
.code.c_mac .br0 { color: #000000; }
.code.c_mac .co1 { color: #ff0000; }
.code.c_mac .co2 { color: #339900; }
.code.c_mac .coMULTI { color: #ff0000; font-style: italic; }
.code.c_mac .es0 { color: #666666; font-weight: bold; }
.code.c_mac .kw1 { color: #0000ff; }
.code.c_mac .kw2 { color: #0000ff; }
.code.c_mac .kw3 { color: #0000dd; }
.code.c_mac .kw4 { color: #0000ff; }
.code.c_mac .me1 { color: #00eeff; }
.code.c_mac .me2 { color: #00eeff; }
.code.c_mac .nu0 { color: #0000dd; }
.code.c_mac .st0 { color: #666666; }
.code.c_mac .sy0 { color: #000000; }
 
/* cfdg overrides */
.code.cfdg .kw1 { color: #717100; }
.code.cfdg .kw3 { color: #006666; }
 
/* cfm overrides */
.code.cfm .br0 { color: #0000FF; }
.code.cfm .coMULTI { color: #808080; font-style: italic; background-color:#FFFF99; }
.code.cfm .kw1 { color: #990000; }
.code.cfm .kw3 { color: #0000FF; }
.code.cfm .kw4 { color: #000000; font-weight: bold; }
.code.cfm .kw5 { color: #0000FF; }
.code.cfm .kw6 { color: #0000FF }
.code.cfm .nu0 { color: #FF0000; }
.code.cfm .sc0 { color: #00bbdd; }
.code.cfm .sc1 { color: #0000FF; }
.code.cfm .sc2 { color: #000099; }
.code.cfm .sc3 { color: #333333; }
.code.cfm .st0 { color: #009900; }
.code.cfm .sy0 { color: #0000FF; }
 
/* cpp overrides */
.code.cpp .br0 { color: #000000; }
.code.cpp .co1 { color: #ff0000; }
.code.cpp .co2 { color: #339900; }
.code.cpp .coMULTI { color: #ff0000; font-style: italic; }
.code.cpp .es0 { color: #666666; font-weight: bold; }
.code.cpp .kw1 { color: #0000ff; }
.code.cpp .kw2 { color: #0000ff; }
.code.cpp .kw3 { color: #0000dd; }
.code.cpp .kw4 { color: #0000ff; }
.code.cpp .me1 { color: #00eeff; }
.code.cpp .me2 { color: #00eeff; }
.code.cpp .nu0 { color: #0000dd; }
.code.cpp .st0 { color: #666666; }
.code.cpp .sy0 { color: #000000; }
 
/* cpp-qt overrides */
.code.cpp-qt .br0 { color: #000000; }
.code.cpp-qt .co1 { color: #ff0000; }
.code.cpp-qt .co2 { color: #339900; }
.code.cpp-qt .coMULTI { color: #ff0000; font-style: italic; }
.code.cpp-qt .es0 { color: #666666; font-weight: bold; }
.code.cpp-qt .kw1 { color: #0000ff; }
.code.cpp-qt .kw2 { color: #0000ff; }
.code.cpp-qt .kw3 { color: #0000dd; }
.code.cpp-qt .kw4 { color: #0000ff; }
.code.cpp-qt .kw5 { color: #0000ee; }
.code.cpp-qt .me1 { color: #00eeff; }
.code.cpp-qt .me2 { color: #00eeff; }
.code.cpp-qt .nu0 { color: #0000dd; }
.code.cpp-qt .st0 { color: #666666; }
.code.cpp-qt .sy0 { color: #000000; }
 
/* csharp overrides */
.code.csharp .br0 { color: #000000; }
.code.csharp .co1 { color: #008080; font-style: italic; }
.code.csharp .co2 { color: #008080; }
.code.csharp .coMULTI { color: #008080; font-style: italic; }
.code.csharp .es0 { color: #008080; font-weight: bold; }
.code.csharp .kw1 { color: #0600FF; }
.code.csharp .kw2 { color: #FF8000; font-weight: bold; }
.code.csharp .kw3 { color: #008000; }
.code.csharp .kw4 { color: #FF0000; }
.code.csharp .kw5 { color: #000000; }
.code.csharp .me1 { color: #0000FF; }
.code.csharp .me2 { color: #0000FF; }
.code.csharp .nu0 { color: #FF0000; }
.code.csharp .st0 { color: #808080; }
.code.csharp .sy0 { color: #008000; }
 
/* css overrides */
.code.css .co1 { color: #a1a100; }
.code.css .kw1 { color: #000000; font-weight: bold; }
.code.css .kw2 { color: #993333; }
.code.css .re0 { color: #cc00cc; }
.code.css .re1 { color: #6666ff; }
.code.css .re2 { color: #3333ff; }
.code.css .re3 { color: #933; }
.code.css .re4 { color: #933; }
 
/* d overrides */
.code.d .co2 { color: #a1a100; }
.code.d .kw3 { color: #aaaadd; font-weight: bold; }
 
/* delphi overrides */
.code.delphi .kw1 { color: #000000; font-weight: bold; }
.code.delphi .re0 { color: #9ac; }
 
/* diff overrides */
.code.diff .kw1 { color: #aaaaaa; font-style: italic; }
.code.diff .kw2 { color: #dd6611; }
.code.diff .re0 { color: #440088; }
.code.diff .re1 { color: #991111; }
.code.diff .re2 { color: #00b000; }
.code.diff .re3 { color: #888822; }
.code.diff .re4 { color: #888822; }
.code.diff .re5 { color: #0011dd; }
.code.diff .re6 { color: #440088; }
.code.diff .re7 { color: #991111; }
.code.diff .re8 { color: #00b000; }
.code.diff .re9 { color: #888822; }
 
/* div overrides */
.code.div .br0 { color: #44aa44; }
.code.div .kw1 { color: #0040b1; }
.code.div .kw2 { color: #000000; }
.code.div .kw3 { color: #000066; font-weight: bold; }
.code.div .me0 { color: #202020; }
.code.div .sy0 { color: #44aa44; }
 
/* dos overrides */
.code.dos .kw1 { color: #00b100; font-weight: bold; }
.code.dos .kw3 { color: #b1b100; font-weight: bold; }
.code.dos .kw4 { color: #0000ff; font-weight: bold; }
.code.dos .re0 { color: #b100b1; font-weight: bold; }
.code.dos .re1 { color: #448844; }
.code.dos .re2 { color: #448888; }
.code.dos .sy0 { color: #33cc33; }
.code.dos .sy1 { color: #33cc33; }
 
/* eiffel overrides */
.code.eiffel .br0 { color: #FF0000; }
.code.eiffel .co1 { color: #008000; font-style: italic; }
.code.eiffel .es0 { color: #005070; font-weight: bold; }
.code.eiffel .kw1 { color: #0600FF; font-weight: bold; }
.code.eiffel .kw2 { color: #0600FF; font-weight: bold; }
.code.eiffel .kw3 { color: #800080; }
.code.eiffel .kw4 { color: #800000 }
.code.eiffel .kw5 { color: #603000; }
.code.eiffel .me1 { color: #000060; }
.code.eiffel .me2 { color: #000050; }
.code.eiffel .nu0 { color: #FF0000; }
.code.eiffel .st0 { color: #0080A0; }
.code.eiffel .sy0 { color: #600000; }
 
/* fortran overrides */
.code.fortran .co2 { color: #339933; }
.code.fortran .me1 { color: #202020; }
.code.fortran .me2 { color: #202020; }
 
/* freebasic overrides */
.code.freebasic .co1 { color: #808080; }
.code.freebasic .co2 { color: #339933; }
.code.freebasic .es0 { color: #000099; }
.code.freebasic .me0 { color: #66cc66; }
 
/* gml overrides */
.code.gml .br0 { color: #000000; }
.code.gml .co1 { font-style: italic; color: green; }
.code.gml .coMULTI { font-style: italic; color: green; }
.code.gml .kw1 { font-weight: bold; color: #000000; }
.code.gml .kw2 { font-weight: bold; color: #000000; }
.code.gml .kw3 { color: navy; }
.code.gml .kw4 { color: brown }
.code.gml .me1 { color: #202020; }
.code.gml .sy0 { color: #66cc66; font-weight: bold; }
 
/* groovy overrides */
.code.groovy .co2 { color: #a1a100; }
.code.groovy .kw3 { color: #aaaadd; font-weight: bold; }
.code.groovy .kw5 { color: #663399; }
.code.groovy .kw6 { color: #CC0099; }
.code.groovy .kw7 { color: #FFCC33; }
.code.groovy .kw8 { color: #993399; }
.code.groovy .kw9 { color: #993399; font-weight: bold; }
 
/* html4strict overrides */
.code.html4strict .sc0 { color: #00bbdd; }
.code.html4strict .sc1 { color: #ddbb00; }
.code.html4strict .sc2 { color: #009900; }
 
/* idl overrides */
.code.idl .br0 { color: #808080; }
.code.idl .co1 { color: #3f7f5f; }
.code.idl .co2 { color: #808080; }
.code.idl .coMULTI { color: #4080ff; font-style: italic; }
.code.idl .es0 { color: #666666; font-weight: bold; }
.code.idl .kw1 { color: #990078; font-weight: bold }
.code.idl .kw2 { color: #36dd1c; }
.code.idl .kw3 { color: #990078; font-weight: bold }
.code.idl .kw4 { color: #0000ec; }
.code.idl .nu0 { color: #0000dd; }
 
/* ini overrides */
.code.ini .co0 { color: #666666; font-style: italic; }
.code.ini .re0 { color: #000066; font-weight:bold; }
.code.ini .re1 { color: #000099; }
.code.ini .re2 { color: #660066; }
.code.ini .st0 { color: #933; }
.code.ini .sy0 { color: #000066; font-weight:bold; }
 
/* inno overrides */
.code.inno .co1 { color: #33FF00; font-style: italic; }
.code.inno .coMULTI { color: #33FF00; font-style: italic; }
.code.inno .kw1 { color: #000000; font-weight: bold; }
.code.inno .kw2 { color: #000000;font-style: italic; }
.code.inno .kw3 { color: #0000FF; }
.code.inno .kw4 { color: #CC0000; }
.code.inno .sy0 { color:  #000000; font-weight: bold; }
 
/* java overrides */
.code.java .co2 { color: #a1a100; }
.code.java .kw3 { color: #aaaadd; font-weight: bold; }
 
/* java5 overrides */
.code.java5 .kw10 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw100 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw101 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw102 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw103 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw104 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw105 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw106 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw107 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw108 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw109 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw11 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw110 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw111 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw112 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw113 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw114 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw115 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw116 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw117 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw118 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw119 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw12 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw120 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw121 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw122 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw123 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw124 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw125 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw126 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw127 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw128 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw129 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw13 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw130 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw131 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw132 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw133 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw134 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw135 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw136 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw137 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw138 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw139 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw14 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw140 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw141 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw142 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw143 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw144 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw145 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw146 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw147 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw148 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw149 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw15 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw150 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw151 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw152 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw153 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw154 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw155 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw156 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw157 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw158 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw159 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw16 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw160 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw161 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw162 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw163 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw164 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw165 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw166 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw17 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw18 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw19 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw20 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw21 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw22 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw23 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw24 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw25 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw26 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw27 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw28 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw29 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw3 { color: #993333; }
.code.java5 .kw30 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw31 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw32 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw33 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw34 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw35 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw36 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw37 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw38 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw39 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw4 { color: #b13366; }
.code.java5 .kw40 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw41 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw42 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw43 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw44 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw45 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw46 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw47 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw48 { color: #aaaadd; font-weight: bold; }
.code.java5 .kw49 { color: #aaaadd; font-weight: bold;