nathanwoodburn/weekly-calendar
1
0
Fork 0
generated from nathanwoodburn/python-webserver-template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Default to pink theme
All checks were successful
Build Docker / BuildImage (push) Successful in 41s
Details

Browse Source
This commit is contained in:
Nathan Woodburn
2025-09-29 21:25:30 +10:00
parent 9af865f3ef
commit d17ab73dce
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
templates/schedule.html
View File

@@ -9,7 +9,7 @@
<link rel="stylesheet" href="/assets/css/schedule.css"> <link rel="stylesheet" href="/assets/css/schedule.css">
</head> </head>
<body data-theme="dark"> <body data-theme="pink">
<div class="container"> <div class="container">
<header> <header>
<div class="header-content"> <div class="header-content">
@@ -18,11 +18,11 @@
<div class="theme-switcher desktop-only"> <div class="theme-switcher desktop-only">
<span class="theme-label">Theme:</span> <span class="theme-label">Theme:</span>
<div class="theme-buttons"> <div class="theme-buttons">
<button class="theme-btn active" data-theme="dark" title="Dark Theme"> <button class="theme-btn" data-theme="dark" title="Dark Theme">
<span class="theme-icon">🌙</span> <span class="theme-icon">🌙</span>
<span class="theme-name">Dark</span> <span class="theme-name">Dark</span>
</button> </button>
<button class="theme-btn" data-theme="pink" title="Pink Theme"> <button class="theme-btn active" data-theme="pink" title="Pink Theme">
<span class="theme-icon">🌸</span> <span class="theme-icon">🌸</span>
<span class="theme-name">Pink</span> <span class="theme-name">Pink</span>
</button> </button>
@@ -59,11 +59,11 @@
<div class="theme-switcher mobile-only"> <div class="theme-switcher mobile-only">
<span class="theme-label">Theme:</span> <span class="theme-label">Theme:</span>
<div class="theme-buttons"> <div class="theme-buttons">
<button class="theme-btn active" data-theme="dark" title="Dark Theme"> <button class="theme-btn" data-theme="dark" title="Dark Theme">
<span class="theme-icon">🌙</span> <span class="theme-icon">🌙</span>
<span class="theme-name">Dark</span> <span class="theme-name">Dark</span>
</button> </button>
<button class="theme-btn" data-theme="pink" title="Pink Theme"> <button class="theme-btn active" data-theme="pink" title="Pink Theme">
<span class="theme-icon">🌸</span> <span class="theme-icon">🌸</span>
<span class="theme-name">Pink</span> <span class="theme-name">Pink</span>
</button> </button>
@@ -76,8 +76,8 @@
const themeButtons = document.querySelectorAll('.theme-btn'); const themeButtons = document.querySelectorAll('.theme-btn');
const body = document.body; const body = document.body;
// Load saved theme or default to dark // Load saved theme or default to pink
const savedTheme = localStorage.getItem('theme') || 'dark'; const savedTheme = localStorage.getItem('theme') || 'pink';
body.setAttribute('data-theme', savedTheme); body.setAttribute('data-theme', savedTheme);
// Update active button for both switchers // Update active button for both switchers