Skip to content

Instantly share code, notes, and snippets.

@phanirithvij
Created August 28, 2020 17:51
Show Gist options
  • Save phanirithvij/63c6cdab5cc8ec6ad93093bc9738e23c to your computer and use it in GitHub Desktop.
Save phanirithvij/63c6cdab5cc8ec6ad93093bc9738e23c to your computer and use it in GitHub Desktop.
Notion darker theme with fixed scrollbar sizes
@-moz-document domain("notion.so") {
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #414141;
}
::-webkit-scrollbar-thumb {
background: #000;
border-radius: 10px;
;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}
}
@-moz-document domain("notion.so") {
/* Taken from userstyles https://userstyles.org/api/v1/styles/css/164504 */
#notion-app .notion-sidebar-container {
background-color: #121212!important;
color: #fff!important
}
#notion-app .notion-frame {
background-color: #202020!important
}
#notion-app .notion-scroller > div:nth-child(1) {
color: #eee!important
}
#notion-app > div > div > div.notion-sidebar-container > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1),
#notion-app > div > div > div.notion-sidebar-container > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(5) > div:nth-child(1) > span > div > div > div:nth-child(2),
.notion-topbar {
color: #fff!important;
background-color: #121212!important
}
/* #notion-app .notion-scroller::-webkit-scrollbar {
width: 5px;
}
#notion-app .notion-scroller::-webkit-scrollbar * {
background: transparent;
}
#notion-app .notion-scroller::-webkit-scrollbar-thumb {
background: rgba(47, 47, 47, .1) !important;
} */
#notion-app .notion-code-block {
background: #1d1d1d;
}
#notion-app .notion-frame .notion-selectable a {
background: rgb(43, 43, 43) !important;
}
}
@phanirithvij
Copy link
Author

Extended upon the existing style from UserStyles
Wayback link

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