SKYGLASS - ForumSpark theme by Pixel Point
https://pixel-point.net/
==========================================

INSTALLING
----------
Upload skyglass.theme.json to ForumSpark as a theme package. Once it is
installed, activate it under Admin > Appearance > Themes.


CHANGING THE BANNER TEXT
------------------------
The banner shows a text logo: a main word, an accent word in green,
and a small tagline underneath. To change it:

1. Go to Admin > Appearance > Themes and open Skyglass in Theme Studio.
2. Open the Custom CSS section.
3. At the very top you'll find the block marked "LOGO TEXT":

     body.b2 {
         --zc-logo-text: "Your";
         --zc-logo-accent: " Board";
         --zc-logo-tagline: "Your tagline goes here";
         --zc-logo-size: 2.6rem;
         ...
     }

4. Change the words between the quotes, then save.

     --zc-logo-text      The first word(s), shown in white.
     --zc-logo-accent    The second word(s), shown in green.
                         Keep the space at the start (" Board") so the
                         two parts don't run together.
     --zc-logo-tagline   The small line underneath. Use "" for no tagline.
     --zc-logo-size      How big the logo text is (e.g. 2.2rem or 3rem).
     --zc-logo-font      The font used for the logo and tagline.

   Example:
         --zc-logo-text: "Retro";
         --zc-logo-accent: " Gaming";
         --zc-logo-tagline: "Classic games and good company";

Tips
- Keep the quotes and the semicolon at the end of each line.
- Want it all in one colour? Set --zc-logo-text to your full name and
  --zc-logo-accent to "".
- Phones show a smaller version of the logo without the tagline.


CHANGING THE BANNER COLOURS
---------------------------
In Theme Studio > Colors:
- Header from / Header to   The banner's gradient (top / bottom).
- User menu colour          The main logo word and the tagline.
- Panel title from          The green accent word (also the panel headers).


USING AN IMAGE LOGO INSTEAD
---------------------------
1. Upload your logo in Theme Studio > Logo and images.
2. In the same LOGO TEXT block, change these two lines:

     --zc-logo-mode-text: none;
     --zc-logo-mode-image: block;

3. Save.
