Overview

Title

make an alternate stylesheet that shows our theme in different colorsets / fonts / etc.

Duration

144

Difficulty

Easy

Type

Code, User Interface

Tags

css,artistic

Mentors

thomaswaldmann,rb_proj,ronny_pfannschmidt,xoraxax

Count

-3

Description

Abstract

Alternate styles make it easy to offer variations of a single base theme.

Show us your design skills by creating your optimized colours, font choices, etc.

Details

See http://www.w3.org/Style/Examples/007/alternatives.html for the basics.

Hints:

• your task is NOT to create a completely new and different theme, but just kind of a subtheme / theme variant
• think about your variant's goal, like "dark", "cool", "big", "small", "fancy", ... (that can be the title then)
• develop your css in a way that it only changes stuff it needs to change and inherits everything else from the theme

• firefox offers alternate styles via "view" -> "page style" -> ...

Deliverables: a patch with your implementation, screenshots of at least show, edit and global history view, create a wiki page describing it.

Fonts

If you change fonts, keep this in mind:

• maybe use different fonts for navigation areas, page content, headings, TOC, etc.
• think about and discuss serif or sans-serif fonts
• good looking:
  • check kerning
  • check scalability (resizing)
  • check how code areas and moin's monospace markup looks like
• compatible:
  • provide fall backs
  • consider platform availability for at least linux, windows, mac
  • test with different browsers (ff, opera, chrome, ie)
  • check unicode coverage, should cover big parts of unicode, not just english/ascii
  • free license (GPL compatible)
• readable (don't use tiny font sizes, except that is a primary goal of your style)

Colours

If you change colours, keep this in mind:

• test if the smileys look ok
• check misc. views about how your colours look in practical use
• consider accessibility:
  • some people can't differentiate green and red
  • some people need high contrasts
  • avoid low contrasts between text and background of text to improve readability

Benefits

Gives a new level of (sub-)theming we did not use yet.

This way we can avoid creating multiple theme that are only different in colours (for example).

Skill Requirements

css

Extra (optional)

Links

Discussion