Theme Tutorial

One good thing about SnipSnap is that all its presentation is based on CSS. With that, changing all the interface is a piece-of-cake.

During the installation you can choose among Blue, Orange and Sky Themes. So, if you choose the Orange theme, the orange theme css files will be copied into the SnipSpace under the Namespace:

• SnipSnap/themes/Orange Valley

There are quite a few Snips below that Namespace that make up the theme:

• SnipSnap/themes/Orange Valley/css (includes the css below)
• SnipSnap/themes/Orange Valley/css/page.css (page layout)
• SnipSnap/themes/Orange Valley/css/general.css (general colors, fonts)
• SnipSnap/themes/Orange Valley/css/snip.css (snip view layout)
• SnipSnap/themes/Orange Valley/css/wiki.css (wiki rendering)
• SnipSnap/themes/Orange Valley/css/debug.css (debug info rendering)

These Snips contain the CSS (Cascading Style Sheet) Information that changes the look of SnipSnap. Additionally the "Orange Valley" Snip contains pictures and icons that are used throughout SnipSnap.

• Changing Theme Structure
• Changing Theme Fonts and Decorations
• SnipSnap Theme
• Creating a new Theme