Skip to content

Instantly share code, notes, and snippets.

@Timber232

Timber232/atom_dark_theme_scroll_fix.css

Last active October 17, 2018 03:29
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save Timber232/897d3b0b413f0e38dc21 to your computer and use it in GitHub Desktop.
Save Timber232/897d3b0b413f0e38dc21 to your computer and use it in GitHub Desktop.
Download ZIP
Fix Atom's ugly scroll on third party dark themes
Raw
atom_dark_theme_scroll_fix.css
/*
Taken from:
https://atom.io/themes/seti-ui
*/
.scrollbars-visible-always {
/deep/ ::-webkit-scrollbar {
width: 8px;
height: 8px;
}
/deep/ ::-webkit-scrollbar-track,
/deep/ ::-webkit-scrollbar-corner {
background: rgba(127, 127, 127, 0.1);
}
/deep/ ::-webkit-scrollbar-thumb {
background: rgba(127, 127, 127, 0.2);
border-radius: 5px;
box-shadow: 0 0 1px rgba(127, 127, 127, 0.3) inset;
}
/deep/ ::-webkit-scrollbar-thumb:hover {
background: rgba(127, 127, 127, 0.3);
border-radius: 5px;
box-shadow: 0 0 1px rgba(127, 127, 127, 0.4) inset;
}
}
@Timber232
Copy link
Author

Add this to

Windows:
C:\Users\timothy.atom\styles.css

OS X:
/Users/timothy/.atom/style.css

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment