Skip to content

Instantly share code, notes, and snippets.

@phanirithvij
Created August 28, 2020 17:51
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • 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

phanirithvij commented Aug 28, 2020

Can be used via installing the Stylus chrome extension
https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

@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