Style tweak for notion, take away shadows.
Notion - no shadow by picchono
Details
Authorpicchono
LicenseNo License
Categoryuserstyles
Created
Updated
Size1.4 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.so
@version 20220524.05.56
@namespace userstyles.world/user/picchono
@description Style tweak for notion, take away shadows of boxes.
@author picchono
@license No License
==/UserStyle== */
@-moz-document domain("notion.so") {
:root {
--color-notion: #f7f7f7;
--color-side: #f0f0f0;
}
/* general */
* {
font-family: "avenir", "worksans", sans-serif !important;
color: #1b1b1b;
}
.notion-frame {
background: var(--color-notion) !important;
}
/* side */
.notion-sidebar {
background: var(--color-side) !important;
}
/* blocks */
.notion-gallery-view .notion-collection-item.notion-page-block a {
box-shadow: none !important;
border: 1px solid #DDD !important;
border-radius: 5px !important;
}
.notion-list-view .notion-page-block.notion-collection-item .notranslate {
border-bottom: 0px !important;
}
.notion-list-view .notion-collection_view-block > div > div > div:first-child {
background: var(--color-notion) !important;
}
/* colors */
svg.pageEmpty {
fill: rgba(50, 147, 232, 0.85) !important;
}
svg.page {
fill: rgba(19, 84, 104, 0.85) !important;
}
/* action menu */
.notion-text-action-menu > div > div {
box-shadow: none !important;
border: 1px solid #CCC !important;
border-radius: 5px !important;
}
/* code black */
.notion-code-block > div > div {
background: rgb(230, 228, 224) none repeat scroll 0% 0% !important;
}
}