Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

tweak: add styles for slim scrollbar #69

Merged
merged 2 commits into from
Oct 22, 2022
Merged

tweak: add styles for slim scrollbar #69

merged 2 commits into from
Oct 22, 2022

Conversation

andatoshiki
Copy link
Contributor

Override default scrollbar styles of the traditional windows ver. via custom/css shown in the image below (also available through your README file),

image

into a slimmer version of the scrollbar with more coloured or more "vueified" element since the framework of this note site is based off vue/vitepress, image displayed below, both vertical and horizontal scrollbar included for this tweak.

image

Both scrollbars of different orientations are fixed with the width of 3px based on the similar look on the scrollbar of the TOC section, as well the colour is default to #42b883 as a regard to the vue regulation (not necessarily but yes a primary color pulled directly off from your site), as you may see in the extra css PRed into the file.

Other settings such as background scroll track colours alongside the on hover colour are also customizable based off personal preferences, comments are added.

Note that only accept this PR if you feel it fits your flavor of choice, great looking customization on vitepress! I'll definitely take this as a template for my future projects, thanks! :)

Copy link
Owner

@Charles7c Charles7c left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you very much for your pr.

In my opinion, when reading on pc, the scroll bar exists for a long time, which may cause visual fatigue if it is too bright.

So, I tweaked your pr a little bit, and by the way, made the Firefox browser look the same.

You are welcome to submit more pr again.

firefox:
firefox

webkit:
webkit

@Charles7c Charles7c merged commit cb464ed into Charles7c:main Oct 22, 2022
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.

None yet

2 participants