diff --git a/mods/core/css/dark.css b/mods/core/css/dark.css index 7f235e5..3400dea 100644 --- a/mods/core/css/dark.css +++ b/mods/core/css/dark.css @@ -125,7 +125,7 @@ background: var(--theme--selected) !important; } -.dark [style*='color: rgb(46, 170, 220)'] { +.dark [style*=' color: rgb(46, 170, 220)'] { color: var(--theme--primary) !important; } .dark [style*='fill: rgb(46, 170, 220)'] { diff --git a/mods/core/css/light.css b/mods/core/css/light.css index 53dfdb3..d9cd17e 100644 --- a/mods/core/css/light.css +++ b/mods/core/css/light.css @@ -138,7 +138,7 @@ background: var(--theme--selected) !important; } -.notion-body:not(.dark) [style*='color: rgb(46, 170, 220)'] { +.notion-body:not(.dark) [style*=' color: rgb(46, 170, 220)'] { color: var(--theme--primary) !important; } .notion-body:not(.dark) [style*='fill: rgb(46, 170, 220)'] { diff --git a/mods/core/css/shared.css b/mods/core/css/shared.css index ef6901a..f9c0761 100644 --- a/mods/core/css/shared.css +++ b/mods/core/css/shared.css @@ -91,26 +91,34 @@ border-width: 0 !important; } -/* patch inconsistent padding behaviour in preview */ -.notion-peek-renderer .notion-page-content [style*='max-width: 943px;'] { - max-width: none !important; -} -.notion-peek-renderer .notion-page-view-discussion > div { - padding-left: 0 !important; - padding-right: 0 !important; -} -.notion-peek-renderer .notion-scroller.vertical > div:nth-child(2) > div { - padding-left: 15px !important; - padding-right: 15px !important; -} - /* page preview sizing */ .notion-peek-renderer > div:nth-child(2) { max-width: var(--theme--preview-width) !important; } +.notion-peek-renderer .notion-page-content [style*='max-width: 943px;'] { + max-width: none !important; +} -.notion-peek-renderer .notion-scroller.vertical > div:nth-child(2), -.notion-peek-renderer .notion-page-view-discussion, +.notion-peek-renderer + .notion-scroller.vertical + [style*='padding-left: calc(126px + env(safe-area-inset-left));'] { + padding-left: var(--theme--preview-padding) !important; +} +.notion-peek-renderer + .notion-scroller.vertical + [style*='padding-right: calc(126px + env(safe-area-inset-right));'] { + padding-right: var(--theme--preview-padding) !important; +} +.notion-peek-renderer + .notion-scroller.vertical + [style*='margin-left: calc(126px + env(safe-area-inset-left));'] { + margin-left: var(--theme--preview-padding) !important; +} +.notion-peek-renderer + .notion-scroller.vertical + [style*='margin-right: calc(126px + env(safe-area-inset-right));'] { + margin-right: var(--theme--preview-padding) !important; +} .notion-peek-renderer .notion-page-content { padding-left: var(--theme--preview-padding) !important; padding-right: var(--theme--preview-padding) !important;