Ozibug - web based bug tracking


  1. Introduction
  2. Specifying a colour
  3. Examples
    1. Traditional
    2. Traditional Blue
    3. Smooth Blue
    4. Green Boss
    5. Grey Day Red
    6. Grey Day Blue
    7. Reverse
  4. Conclusion
Back to index
 

You can create your own colour scheme theme to fit in with your company, project or simply to suite your preferences. Everyone has their favourite colour and in Ozibug you can reflect that with your own theme.

The colour schemes for Ozibug and its users are defined in two places. The first is in the System Preferences, the second is in each of the users' individual preferences.

Maintain system preferences To change the system preferences, login as the admin user and select the system preferences icon. You will then see the following form with the displayed values at the top. These values define the colours that will be used for the default Ozibug pages such as the login and logout screen.

Preferences (system)
Background colour
Foreground colour
Data colour
Base colour
Highlight colour

Maintain user preferences To change your user preferences, login as yourself and select the user preferences icon. You will then see the following form with the displayed values at the top. These values define the colours that will be used for all the Ozibug pages displayed after you have logged in successfully.

Preferences
Background colour
Foreground colour
Data colour
Base colour
Highlight colour

The values displayed in the two forms above form the default colour scheme theme shipped with Ozibug called Traditional.

Back to top
 

You can specify a colour in one of three ways.

  1. RGB triple rgb(r,g,b)

    The red, green and blue components of the colours are expressed as a decimal values between 0 and 255.

  2. Hex triple #RRGGBB

    The red, green and blue components of the colours are expressed as a hexadecimal values between 00 and FF and prefixed with the # symbol.

  3. Name specification name_of_simple_colour

    The colour is specified by name, note that this method will only work for a well known set of colours which will be dependent on your browser.

The following examples show the specification of the colour yellow using the three methods described above.

  1. rgb(255,255,0)
  2. #FFFF00
  3. yellow

See the following examples for some more specification examples.

Back to top
 
This default theme shipped with Ozibug, very suitable for every day use.
Preferences
Background colour
Foreground colour
Data colour
Base colour
Highlight colour
Traditional
Back to top
 
This is a subtle blue variation on the default theme shipped with Ozibug, the foreground colour matches the dark blue base colour and the highlight is blue rather than red. Some people find this more consistent.
Preferences
Background colour
Foreground colour
Data colour
Base colour
Highlight colour
Traditional Blue
Back to top
 
This scheme has a cool refreshing theme which blends nicely with the default Ozibug logo. This is one of Eric Ozibug's favourite schemes and is guaranteed to keep you cool when everything around you is falling to pieces.
Preferences
Background colour
Foreground colour
Data colour
Base colour
Highlight colour
Smooth Blue
Back to top
 
This scheme replaces blue with green to produce a calming feeling, ideal for your boss.
Preferences
Background colour
Foreground colour
Data colour
Base colour
Highlight colour
Green Boss
Back to top
 
This scheme has a dark shady grey character with a sharp contrasting red foreground colour. Many highly stressed administrators use this theme to keep them awake and alert. Note the use of the alternate colour definitions for black (rgb: 0,0,0) and red (rgb: 255,0,0).
Preferences
Background colour
Foreground colour
Data colour
Base colour
Highlight colour
Grey Day Red
Back to top
 
A subtle Blue variation on the Grey Day theme which makes all the difference to the overall impression of this scheme. This theme is popular with the less stressed administrator ! Again note the use of the alternate colour definitions for black (rgb: 0,0,0) and blue (rgb: 0,0,255).
Preferences
Background colour
Foreground colour
Data colour
Base colour
Highlight colour
Grey Day Blue
Back to top
 
A reverse colour scheme using lighter colours (white and grey) as the text and data backgrounds while using three shades of blue for the base, foreground and highlight colours.
Preferences
Background colour
Foreground colour
Data colour
Base colour
Highlight colour
Reverse
Back to top
 
The customization of the colour schemes coupled with the ability to add your corporate logo and name (not to mention the access controls) makes Ozibug especially suited to open up to your customers over the internet.
If you have created your own theme why not send it to us here so we can display your work along with all the others.
Back to top
 
Back to index