index.sql

SELECT 'dynamic' AS component,
	sqlpage.run_sql('shell.sql')
	AS properties;

SELECT 'title' AS component,
	'Toggle Light / Dark Mode' AS contents,
	TRUE AS center;

SELECT 'text' AS component;
SELECT 'This is a demo of a light/dark background toggle mecanism for websites built with [SQLpage](https://sql.datapage.app/), Ophir Lojkine''s fantastic tool

## Installation

The SQL backend to this is SQLite, so the installation is easy:

1. [Install SQLpage](https://sql.datapage.app/your-first-sql-website/)

1. Clone SQLpage''s repository: `git clone https://github.com/lovasoa/SQLpage.git`

1. cd to `SQLpage/examples/light-dark-toggle` and run `sqlpage` in the cloned directory

1. Open a browser window to `http://localhost:5005`

## Usage

The initial background theme is light. To switch to dark mode, click on the '' ☀ '' symbol on the right of the top menu bar. Click on the same symbol to switch back to light mode.

I have included some dummy pages under a mock ''Categories'' menu to show that the ''light'' or ''dark'' setting is kept between pages. This is done by setting and reading a cookie called ''lightdarkstatus''.' AS contents_md;