PHP Theme Switcher Demo
Your current theme is: light Mode
Your current theme is: light Mode
<?php
// code;
error_reporting(E_ALL); // set error reporting to all
$self = basename($_SERVER['SCRIPT_NAME']);
// code
$theme = 'light'; // Default theme is light
$submit = isset($_POST['submit']) ? $_POST['submit'] : null;
switch ($submit)
{
case 'Set Light Mode':
setcookie('theme', 'Light', time() + 3600 * 24 * 30); // Set Light mode cookie for 30 days
$theme = 'Light'; // Set theme to light
header("Location: $self"); // Reload the page to apply the new cookie
exit;
break;
case 'Set Dark Mode':
setcookie('theme', 'Dark', time() + 3600 * 24 * 30); // Set Dark mode cookie for 30 days
$theme = 'Dark'; // Set theme to dark
header("Location: $self"); // Reload the page to apply the new cookie
exit;
break;
case 'Reset Theme':
setcookie('theme', '', time() - 3600); // Delete the theme cookie
$theme = 'Light'; // Reset to default theme
header("Location: $self"); // Reload the page to apply the reset theme to light
exit;
break;
}
if (isset($_COOKIE['theme']))
{
$theme = $_COOKIE['theme'];
}
include('../includes/header.php');
?>
<h1>PHP Theme Switcher Demo</h1>
<p>
Your current theme is: <span class="red"><?php echo $theme; ?> Mode</span>
</p>
<hr>
<form name="my_form" action="<?php echo($self); ?>" method="post">
<table>
<fieldset>
<legend>Theme Options</legend>
<input type="submit" name="submit" value="Set Light Mode">
<input type="submit" name="submit" value="Set Dark Mode">
<input type="submit" name="submit" value="Reset Theme">
</fieldset>
</table>
</form>
<br>
<?php
include('../includes/footer.php');
?>
<style>
body {
background-color: <?php echo ($theme == 'Dark' ? '#2c2c2c' : '#E5ECFF'); ?>;
font-family: Arial, sans-serif;
transition: background-color 0.5s, color 0.5s; /* Smooth transition for background and text color */
}
.red {
color: <?php echo ($theme == 'dark' ? '#ff6347' : '#0000ff'); ?>;
}
</style>