Skip to content

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

Style tweak for notion, take away shadows.

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;
}
}

Reviews

No reviews yet.