better dark mode
vade-notion by mattyschaefer
Details
Authormattyschaefer
LicenseNo License
Categorynotion
Created
Updated
Size1.8 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Notion Dark Legacy
@version 20220223.10.26
@namespace userstyles.world/user/matteogauthier
@description Notion.so recently change their dark mode to a darker black background, this style snippet change to the legacy colors.
@author matteogauthier
@license No License
==/UserStyle== */
@-moz-document domain("notion.so") {
.notion-body.dark .notion-frame {
background: #2f3338 !important;
}
.notion-body.dark div.notion-cursor-listener > div:nth-child(2) > div:first-child {
background: #2f3338 !important;
}
.notion-body.dark .notion-scroller .notion-collection-view-body > .notion-board-view > div > div,
.notion-body.dark .notion-scroller .notion-collection-view-body > .notion-board-view > div > div > div {
background: #2f3338 !important;
}
.notion-body.dark .notion-sidebar-container {
background: #272b2f !important;
}
.notion-callout-block > div > div {
border-radius: 5px !important;
width: 100% !important;
background: #444651 !important;
margin: auto !important;
color: #fff !important;
padding: 1% !important;
}
/* Bolder and brighter text in dark mode */
.notion-body [style^="font-weight=600"] {
font-weight: 800 !important;
color: #ffffff;
}
.notion-sidebar {
font-weight: 400;
color: #ffffff;
}
/* Colored link text in dark mode */
.notion-page-content a {
color: #ffffff !important;
text-decoration: none;
}
a:hover {
color: #eaeaea !important;
text-decoration: none;
}
.notion-file-block {
color: #f1ff85 !important;
background: #20202061;
}
}