Nixius
/
lucky-ddg
forked from colin/resume
2
0
Fork 0
Code Pull Requests Activity

Enhance theme toggle accessibility and confirm auto mode default

This commit is contained in:
Your Name 2025-03-31 04:39:44 -04:00
parent 015f8ce76f
commit 39caf88782
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
docker/resume/styles.css
View File

@ -155,13 +155,18 @@ hr {
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
color: var(--text-color); color: var(--text-color);
transition: background-color 0.3s ease; transition: all 0.3s ease;
} }
#themeToggle:hover { #themeToggle:hover {
background-color: var(--theme-hover); background-color: var(--theme-hover);
} }
#themeToggle:focus {
outline: 2px solid var(--accent-color);
outline-offset: 2px;
}
@media (max-width: 600px) { @media (max-width: 600px) {
body { body {
padding: 10px; padding: 10px;

4
docker/resume/theme.js
View File

@ -4,6 +4,10 @@ document.addEventListener('DOMContentLoaded', function() {
// Check for saved theme preference, default to auto // Check for saved theme preference, default to auto
const savedTheme = localStorage.getItem('theme') || 'auto'; const savedTheme = localStorage.getItem('theme') || 'auto';
// Set initial value for aria-pressed attribute
themeToggle.setAttribute('aria-pressed', savedTheme !== 'auto');
updateTheme(savedTheme); updateTheme(savedTheme);
function updateTheme(theme) { function updateTheme(theme) {