DUSK & DAWN - ForumSpark theme by Pixel Point
https://pixel-point.net/
=============================================

A day and night theme. Light mode is a sunset with a sun, and dark mode is a
night sky with stars and a moon. Both share a floating header and mountains.


INSTALLING
----------
1. Upload dusk-and-dawn.theme.json to ForumSpark as a theme package.
2. Activate it under Admin > Appearance > Themes.

Updating from an older version? Re-uploading keeps your saved colours and
font. To get a new version's colours, remove the theme and upload it again.
Any edits you've made will need redoing, so copy them somewhere first.


EDITING THE BANNER
------------------
1. Go to Admin > Appearance > Themes and open Dusk & Dawn in Theme Studio.
2. Open the Custom CSS section.
3. At the very top you'll find the block marked "BANNER":

     body.b2 {
         --bh-logo-text: "Your";
         --bh-logo-accent: " Board";
         --bh-logo-size: 1.5rem;
         --bh-home-hero: 150px;
         --bh-hero-height: 92px;
         --bh-orb: #fff1bd;
         --bh-orb-glow: rgba(255, 233, 160, .6);
         ...
     }
     body.b2.dark {
         --bh-orb: rgba(255, 255, 255, .92);
         --bh-orb-glow: rgba(255, 255, 255, .2);
     }

4. Change the values you want, then save.

     --bh-logo-text      The first word(s) of the logo.
     --bh-logo-accent    The second word(s), in a softer tint. Keep the space
                         at the start (" Board") so the words don't run
                         together. Use "" for one colour only.
     --bh-logo-size      How big the logo text is (e.g. 1.3rem or 1.8rem).
     --bh-home-hero      How tall the sky is on the board home page.
     --bh-hero-height    How tall the sky is on every other page.
     --bh-orb            The sun colour. In the body.b2.dark block, the moon.
     --bh-orb-glow       The glow around the sun or moon.

   Example:
         --bh-logo-text: "Retro";
         --bh-logo-accent: " Gaming";
         --bh-home-hero: 220px;

Tips
- Keep the quotes and the semicolon at the end of each line.
- The logo sits inside the header bar, so short names look best.
- Edit the values already in the block rather than adding new lines above it.
- Phones use a shorter sky and don't show the sun or moon.


CHANGING THE BANNER COLOURS
---------------------------
In Theme Studio > Colors, set Light for the sunset and Dark for the night:

- Header from / Header to   The sky, top to bottom, and the footer.
- Nav background            The floating header bar and category bands.
- Nav colour                The header links and the logo's second word.
- Nav active colour         The current tab and the logo's first word.
- Nav active background     The glow on the horizon.
- Body background           The page, and the mountains in front of the sky.
- Button success            The sun or moon buttons (Register, New Topic).


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

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

3. Save.