search

matdave / modxdarktheme

Dark theme for MODX manager
6 stars 0 forks source link

Scrollbar thumbs on document/element tree and main area are all but invisible #2

Open martinf55 opened 2 years ago

martinf55 commented 2 years ago

The -webkit prefixed rules for the scrollbar thumbs use a dark colour and low opacity, meaning they can't be seen. From index.css:

::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0 1rem rgba(13, 17, 23, 0.2); }

::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 0 1rem rgba(13, 17, 23, 0.3); }

Lightening the colour and increasing the opacity makes them more visible:

::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0 1rem rgba(93, 97, 103, 0.3); }

::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 0 1rem rgba(93, 97, 103, 0.5); }
matdave commented 2 years ago

fixed for modx 2.x