Skip to content

feat: Added dark theme for better accessibility#3

Open
AkashJana18 wants to merge 1 commit into
Sahilsen:mainfrom
AkashJana18:feat/dark-theme
Open

feat: Added dark theme for better accessibility#3
AkashJana18 wants to merge 1 commit into
Sahilsen:mainfrom
AkashJana18:feat/dark-theme

Conversation

@AkashJana18

Copy link
Copy Markdown

Fixes: #2

dgd.mov

Changes:

  • Added a navbar theme toggle at the right edge in index.html:64.
  • Added Light/Dark controls inside the accessibility panel in index.html:923.
  • Added warm dark-theme tokens, dark note/tag colors, responsive nav ordering, and cache-busted CSS in styles.css:64.
  • Wired both toggles to shared persisted state and reset behavior in app.js:65.

Verified:

  • node --check app.js
  • git diff --check
  • Static asset serving for styles.css?v=20 and app.js?v=6
  • Headless Chrome toggle behavior, localStorage persistence, reset behavior
  • Responsive dark-mode pass at 375, 768, and 1280 px with no horizontal overflow
  • Key contrast samples pass AA

Changes:

  - Added a navbar theme toggle at the right edge in index.html:64.
  - Added Light/Dark controls inside the accessibility panel in
index.html:923.
  - Added warm dark-theme tokens, dark note/tag colors, responsive nav
ordering, and cache-busted CSS in styles.css:64.
  - Wired both toggles to shared persisted state and reset behavior in
app.js:65.

  Verified:

  - node --check app.js
  - git diff --check
  - Static asset serving for styles.css?v=20 and app.js?v=6
  - Headless Chrome toggle behavior, localStorage persistence, reset
behavior
  - Responsive dark-mode pass at 375, 768, and 1280 px with no
horizontal overflow
  - Key contrast samples pass AA
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add dark theme

1 participant