Dokuwiki Dark Template

The template (theme) used for this site was based on the original dokuwiki theme and modified in accordance with the guidelines to suit my own preferences.

You can see the template in action on this site; for more detail of the various styles, see Formatting Syntax.

News

If you're using this theme on your website, why not add a link to the entry for this theme at the main dokuwiki site.

The theme has been updated to make some changes to the style sheet to improve contrast and readability when viewing revision differences. (Thanks to Adrian Wallaschek for reporting that problem).

New version is 1.1 (2008-08-11), and you can download it from the download section below.

Compatibility

  • This theme is compatible with 2008-05-05 release of dokuwiki.
  • This theme is compatible with 2007-06-26b release of dokuwiki.

Changes

Screenshot

I made the following changes to the default template.

  • Changed the colours LOL
  • Added a __visited_link__ colour definition to style.ini.
  • Updated a couple of graphics, notably the shading effects for the buttons, and I negated the favicon. It's not brilliant, but it's more in tune with the theme.
  • I copied the syntax highlighting styles from the main stylesheet into my own template and moved the actual colour definitions into the styles.ini file, and customised them a bit.
  • Modified the page layout to limit the width of the page. In my opinion when views at a high resolution the page gets too difficult to read if it's too wide.
  • Created a new __text_logo__ option for the site name and the brackets around the page name, allowing me to have different colour for the button bar background and the site text.

Maybe some of my changes will find their way back into the trunk for Dokuwiki.

I'm still not entirely happy with all of the colours. Some things are also proving harder to change. The TOC arrow for instance, is a source of annoyance. The image should really be part of the template, and not the main code.

Updates

The TOC arrow problem has been fixed in the latest release of Dokuwiki (2007-06-26b) that is now also powering this site (I can't shake the feeling though that I overlooked something). The template did not require any updates and until I discover otherwise I'll assume it works entirely with the latest version.

Download

Like the default template for Dokuwiki, I've making my own template available under the GPL license.

Notes Plugin

I had to modify the notes plugin so that the note elements did not stick out garishly. The changes I made are two-fold. I modified the style.css file to use the replacements tags that I then defined in my templates style.ini file.

The changed Notes plugin style (lib\plugins\note\style.css):

.noteclassic, .noteimportant, .notewarning, .notetip {
  margin: 2em;
  margin-left: auto;
  margin-right: auto;
  width: 70% !important;
  min-height: 40px;
  clear: both;
  text-align: justify;
  vertical-align: middle;
  border-collapse: collapse;
  padding: 15px 20px 15px 80px;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
}
 
.noteclassic {
  /*border: 1px solid #99D;*/
  background-color: __note_classic__;
  background-image: url(images/note.png);
}
 
.noteimportant {
  /*border: 1px solid #ff0;*/
  background-color: __note_important__;
  background-image: url(images/important.png);
}
 
.notewarning {
  /*border: 1px solid #d99;*/
  background-color: __note_warning__;
  background-image: url(images/warning.png);
}
 
.notetip {
  /*border: 1px solid #9d9;*/
  background-color: __note_tip__;
  background-image: url(images/tip.png);
}

The following entries were added to my own template's style.ini

; Note Plugin Colours
__note_classic__   = "#002051" 
__note_warning__   = "#A00000"
__note_important__ = "#7A7A28"
__note_tip__       = "#436530"

Comments

I've had to disable comments as I was getting too much spam, sorry.

projects/dokuwiki/dokuwiki_dark_theme.txt · Last modified: 2008/12/17 10:45 by martinsgill
Firefox 3 Mandriva Linux National Secular Society Humanism Lib Dems