mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-05 05:09:03 +00:00
224 lines
6.7 KiB
CSS
224 lines
6.7 KiB
CSS
/*
|
|
* notion-enhancer
|
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
|
* (c) 2020 TarasokUA
|
|
* (c) 2020 Arecsu
|
|
* (c) 2020 u/zenith_illinois
|
|
* under the MIT license
|
|
*/
|
|
|
|
@import './localised.css';
|
|
|
|
/* colour help button - one of the few specific classes it does give us */
|
|
.notion-help-button {
|
|
background: var(--theme--interactive_hover) !important;
|
|
box-shadow: 0 0 0 0.5px var(--theme--interactive_hover-border) !important;
|
|
}
|
|
|
|
/* prevent block hover options overlaying topbar */
|
|
*:not([style*='z-index']) {
|
|
z-index: 1;
|
|
}
|
|
|
|
/* fix highlight padding: this isn't a typo */
|
|
[style*='background:rgb('] {
|
|
padding-bottom: 3px !important;
|
|
}
|
|
|
|
/* smooth transitions */
|
|
.notion-calendar-view-day,
|
|
.DayPicker-Day--today:not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end),
|
|
.DayPicker-Day.DayPicker-Day--start.DayPicker-Day--selected,
|
|
.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day--outside:hover,
|
|
.DayPicker:not(.DayPicker--interactionDisabled)
|
|
.DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end) {
|
|
transition: all 200ms ease !important;
|
|
}
|
|
.notion-token-remove-button {
|
|
transition: opacity 200ms ease !important;
|
|
}
|
|
.notion-to_do-block > div > div > div[style*='background:'] {
|
|
transition: background 200ms ease !important;
|
|
}
|
|
|
|
/* normalise inline-table size */
|
|
.notion-page-content .notion-collection_view-block {
|
|
width: 100% !important;
|
|
}
|
|
.notion-page-content
|
|
.notion-collection_view-block
|
|
[style*='padding-left: 50px'],
|
|
.notion-page-content
|
|
.notion-collection_view-block
|
|
[style*='padding-left: 96px'],
|
|
.notion-page-content
|
|
.notion-collection_view-block
|
|
[style*='padding-left: 126px'] {
|
|
padding-left: 0 !important;
|
|
}
|
|
.notion-page-content
|
|
.notion-collection_view-block
|
|
[style*='padding-right: 50px'],
|
|
.notion-page-content
|
|
.notion-collection_view-block
|
|
[style*='padding-right: 96px'],
|
|
.notion-page-content
|
|
.notion-collection_view-block
|
|
[style*='padding-right: 126px'] {
|
|
padding-right: 0 !important;
|
|
}
|
|
.notion-page-content
|
|
.notion-collection_view-block
|
|
[style*='min-width: calc(100% - 192px);'],
|
|
.notion-page-content
|
|
.notion-collection_view-block
|
|
[style*='min-width: 708px;'] {
|
|
min-width: 100% !important;
|
|
}
|
|
.notion-page-content .notion-collection_view-block > div {
|
|
padding: 0 1px;
|
|
}
|
|
|
|
/* fix button resizing */
|
|
.notion-collection_view-block [role='button'],
|
|
.notion-collection_view_page-block [role='button'] {
|
|
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-scroller.vertical > div:nth-child(2),
|
|
.notion-peek-renderer .notion-page-view-discussion,
|
|
.notion-peek-renderer .notion-page-content {
|
|
padding-left: var(--theme--preview-padding) !important;
|
|
padding-right: var(--theme--preview-padding) !important;
|
|
width: 100%;
|
|
}
|
|
|
|
/* prevent block hover options overlaying topbar */
|
|
.notion-topbar {
|
|
background: var(--theme--main);
|
|
}
|
|
|
|
/* checkboxes */
|
|
.notion-to_do-block > div [role='button']:hover,
|
|
.notion-to_do-block > div [role='button']:hover .checkboxSquare,
|
|
.notion-to_do-block > div [role='button']:hover .check {
|
|
background: var(--theme--option_hover-background) !important;
|
|
}
|
|
.notion-to_do-block > div [role='button']:hover .checkboxSquare path,
|
|
.notion-to_do-block > div [role='button']:hover .check polygon {
|
|
fill: var(--theme--option_hover-color) !important;
|
|
}
|
|
.notion-to_do-block > div [role='button']:not(:hover) .check {
|
|
background: var(--theme--option_active-background) !important;
|
|
}
|
|
.notion-to_do-block > div [role='button']:not(:hover) .check polygon {
|
|
fill: var(--theme--option_active-color) !important;
|
|
}
|
|
|
|
/* fonts */
|
|
.notion-app-inner,
|
|
[style*='Segoe UI'] {
|
|
font-family: var(--theme--font_sans) !important;
|
|
}
|
|
[style*='Georgia'] {
|
|
font-family: var(--theme--font_serif) !important;
|
|
}
|
|
[style*='iawriter-mono'] {
|
|
font-family: var(--theme--font_mono) !important;
|
|
}
|
|
[style*='SFMono-Regular'] {
|
|
font-family: var(--theme--font_code) !important;
|
|
}
|
|
.notion-frame .notion-page-block div[placeholder='Untitled'] {
|
|
font-size: var(--theme--font_title-size) !important;
|
|
}
|
|
[placeholder='Heading 1'] {
|
|
font-size: var(--theme--font_heading1-size) !important;
|
|
}
|
|
[placeholder='Heading 2'] {
|
|
font-size: var(--theme--font_heading2-size) !important;
|
|
}
|
|
[placeholder='Heading 3'] {
|
|
font-size: var(--theme--font_heading3-size) !important;
|
|
}
|
|
.notion-frame .notion-scroller.vertical.horizontal [style*='font-size: 14px'] {
|
|
font-size: var(--theme--font_label-size) !important;
|
|
}
|
|
.notion-frame .notion-scroller.vertical.horizontal .notion-page-content {
|
|
font-size: var(--theme--font_body-size) !important;
|
|
}
|
|
.notion-code-block [placeholder=' '] {
|
|
font-size: var(--theme--font_code-size) !important;
|
|
}
|
|
.notion-sidebar [style*='font-size: 14px'] {
|
|
font-size: var(--theme--font_sidebar-size) !important;
|
|
}
|
|
|
|
/* code */
|
|
.notion-page-content .notion-code-block {
|
|
background: var(--theme--code-background) !important;
|
|
}
|
|
.notion-code-block > div {
|
|
color: var(--theme--code_text) !important;
|
|
}
|
|
.notion-code-block .token.function {
|
|
color: var(--theme--code_function) !important;
|
|
}
|
|
.notion-code-block .token.keyword {
|
|
color: var(--theme--code_keyword) !important;
|
|
}
|
|
.notion-code-block .token.tag {
|
|
color: var(--theme--code_tag) !important;
|
|
}
|
|
.notion-code-block .token.operator {
|
|
color: var(--theme--code_operator) !important;
|
|
}
|
|
.notion-code-block .token.important {
|
|
color: var(--theme--code_important) !important;
|
|
}
|
|
.notion-code-block .token.property {
|
|
color: var(--theme--code_property) !important;
|
|
}
|
|
.notion-code-block .token.builtin {
|
|
color: var(--theme--code_builtin) !important;
|
|
}
|
|
.notion-code-block .token.attr-name {
|
|
color: var(--theme--code_attr-name) !important;
|
|
}
|
|
.notion-code-block .token.attr-value {
|
|
color: var(--theme--code_attr-value) !important;
|
|
}
|
|
.notion-code-block .token.comment {
|
|
color: var(--theme--code_comment) !important;
|
|
}
|
|
.notion-code-block .token.punctuation {
|
|
color: var(--theme--code_punctuation) !important;
|
|
}
|
|
.notion-code-block .token.doctype {
|
|
color: var(--theme--code_doctype) !important;
|
|
}
|
|
.notion-code-block .token.number {
|
|
color: var(--theme--code_number) !important;
|
|
}
|
|
.notion-code-block .token.string {
|
|
color: var(--theme--code_string) !important;
|
|
}
|