Skip to content

feat: moved theme toggle next to search bar#2500

Closed
vinayak19th wants to merge 4 commits intocotes2020:masterfrom
vinayak19th:togglefix
Closed

feat: moved theme toggle next to search bar#2500
vinayak19th wants to merge 4 commits intocotes2020:masterfrom
vinayak19th:togglefix

Conversation

@vinayak19th
Copy link
Copy Markdown

@vinayak19th vinayak19th commented Aug 17, 2025

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Improvement (refactoring and improving code)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Documentation update

Description

New Feature:

  1. Integrated the new Bootstrap icons to add a large range of free icons to access
  2. Added code to make the mode-toggle button change icons based on current theme

Improvement:

  1. Moved the mode-toggle button from the sidebar to the top-bar, right next to the search bar for easier access

Additional context

Here is an image
Light mode:
Topbar
Dark mode:
topbarDark

@ivan-penchev
Copy link
Copy Markdown

So how does this look on mobile @vinayak19th :?

@vinayak19th
Copy link
Copy Markdown
Author

It's all implemented on my blog if you want to see a live version - https://www.vinayak19th.me/Blog/

Here's a screenshot for context;

image

@AlphaHasher
Copy link
Copy Markdown

I really like this change. The theme toggle being near the top makes much more sense than at the bottom of a page.

@vinayak19th vinayak19th closed this Feb 6, 2026
@vinayak19th vinayak19th deleted the togglefix branch February 6, 2026 08:17
@AlphaHasher
Copy link
Copy Markdown

AlphaHasher commented Feb 6, 2026

Why? It was a good PR. @vinayak19th

@vinayak19th
Copy link
Copy Markdown
Author

I'll make a new one with few more fixes

@AlphaHasher
Copy link
Copy Markdown

Why not just make new commits to this PR?

@vinayak19th
Copy link
Copy Markdown
Author

vinayak19th commented Feb 6, 2026 via email

@lotusk08
Copy link
Copy Markdown

lotusk08 commented Feb 8, 2026

image

It seems different with some creative features.
Good luck.

@vinayak19th
Copy link
Copy Markdown
Author

@lotusk08, yeah, I made a lot of changes to the theme to unify it better with my personal website. I won't be pushing all of them in the new PR. I've made a branch that is based on the current version of Chirpy, I basically wanna push 2 changes:

  1. Move the top bar to the bottom on mobile for better reachability
  2. Move the dark mode toggle to the top bar.

@vinayak19th
Copy link
Copy Markdown
Author

You can find the updated PR #2683 . I pushed changes to push the darkmode toggle and make some minor usability improvements to the top bar

@lotusk08
Copy link
Copy Markdown

Your button needs to update the theme status to work properly.
2026-03-23 20 52 28

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.

4 participants