Reforgion - Notion Reforged by amaruelle

/* ==UserStyle==
@name         Reforgion - Notion Reforged
@version      20230216.08.49
@namespace    userstyles.world/user/amaruelle
@description  Completely rounded corners of all objects (including tables, selections, callouts) + some quality of life improvements, paddings and some colors are changed for better experience.

The style was improved, adapted to dark mode, reimagined and completed, but the bugs can still remain, so feel free to post them, or write me in TG: @bulkabuka
@author       amaruelle
@license      CC Zero
==/UserStyle== */

@-moz-document domain("notion.so") {
/* ==UserStyle==
@name           Reforgion
@namespace      notion.so
@version        1.5.0
@description    Complete restyle of Notion
@author         AmaruelleOF
@preprocessor stylus
@var select theme "Select theme" ["dark:Dark theme", "light:Light theme"]
==/UserStyle== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
    font-family: 'Inter', sans-serif!important;
}

div[style*='background:rgba(135,131,120,0.15)']{
    background: rgba(135,131,120,0.15) !important;
}

span[style*='font-family:"SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace;line-height:normal;background:rgba(135,131,120,0.15);color:#EB5757;border-radius:3px;font-size:85%;padding:0.2em 0.4em'], span[style*='color:#EB5757;border-bottom:0.05em solid'], span[style*='text-decoration:line-through;font-family:"SFMono-Regular"']{
    font-family: "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace!important;
    background: rgb(237, 237, 237)!important;
    color: rgb(34, 34, 34)!important;
    border: 1px solid #34343426;
    border-radius: 8px!important;
}

div[style*='background: rgb(231, 243, 248);'], div[style*='background: rgb(29, 40, 46)']{
    border-radius: 8px!important;
    border: 1px solid rgba(105, 140, 154, .21);
}

div[style*='background: rgb(241, 241, 239);'], div[style*='background: rgb(37, 37, 37)']{
    border-radius: 8px!important;
    border: 1px solid rgba(79, 79, 77, .26);
}

div[style*='background: rgb(244, 238, 238);'], div[style*='background: rgb(47, 39, 35)']{
    border-radius: 8px!important;
    border: 1px solid rgba(98, 93, 93, .21);
}

div[style*='background: rgb(251, 236, 221);'], div[style*='background: rgb(56, 40, 30)']{
    border-radius: 8px!important;
    border: 1px solid rgba(112, 105, 98, .21);
}

div[style*='background: rgb(251, 243, 219);'], div[style*='background: rgb(57, 46, 30)']{
    border-radius: 8px!important;
    border: 1px solid rgba(104, 100, 89, .21);
}

div[style*='background: rgb(237, 243, 236);'], div[style*='background: rgb(34, 43, 38)']{
    border-radius: 8px!important;
    border: 1px solid rgba(73, 77, 72, .21);
    background: rgb(187, 242, 174)
}

div[style*='background: rgb(231, 243, 248);']{
    border-radius: 8px!important;
    border: 1px solid rgba(83, 92, 96, .21);
}

div[style*='background: rgba(244, 240, 247, 0.8);'], div[style*='background: rgb(43, 36, 49)']{
    border-radius: 8px!important;
    border: 1px solid rgba(85, 83, 87, .21);
}

div[style*='background: rgba(249, 238, 243, 0.8);'], div[style*='background: rgb(48, 34, 40)']{
    border-radius: 8px!important;
    border: 1px solid rgba(105, 98, 101, .21);
}

div[style*='background: rgb(253, 235, 236);'], div[style*='background: rgb(54, 36, 34)']{
    border-radius: 8px!important;
    border: 1px solid rgba(92, 83, 84, .21);
}

div[style*='border-radius: 3px'], div[style*='border-radius: 4px']{
    border-radius: 8px!important;
}

div[style*='text-decoration: line-through rgba(55, 53, 47, 0.25);'], div[style*='text-decoration: line-through rgb(127, 127, 127)']{
    text-decoration: none!important;
}

.notion-selectable-halo {
    border-radius: 8px!important;
}

.temp-item:focus, .temp-item:hover, .notion-focusable:focus, .notion-focusable{
    border-radius: 8px!important;
}

div[style='max-width: 100%; width: 100%; white-space: pre-wrap; word-break: break-word; caret-color: rgb(55, 53, 47); padding: 3px 2px; font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 600; font-size: 1.25em; line-height: 1.3;'], div[style='max-width: 100%; width: 100%; white-space: pre-wrap; word-break: break-word; caret-color: rgb(55, 53, 47); padding: 3px 2px; font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 600; font-size: 1.5em; line-height: 1.3;'], div[style='max-width: 100%; width: 100%; white-space: pre-wrap; word-break: break-word; caret-color: rgb(55, 53, 47); padding: 3px 2px; font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 600; font-size: 1.875em; line-height: 1.3;']{
    font-family: 'Inter', sans-serif!important;
}

div[style*='border-left: 3px solid currentcolor; padding-left: 14px; padding-right: 14px; width: 100%;']{
    border-radius: 8px!important;
}

div[style*='background']{
    border-radius: 8px!important;
}

img:not([alt]){
    border-radius: 8px!important;
}

div[style*='padding-left: 6px; padding-right: 6px;']{
    padding: 10px!important;
}

a[style='display: block; color: inherit; text-decoration: none; box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px; border-radius: 3px; background: white; overflow: hidden; transition: background 100ms ease-out 0s; position: static; height: 100%;']{
    border-radius: 8px!important;
}

a:active, a:hover{
    border-radius: 8px!important;
}

span[style*='background']{
    border-radius: 4px!important;
    padding: 4px!important;
    overflow: visible;
}

.notion-collection-view-item-add{
    padding: 2px!important;
    gap: 5px!important;
}

div[style='display: flex; align-items: center; height: 40px; box-shadow: rgb(233, 233, 231) 0px -1px 0px inset; z-index: 1; position: sticky; left: 96px; width: 100%;']{
    border-radius: 8px!important;
}

div[style='display: flex; align-items: center; height: 40px; box-shadow: rgb(47, 47, 47) 0px -1px 0px inset; z-index: 1; position: sticky; left: 96px; width: 100%;']{
    border-radius: 8px!important;
}


table { 
    /*border: 1px solid #ddd!important;*/
    border-collapse: separate!important;
    border-left: 0!important;
    border-radius: 8px!important;
    border-spacing: 0px!important;
}
thead {
    display: table-header-group!important;
    vertical-align: middle!important;
    border-color: inherit!important;
    border-collapse: separate!important;
}
tr {
    display: table-row!important;
    vertical-align: inherit!important;
    border-color: inherit!important;
}
th, td {
    padding: 5px 4px 6px 4px!important; 
    text-align: left!important;
    vertical-align: top!important; 
    /*    border-left: 1px solid #ddd!important;  */ 
}

/*
td {
    border-top: 1px solid #ddd!important;    
}
*/

thead:first-child tr:first-child th:first-child, tbody:first-child tr:first-child td:first-child {
    border-radius: 8px 0 0 0!important;
}
thead:last-child tr:last-child th:first-child, tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 8px!important;
}

tr:first-of-type {
  border-top-left-radius: 8px;
}

tr:first-of-type td:last-of-type {
  border-top-right-radius: 8px;
}

tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 8px;
}

tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 8px;
}

a[style='display: block; color: inherit; text-decoration: none; box-shadow: rgba(15, 15, 15, 0.2) 0px 0px 0px 1px, rgba(15, 15, 15, 0.2) 0px 2px 4px; border-radius: 3px; background: rgba(255, 255, 255, 0.055); overflow: hidden; transition: background 100ms ease-out 0s; position: static; height: 100%;']{
    border-radius: 8px!important;
}

img[style='display: block; object-fit: cover; border-radius: 100%; width: 100%; height: 100%;'], div[style='background: rgb(155, 155, 155); border-radius: 100%; box-shadow: rgba(15, 15, 15, 0.2) 0px 2px 4px;'], div[style='border-radius: 100%; width: 23px; height: 23px; max-width: 100%; max-height: 100%; display: flex; align-items: center; justify-content: center; user-select: none; opacity: 1;']{
    border-radius: 50%!important;
}

img[style*='display: block; object-fit: cover; border-radius: 0px; width: 100%; height: 30vh; opacity: 1']{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px!important;
    width: 95%!important;
}

div[style*='border: 2px solid rgb(94, 135, 201); border-radius: 2px'], div[style*='border: 2px solid rgb(116, 182, 219); border-radius: 2px']{
    border-radius: 8px!important;
}

div[style='width: 100%; height: 1px; visibility: visible; border-bottom: 1px solid rgba(55, 53, 47, 0.16);'], div[style="width: 100%; height: 1px; visibility: visible; border-bottom: 1px solid rgba(255, 255, 255, 0.13);"]{
    border-width: 2px!important;
    border-radius: 8px!important;
}

div[style*='box-shadow: rgb(47, 47, 47) 0px -1px 0px inset']{
    border-radius: 8px!important;
}

img[style*='border-radius: 100%'], div[style*='border-radius: 100%']{
    border-radius: 100%!important;
}

.notion-sidebar .notion-scroller.vertical::-webkit-scrollbar {
	width: 10px;
}

.notion-sidebar .notion-scroller.vertical::-webkit-scrollbar-thumb {
	border-radius: 8px;
}

.notion-frame .notion-scroller.vertical::-webkit-scrollbar {
	width: 12px;
}

.notion-frame .notion-scroller.vertical::-webkit-scrollbar-thumb {
    border-radius: 8px;
}

.notion-selectable .notion-scroller.horizontal::-webkit-scrollbar {
    height: 12px;
}

.notion-selectable .notion-scroller.horizontal::-webkit-scrollbar-track{
    margin-left: 110px;
    margin-right: 29px;
    border-radius: 20px;
}

.notion-selectable .notion-scroller.horizontal::-webkit-sc...