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

A warm, dashboard-style theme. Stone paper with a faint crosshatch, crisp
white cards, and one dark header that holds the logo, the menu and a rounded
search bar. A single burnt-amber accent ties it together and glows brighter
in dark mode.


INSTALLING
----------
1. Upload kiln.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 LOGO
----------------
The header shows the kiln mark (an arch with a flame inside) followed by
your board's name in text.

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

     body.b2 {
         --kn-logo-text: "Your Board";
         --kn-logo-size: 1.15rem;
         ...
     }

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

     --kn-logo-text      Your board's name.
     --kn-logo-size      How big the name is (e.g. 1rem or 1.4rem).


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:

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

3. Save.

The header is dark in both modes, so a light or white logo works best.


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

- Panel title from / to      The accent and its hover: forum names, dots,
                             icons, focus rings.
- Header from                The dark header, both rows.
- Nav active bg / colour     The highlighted menu item, the Register
                             button, the menu icons, the logo mark and
                             the search button.
- Body background            The paper behind the cards.
- Panel section bg           Category headers.
- Forum link colour          Titles and numbers.
- Buttons                    Flat; "from" is the resting colour and "to"
                             is the hover colour.


MORE SETTINGS
-------------
Add any of these inside a body.b2 { } block in Custom CSS:

     --kn-max-width: 1400px;              Board width (default 1680px).
     --kn-sidebar-width: 320px;           Sidebar width.
     --kn-cap-radius: 20px;               How round the header corners are.
     --kn-search-width: 18rem;            Search bar width (default 15rem).
     --kn-forum-names: var(--kn-ink);     Dark forum names instead of amber.
     --kn-hatch: none;                    Plain paper, no crosshatch.
     --kn-hatch-gap: 34px;                Crosshatch spacing (default 26px).
     --kn-tip-bg / --kn-tip-ink           Hover tooltip colours.

To change something in dark mode only, put it in a body.b2.dark { } block
instead.


Tips
- Keep the quotes and the semicolon at the end of each line.
- Short board names look best in the header.
- Edit the values already in the block rather than adding new lines above it.
- On phones the header folds into one bar, and on smaller screens the
  search becomes an icon that opens the field.
