posit-dev / posit-dev/product-doc-theme

Set scrollbar-color in dark mode

Open
#140 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
SCSS
Stars
6
Forks
5
Avg merge
1d 4h
Merged PRs (30d)
6

Description

Is your feature request related to a problem? Please describe.

On Chrome and Safari, the scrollbar has a white background that looks out of place with the rest of the theme. (Firefox apparently uses a dark version by default.)

Describe the solution you'd like

Set the scrollbar-color CSS property to something that matches our dark mode colors. (MDN says Safari doesn't support that property but the linked issue says it's been added recently.)

Additional context

Screenshot:
Image

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Locate the dark-mode SCSS styles in the product documentation theme and review the colors already used there. Set scrollbar-color to match that palette, then verify the scrollbar appearance in dark mode on the relevant browsers.

Written by the indexing model from the issue text.

Assessment

Tech stack
scss
Domain
design, documentation
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.