We need to implement custom scrollbar styling across the entire application to align with our design system, specifically using the --persian-plum-900 color for the scrollbar thumb. This will ensure a consistent and visually appealing user experience.
Acceptance Criteria:
The scrollbar should be styled globally with the following requirements:
Scrollbar thumb color: --persian-plum-900 (#773535).
Scrollbar track color: --persian-plum-50.
Scrollbar should be thinner in width (10px on WebKit browsers).
Scrollbar thumb should change color on hover to --persian-plum-800.
The custom scrollbar should work for:
WebKit browsers (Chrome, Safari, Edge).
Firefox with appropriate color and width.
Ensure that the scrollbar functions as expected on both light and dark backgrounds in the application.
We need to implement custom scrollbar styling across the entire application to align with our design system, specifically using the --persian-plum-900 color for the scrollbar thumb. This will ensure a consistent and visually appealing user experience.
Acceptance Criteria:
The scrollbar should be styled globally with the following requirements:
Scrollbar thumb color: --persian-plum-900 (#773535). Scrollbar track color: --persian-plum-50. Scrollbar should be thinner in width (10px on WebKit browsers). Scrollbar thumb should change color on hover to --persian-plum-800. The custom scrollbar should work for:
WebKit browsers (Chrome, Safari, Edge). Firefox with appropriate color and width. Ensure that the scrollbar functions as expected on both light and dark backgrounds in the application.