<?php

$defaultBG = '#aaaaff';
$defaultFG = '#000000';
session_start();
if ($_SERVER['REQUEST_METHOD'] === 'POST'){
    $_SESSION['fg-color'] = $_POST['fg-color'];
    $_SESSION['bg-color'] = $_POST['bg-color'];
    header('Location: example.php');
    exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Dynamic color</title>
    <link rel="stylesheet" href="style.css">
    <style>
        :root {
            --bg-color: <?=$_SESSION['bg-color'] ?? $defaultBG?>;
            --fg-color: <?=$_SESSION['fg-color'] ?? $defaultFG?>;
        }
    </style>
</head>
<body>
<form method="post">
    <p><label>Foreground color: <input type="color" name="fg-color" value="<?=$_SESSION['fg-color'] ?? $defaultFG?>"></label></p>
    <p><label>Background color: <input type="color" name="bg-color" value="<?=$_SESSION['bg-color'] ?? $defaultBG?>"></label></p>
    <p>
        <button type="submit">Save preference</button>
    </p>
    <p>[<a href="./?source=example.php">view source</a>]</p>
</form>
</body>
</html>