dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-05 13:19:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

dark+ fixes, general slicking up

Browse Source
This commit is contained in:
dragonwocky 2020-08-11 21:24:00 +10:00
parent b818f39386
commit b348bf871b
Signed by: dragonwocky
GPG Key ID: C7A48B7846AA706D
12 changed files with 442 additions and 613 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
CHANGELOG.md
View File

@ -16,7 +16,7 @@ complete rewrite with node.js.
- bugfix: fix frameless window issue introduced by notion desktop 2.0.9. - bugfix: fix frameless window issue introduced by notion desktop 2.0.9.
- extension: "custom inserts" = link files for small client-side tweaks.. - extension: "custom inserts" = link files for small client-side tweaks..
- extension: "bracketed links" = render links surrounded with \[\[brackets]] instead of underlined. - extension: "bracketed links" = render links surrounded with \[\[brackets]] instead of underlined.
- extension: "focus mode" = hide the titlebar/menubar when the sidebar is closed (will be shown on hover). - extension: "focus mode" = hide the titlebar/menubar if the sidebar is closed (will be shown on hover).
- theme: "neutral" = smoother colours and fonts, designed to be more pleasing to the eye. - theme: "neutral" = smoother colours and fonts, designed to be more pleasing to the eye.
- theme: "dark+" = a vivid-colour near-black theme. - theme: "dark+" = a vivid-colour near-black theme.

155
mods/core/css/dark.css
View File

@ -20,29 +20,6 @@
background: var(--theme_dark--main) !important; background: var(--theme_dark--main) !important;
} }
.notion-dark-theme [style*='background: rgba(15, 15, 15, 0.6)'] {
background: var(--theme_dark--overlay) !important;
}
.notion-dark-theme .notion-peek-renderer > div:nth-child(2) {
max-width: var(--theme_dark--preview-width) !important;
}
.notion-dark-theme
.notion-peek-renderer
.notion-scroller.vertical
> div:nth-child(1)
> div,
.notion-dark-theme
.notion-peek-renderer
.notion-scroller.vertical
> div:nth-child(2),
.notion-dark-theme .notion-peek-renderer .notion-page-view-discussion,
.notion-dark-theme .notion-peek-renderer .notion-page-content {
padding-left: var(--theme_dark--preview-padding) !important;
padding-right: var(--theme_dark--preview-padding) !important;
width: 100%;
}
.notion-dark-theme .notion-dark-theme
.notion-peek-renderer .notion-peek-renderer
.notion-scroller.vertical .notion-scroller.vertical
@ -62,31 +39,17 @@
height: var(--theme_dark--page_banner-height) !important; height: var(--theme_dark--page_banner-height) !important;
} }
/* prevent block hover options overlaying topbar */
.notion-dark-theme .notion-topbar {
background: var(--theme_dark--main);
}
/** databases **/ /** databases **/
.notion-dark-theme [style*='background: rgb(63, 68, 71)'] { .notion-dark-theme [style*='background: rgb(63, 68, 71)'] {
background: var(--theme_dark--card) !important; background: var(--theme_dark--card) !important;
} }
.notion-dark-theme .notion-frame [style*='background: rgb(63, 68, 71)'] {
border: 0.5px solid var(--theme_dark--card-border);
}
.notion-dark-theme .notion-dark-theme
.notion-page-content .notion-page-content
.notion-page-block.notion-collection-item .notion-page-block.notion-collection-item
[style*='background: rgba(255, 255, 255, 0.05)'] { [style*='background: rgba(255, 255, 255, 0.05)'] {
background: var(--theme_dark--gallery) !important; background: var(--theme_dark--gallery) !important;
} }
.notion-dark-theme
.notion-page-content
.notion-page-block.notion-collection-item:hover
[style*='background: rgba(255, 255, 255, 0.05)'] {
background: var(--theme_dark--gallery_hover) !important;
}
.notion-dark-theme [style*='box-shadow: rgb(47, 52, 55) -3px 0px 0px'] { .notion-dark-theme [style*='box-shadow: rgb(47, 52, 55) -3px 0px 0px'] {
box-shadow: var(--theme_dark--main) -3px 0px 0px !important; box-shadow: var(--theme_dark--main) -3px 0px 0px !important;
@ -169,26 +132,6 @@
.notion-dark-theme [style*='background: rgb(235, 87, 87)'] { .notion-dark-theme [style*='background: rgb(235, 87, 87)'] {
background: var(--theme_dark--primary_indicator) !important; background: var(--theme_dark--primary_indicator) !important;
} }
.notion-dark-theme .notion-to_do-block .checkboxSquare {
background: var(--theme_dark--option-background) !important;
}
.notion-dark-theme .notion-to_do-block .checkboxSquare path {
fill: var(--theme_dark--option-color) !important;
}
.notion-dark-theme .notion-to_do-block:hover .checkboxSquare,
.notion-dark-theme .notion-to_do-block:hover .check {
background: var(--theme_dark--option_hover-background) !important;
}
.notion-dark-theme .notion-to_do-block:hover .checkboxSquare path,
.notion-dark-theme .notion-to_do-block:hover .check polygon {
fill: var(--theme_dark--option_hover-color) !important;
}
.notion-dark-theme .notion-to_do-block .check {
background: var(--theme_dark--option_active-background) !important;
}
.notion-dark-theme .notion-to_do-block .check polygon {
fill: var(--theme_dark--option_active-color) !important;
}
.notion-dark-theme .notion-dark-theme
[style*='color: rgb(235, 87, 87); border: 1px solid rgba(235, 87, 87, 0.5);'] { [style*='color: rgb(235, 87, 87); border: 1px solid rgba(235, 87, 87, 0.5);'] {
@ -196,49 +139,7 @@
border: 1px solid var(--theme_dark--danger_border) !important; border: 1px solid var(--theme_dark--danger_border) !important;
} }
/* fonts */ /* content colours */
.notion-dark-theme,
.notion-dark-theme [style*='Segoe UI'] {
font-family: var(--theme_dark--font_sans) !important;
}
.notion-dark-theme [style*='Georgia'] {
font-family: var(--theme_dark--font_serif) !important;
}
.notion-dark-theme [style*='iawriter-mono'] {
font-family: var(--theme_dark--font_mono) !important;
}
.notion-dark-theme [style*='SFMono-Regular'] {
font-family: var(--theme_dark--font_code) !important;
}
.notion-dark-theme
.notion-frame
.notion-scroller.vertical.horizontal
.notion-page-content {
font-size: var(--theme_dark--font-body_size) !important;
}
.notion-dark-theme
.notion-frame
.notion-scroller.vertical.horizontal
[style*='font-size: 14px'] {
font-size: var(--theme_dark--font-label_size) !important;
}
.notion-dark-theme
.notion-frame
.notion-page-block
div[placeholder='Untitled'] {
font-size: var(--theme_dark--font-title_size) !important;
}
.notion-dark-theme [placeholder='Heading 1'] {
font-size: var(--theme_dark--font-heading1_size) !important;
}
.notion-dark-theme [placeholder='Heading 2'] {
font-size: var(--theme_dark--font-heading2_size) !important;
}
.notion-dark-theme [placeholder='Heading 3'] {
font-size: var(--theme_dark--font-heading3_size) !important;
}
.notion-dark-theme, .notion-dark-theme,
.notion-dark-theme .notion-page-content [style*='color: inherit;'], .notion-dark-theme .notion-page-content [style*='color: inherit;'],
@ -260,8 +161,6 @@
fill: var(--theme_dark--text_ui) !important; fill: var(--theme_dark--text_ui) !important;
} }
/* content colours */
.notion-dark-theme [style*='color:rgba(151,154,155,0.95)'] { .notion-dark-theme [style*='color:rgba(151,154,155,0.95)'] {
color: var(--theme_dark--text_gray) !important; color: var(--theme_dark--text_gray) !important;
} }
@ -359,55 +258,3 @@
color: var(--theme_dark--code_inline-text) !important; color: var(--theme_dark--code_inline-text) !important;
background: var(--theme_dark--code_inline-background) !important; background: var(--theme_dark--code_inline-background) !important;
} }
.notion-dark-theme .notion-page-content .notion-code-block {
background: var(--theme_dark--code-background) !important;
}
.notion-dark-theme .notion-code-block > div {
color: var(--theme_dark--code_text) !important;
}
.notion-dark-theme .notion-code-block [placeholder=' '] {
font-size: var(--theme_dark--font-code_size) !important;
}
.notion-dark-theme .notion-code-block .token.function {
color: var(--theme_dark--code_function) !important;
}
.notion-dark-theme .notion-code-block .token.keyword {
color: var(--theme_dark--code_keyword) !important;
}
.notion-dark-theme .notion-code-block .token.tag {
color: var(--theme_dark--code_tag) !important;
}
.notion-dark-theme .notion-code-block .token.operator {
color: var(--theme_dark--code_operator) !important;
}
.notion-dark-theme .notion-code-block .token.important {
color: var(--theme_dark--code_important) !important;
}
.notion-dark-theme .notion-code-block .token.property {
color: var(--theme_dark--code_property) !important;
}
.notion-dark-theme .notion-code-block .token.builtin {
color: var(--theme_dark--code_builtin) !important;
}
.notion-dark-theme .notion-code-block .token.attr-name {
color: var(--theme_dark--code_attr-name) !important;
}
.notion-dark-theme .notion-code-block .token.attr-value {
color: var(--theme_dark--code_attr-value) !important;
}
.notion-dark-theme .notion-code-block .token.comment {
color: var(--theme_dark--code_comment) !important;
}
.notion-dark-theme .notion-code-block .token.punctuation {
color: var(--theme_dark--code_punctuation) !important;
}
.notion-dark-theme .notion-code-block .token.doctype {
color: var(--theme_dark--code_doctype) !important;
}
.notion-dark-theme .notion-code-block .token.number {
color: var(--theme_dark--code_number) !important;
}
.notion-dark-theme .notion-code-block .token.string {
color: var(--theme_dark--code_string) !important;
}

145
mods/core/css/light.css
View File

@ -25,25 +25,6 @@
background: var(--theme_light--overlay) !important; background: var(--theme_light--overlay) !important;
} }
.notion-light-theme .notion-peek-renderer > div:nth-child(2) {
max-width: var(--theme_light--preview-width) !important;
}
.notion-light-theme
.notion-peek-renderer
.notion-scroller.vertical
> div:nth-child(1)
> div,
.notion-light-theme
.notion-peek-renderer
.notion-scroller.vertical
> div:nth-child(2),
.notion-light-theme .notion-peek-renderer .notion-page-view-discussion,
.notion-light-theme .notion-peek-renderer .notion-page-content {
padding-left: var(--theme_light--preview-padding) !important;
padding-right: var(--theme_light--preview-padding) !important;
width: 100%;
}
.notion-light-theme .notion-light-theme
.notion-peek-renderer .notion-peek-renderer
.notion-scroller.vertical .notion-scroller.vertical
@ -63,31 +44,17 @@
height: var(--theme_light--page_banner-height) !important; height: var(--theme_light--page_banner-height) !important;
} }
/* prevent block hover options overlaying topbar */
.notion-light-theme .notion-topbar {
background: var(--theme_light--main);
}
/** databases **/ /** databases **/
.notion-light-theme [style*='background: rgb(247, 246, 243)'] { .notion-light-theme [style*='background: rgb(247, 246, 243)'] {
background: var(--theme_light--card) !important; background: var(--theme_light--card) !important;
} }
.notion-light-theme .notion-frame [style*='background: rgb(247, 246, 243)'] {
border: 0.5px solid var(--theme_light--card-border);
}
.notion-light-theme .notion-light-theme
.notion-page-content .notion-page-content
.notion-page-block.notion-collection-item .notion-page-block.notion-collection-item
[style*='background: rgba(55, 53, 47, 0.024)'] { [style*='background: rgba(55, 53, 47, 0.024)'] {
background: var(--theme_light--gallery) !important; background: var(--theme_light--gallery) !important;
} }
.notion-light-theme
.notion-page-content
.notion-page-block.notion-collection-item:hover
[style*='background: rgba(55, 53, 47, 0.024)'] {
background: var(--theme_light--gallery_hover) !important;
}
.notion-light-theme [style*='box-shadow: white -3px 0px 0px'] { .notion-light-theme [style*='box-shadow: white -3px 0px 0px'] {
box-shadow: var(--theme_light--main) -3px 0px 0px !important; box-shadow: var(--theme_light--main) -3px 0px 0px !important;
@ -173,20 +140,6 @@
.notion-light-theme .notion-to_do-block .checkboxSquare path { .notion-light-theme .notion-to_do-block .checkboxSquare path {
fill: var(--theme_light--option-color) !important; fill: var(--theme_light--option-color) !important;
} }
.notion-light-theme .notion-to_do-block:hover .checkboxSquare,
.notion-light-theme .notion-to_do-block:hover .check {
background: var(--theme_light--option_hover-background) !important;
}
.notion-light-theme .notion-to_do-block:hover .checkboxSquare path,
.notion-light-theme .notion-to_do-block:hover .check polygon {
fill: var(--theme_light--option_hover-color) !important;
}
.notion-light-theme .notion-to_do-block .check {
background: var(--theme_light--option_active-background) !important;
}
.notion-light-theme .notion-to_do-block .check polygon {
fill: var(--theme_light--option_active-color) !important;
}
.notion-light-theme .notion-light-theme
[style*='color: rgb(235, 87, 87); border: 1px solid rgba(235, 87, 87, 0.5);'] { [style*='color: rgb(235, 87, 87); border: 1px solid rgba(235, 87, 87, 0.5);'] {
@ -194,49 +147,7 @@
border: 1px solid var(--theme_light--danger_border) !important; border: 1px solid var(--theme_light--danger_border) !important;
} }
/* fonts */ /* content colours */
.notion-light-theme,
.notion-light-theme [style*='Segoe UI'] {
font-family: var(--theme_light--font_sans) !important;
}
.notion-light-theme [style*='Georgia'] {
font-family: var(--theme_light--font_serif) !important;
}
.notion-light-theme [style*='iawriter-mono'] {
font-family: var(--theme_light--font_mono) !important;
}
.notion-light-theme [style*='SFMono-Regular'] {
font-family: var(--theme_light--font_code) !important;
}
.notion-light-theme
.notion-frame
.notion-scroller.vertical.horizontal
.notion-page-content {
font-size: var(--theme_light--font-body_size) !important;
}
.notion-light-theme
.notion-frame
.notion-scroller.vertical.horizontal
[style*='font-size: 14px'] {
font-size: var(--theme_light--font-label_size) !important;
}
.notion-light-theme
.notion-frame
.notion-page-block
div[placeholder='Untitled'] {
font-size: var(--theme_light--font-title_size) !important;
}
.notion-light-theme [placeholder='Heading 1'] {
font-size: var(--theme_light--font-heading1_size) !important;
}
.notion-light-theme [placeholder='Heading 2'] {
font-size: var(--theme_light--font-heading2_size) !important;
}
.notion-light-theme [placeholder='Heading 3'] {
font-size: var(--theme_light--font-heading3_size) !important;
}
.notion-light-theme, .notion-light-theme,
.notion-light-theme .notion-page-content [style*='color: inherit;'], .notion-light-theme .notion-page-content [style*='color: inherit;'],
@ -258,8 +169,6 @@
fill: var(--theme_light--text) !important; fill: var(--theme_light--text) !important;
} }
/* content colours */
.notion-light-theme [style*='color:rgb(155,154,151)'] { .notion-light-theme [style*='color:rgb(155,154,151)'] {
color: var(--theme_light--text_gray) !important; color: var(--theme_light--text_gray) !important;
} }
@ -357,55 +266,3 @@
color: var(--theme_light--code_inline-text) !important; color: var(--theme_light--code_inline-text) !important;
background: var(--theme_light--code_inline-background) !important; background: var(--theme_light--code_inline-background) !important;
} }
.notion-light-theme .notion-page-content .notion-code-block {
background: var(--theme_light--code-background) !important;
}
.notion-light-theme .notion-code-block > div {
color: var(--theme_light--code_text) !important;
}
.notion-light-theme .notion-code-block [placeholder=' '] {
font-size: var(--theme_light--font-code_size) !important;
}
.notion-light-theme .notion-code-block .token.function {
color: var(--theme_light--code_function) !important;
}
.notion-light-theme .notion-code-block .token.keyword {
color: var(--theme_light--code_keyword) !important;
}
.notion-light-theme .notion-code-block .token.tag {
color: var(--theme_light--code_tag) !important;
}
.notion-light-theme .notion-code-block .token.operator {
color: var(--theme_light--code_operator) !important;
}
.notion-light-theme .notion-code-block .token.important {
color: var(--theme_light--code_important) !important;
}
.notion-light-theme .notion-code-block .token.property {
color: var(--theme_light--code_property) !important;
}
.notion-light-theme .notion-code-block .token.builtin {
color: var(--theme_light--code_builtin) !important;
}
.notion-light-theme .notion-code-block .token.attr-name {
color: var(--theme_light--code_attr-name) !important;
}
.notion-light-theme .notion-code-block .token.attr-value {
color: var(--theme_light--code_attr-value) !important;
}
.notion-light-theme .notion-code-block .token.comment {
color: var(--theme_light--code_comment) !important;
}
.notion-light-theme .notion-code-block .token.punctuation {
color: var(--theme_light--code_punctuation) !important;
}
.notion-light-theme .notion-code-block .token.doctype {
color: var(--theme_light--code_doctype) !important;
}
.notion-light-theme .notion-code-block .token.number {
color: var(--theme_light--code_number) !important;
}
.notion-light-theme .notion-code-block .token.string {
color: var(--theme_light--code_string) !important;
}

373
mods/core/css/localised.css
View File

@ -7,204 +7,197 @@
@import './variables.css'; @import './variables.css';
.notion-dark-theme { .notion-dark-theme {
--theme_local--main: var(--theme_dark--main); --theme--main: var(--theme_dark--main);
--theme_local--sidebar: var(--theme_dark--sidebar); --theme--sidebar: var(--theme_dark--sidebar);
--theme_local--overlay: var(--theme_dark--overlay); --theme--overlay: var(--theme_dark--overlay);
--theme_local--dragarea: var(--theme_dark--dragarea); --theme--dragarea: var(--theme_dark--dragarea);
--theme_local--preview-width: var(--theme_dark--preview-width); --theme--preview-width: var(--theme_dark--preview-width);
--theme_local--preview_banner-height: var( --theme--preview-padding: var(--theme_dark--preview-padding);
--theme_dark--preview_banner-height --theme--preview_banner-height: var(--theme_dark--preview_banner-height);
); --theme--page_banner-height: var(--theme_dark--page_banner-height);
--theme_local--page_banner-height: var(--theme_dark--page_banner-height); --theme--font_sans: var(--theme_dark--font_sans);
--theme--font_serif: var(--theme_dark--font_serif);
--theme_local--font_sans: var(--theme_dark--font_sans); --theme--font_mono: var(--theme_dark--font_mono);
--theme_local--font_serif: var(--theme_dark--font_serif); --theme--font_code: var(--theme_dark--font_code);
--theme_local--font_mono: var(--theme_dark--font_mono); --theme--font_title-size: var(--theme_dark--font_title-size);
--theme_local--font_code: var(--theme_dark--font_code); --theme--font_heading1-size: var(--theme_dark--font_heading1-size);
--theme--font_heading2-size: var(--theme_dark--font_heading2-size);
--theme_local--scrollbar: var(--theme_dark--scrollbar); --theme--font_heading3-size: var(--theme_dark--font_heading3-size);
--theme_local--scrollbar-border: var(--theme_dark--scrollbar-border); --theme--font_label-size: var(--theme_dark--font_label-size);
--theme_local--scrollbar_hover: var(--theme_dark--scrollbar_hover); --theme--font_body-size: var(--theme_dark--font_body-size);
--theme--font_code-size: var(--theme_dark--font_code-size);
--theme_local--card: var(--theme_dark--card); --theme--font_sidebar-size: var(--theme_dark--font_sidebar-size);
--theme_local--card-border: var(--theme_dark--card-border); --theme--scrollbar: var(--theme_dark--scrollbar);
--theme_local--table-border: var(--theme_dark--table-border); --theme--scrollbar-border: var(--theme_dark--scrollbar-border);
--theme_local--interactive_hover: var(--theme_dark--interactive_hover); --theme--scrollbar_hover: var(--theme_dark--scrollbar_hover);
--theme_local--interactive_hover-border: var( --theme--card: var(--theme_dark--card);
--theme--gallery: var(--theme_dark--gallery);
--theme--table-border: var(--theme_dark--table-border);
--theme--interactive_hover: var(--theme_dark--interactive_hover);
--theme--interactive_hover-border: var(
--theme_dark--interactive_hover-border --theme_dark--interactive_hover-border
); );
--theme_local--button_close: var(--theme_dark--button_close); --theme--button_close: var(--theme_dark--button_close);
--theme_local--button_close-fill: var(--theme_dark--button_close-fill); --theme--button_close-fill: var(--theme_dark--button_close-fill);
--theme--selected: var(--theme_dark--selected);
--theme_local--selected: var(--theme_dark--selected); --theme--primary: var(--theme_dark--primary);
--theme_local--primary: var(--theme_dark--primary); --theme--primary_hover: var(--theme_dark--primary_hover);
--theme_local--primary_hover: var(--theme_dark--primary_hover); --theme--primary_click: var(--theme_dark--primary_click);
--theme_local--primary_click: var(--theme_dark--primary_click); --theme--primary_indicator: var(--theme_dark--primary_indicator);
--theme_local--primary_indicator: var(--theme_dark--primary_indicator); --theme--option-color: var(--theme_dark--option-color);
--theme--option-background: var(--theme_dark--option-background);
--theme_local--option_empty-border: var(--theme_dark--option_empty-border); --theme--option_active-color: var(--theme_dark--option_active-color);
--theme_local--option_active: var(--theme_dark--option_active); --theme--option_active-background: var(
--theme_local--option_active-color: var(--theme_dark--option_active-color);
--theme_local--option_active-background: var(
--theme_dark--option_active-background --theme_dark--option_active-background
); );
--theme_local--option_hover-background: var( --theme--option_hover-color: var(--theme_dark--option_hover-color);
--theme_dark--option_hover-background --theme--option_hover-background: var(--theme_dark--option_hover-background);
); --theme--danger_text: var(--theme_dark--danger_text);
--theme--danger_border: var(--theme_dark--danger_border);
--theme_local--danger_text: var(--theme_dark--danger_text); --theme--text: var(--theme_dark--text);
--theme_local--danger_border: var(--theme_dark--danger_border); --theme--text_ui: var(--theme_dark--text_ui);
--theme--text_ui_info: var(--theme_dark--text_ui_info);
--theme_local--text: var(--theme_dark--text); --theme--text_gray: var(--theme_dark--text_gray);
--theme_local--text_ui: var(--theme_dark--text_ui); --theme--text_brown: var(--theme_dark--text_brown);
--theme_local--text_ui_info: var(--theme_dark--text_ui_info); --theme--text_orange: var(--theme_dark--text_orange);
--theme--text_yellow: var(--theme_dark--text_yellow);
--theme_local--text_gray: var(--theme_dark--text_gray); --theme--text_green: var(--theme_dark--text_green);
--theme_local--text_brown: var(--theme_dark--text_brown); --theme--text_blue: var(--theme_dark--text_blue);
--theme_local--text_orange: var(--theme_dark--text_orange); --theme--text_purple: var(--theme_dark--text_purple);
--theme_local--text_yellow: var(--theme_dark--text_yellow); --theme--text_pink: var(--theme_dark--text_pink);
--theme_local--text_green: var(--theme_dark--text_green); --theme--text_red: var(--theme_dark--text_red);
--theme_local--text_blue: var(--theme_dark--text_blue); --theme--bg_gray: var(--theme_dark--bg_gray);
--theme_local--text_purple: var(--theme_dark--text_purple); --theme--bg_brown: var(--theme_dark--bg_brown);
--theme_local--text_pink: var(--theme_dark--text_pink); --theme--bg_orange: var(--theme_dark--bg_orange);
--theme_local--text_red: var(--theme_dark--text_red); --theme--bg_yellow: var(--theme_dark--bg_yellow);
--theme_local--bg_gray: var(--theme_dark--bg_gray); --theme--bg_green: var(--theme_dark--bg_green);
--theme_local--bg_brown: var(--theme_dark--bg_brown); --theme--bg_blue: var(--theme_dark--bg_blue);
--theme_local--bg_orange: var(--theme_dark--bg_orange); --theme--bg_purple: var(--theme_dark--bg_purple);
--theme_local--bg_yellow: var(--theme_dark--bg_yellow); --theme--bg_pink: var(--theme_dark--bg_pink);
--theme_local--bg_green: var(--theme_dark--bg_green); --theme--bg_red: var(--theme_dark--bg_red);
--theme_local--bg_blue: var(--theme_dark--bg_blue); --theme--line_gray: var(--theme_dark--line_gray);
--theme_local--bg_purple: var(--theme_dark--bg_purple); --theme--line_brown: var(--theme_dark--line_brown);
--theme_local--bg_pink: var(--theme_dark--bg_pink); --theme--line_orange: var(--theme_dark--line_orange);
--theme_local--bg_red: var(--theme_dark--bg_red); --theme--line_yellow: var(--theme_dark--line_yellow);
--theme_local--line_gray: var(--theme_dark--line_gray); --theme--line_green: var(--theme_dark--line_green);
--theme_local--line_brown: var(--theme_dark--line_brown); --theme--line_blue: var(--theme_dark--line_blue);
--theme_local--line_orange: var(--theme_dark--line_orange); --theme--line_purple: var(--theme_dark--line_purple);
--theme_local--line_yellow: var(--theme_dark--line_yellow); --theme--line_pink: var(--theme_dark--line_pink);
--theme_local--line_green: var(--theme_dark--line_green); --theme--line_red: var(--theme_dark--line_red);
--theme_local--line_blue: var(--theme_dark--line_blue); --theme--code_inline-text: var(--theme_dark--code_inline-text);
--theme_local--line_purple: var(--theme_dark--line_purple); --theme--code_inline-background: var(--theme_dark--code_inline-background);
--theme_local--line_pink: var(--theme_dark--line_pink); --theme--code_text: var(--theme_dark--code_text);
--theme_local--line_red: var(--theme_dark--line_red); --theme--code-background: var(--theme_dark--code-background);
--theme--code_function: var(--theme_dark--code_function);
--theme_local--code_inline-text: var(--theme_dark--code_inline-text); --theme--code_keyword: var(--theme_dark--code_keyword);
--theme_local--code_inline-background: var( --theme--code_tag: var(--theme_dark--code_tag);
--theme_dark--code_inline-background --theme--code_operator: var(--theme_dark--code_operator);
); --theme--code_important: var(--theme_dark--code_important);
--theme_local--code_text: var(--theme_dark--code_text); --theme--code_property: var(--theme_dark--code_property);
--theme_local--code-background: var(--theme_dark--code-background); --theme--code_builtin: var(--theme_dark--code_builtin);
--theme_local--code_function: var(--theme_dark--code_function); --theme--code_attr-name: var(--theme_dark--code_attr-name);
--theme_local--code_keyword: var(--theme_dark--code_keyword); --theme--code_comment: var(--theme_dark--code_comment);
--theme_local--code_tag: var(--theme_dark--code_tag); --theme--code_punctuation: var(--theme_dark--code_punctuation);
--theme_local--code_operator: var(--theme_dark--code_operator); --theme--code_doctype: var(--theme_dark--code_doctype);
--theme_local--code_property: var(--theme_dark--code_property); --theme--code_number: var(--theme_dark--code_number);
--theme_local--code_builtin: var(--theme_dark--code_builtin); --theme--code_string: var(--theme_dark--code_string);
--theme_local--code_attr-name: var(--theme_dark--code_attr-name); --theme--code_attr-value: var(--theme_dark--code_attr-value);
--theme_local--code_comment: var(--theme_dark--code_comment);
--theme_local--code_punctuation: var(--theme_dark--code_punctuation);
--theme_local--code_doctype: var(--theme_dark--code_doctype);
--theme_local--code_number: var(--theme_dark--code_number);
--theme_local--code_string: var(--theme_dark--code_string);
--theme_local--code_attr-value: var(--theme_dark--code_attr-value);
} }
.notion-light-theme { .notion-light-theme {
--theme_local--main: var(--theme_light--main); --theme--main: var(--theme_light--main);
--theme_local--sidebar: var(--theme_light--sidebar); --theme--sidebar: var(--theme_light--sidebar);
--theme_local--overlay: var(--theme_light--overlay); --theme--overlay: var(--theme_light--overlay);
--theme_local--dragarea: var(--theme_light--dragarea); --theme--dragarea: var(--theme_light--dragarea);
--theme_local--preview-width: var(--theme_light--preview-width); --theme--preview-width: var(--theme_light--preview-width);
--theme_local--preview_banner-height: var( --theme--preview-padding: var(--theme_light--preview-padding);
--theme_light--preview_banner-height --theme--preview_banner-height: var(--theme_light--preview_banner-height);
); --theme--page_banner-height: var(--theme_light--page_banner-height);
--theme_local--page_banner-height: var(--theme_light--page_banner-height); --theme--font_sans: var(--theme_light--font_sans);
--theme--font_serif: var(--theme_light--font_serif);
--theme_local--font_sans: var(--theme_light--font_sans); --theme--font_mono: var(--theme_light--font_mono);
--theme_local--font_serif: var(--theme_light--font_serif); --theme--font_code: var(--theme_light--font_code);
--theme_local--font_mono: var(--theme_light--font_mono); --theme--font_title-size: var(--theme_light--font_title-size);
--theme_local--font_code: var(--theme_light--font_code); --theme--font_heading1-size: var(--theme_light--font_heading1-size);
--theme--font_heading2-size: var(--theme_light--font_heading2-size);
--theme_local--scrollbar: var(--theme_light--scrollbar); --theme--font_heading3-size: var(--theme_light--font_heading3-size);
--theme_local--scrollbar-border: var(--theme_light--scrollbar-border); --theme--font_label-size: var(--theme_light--font_label-size);
--theme_local--scrollbar_hover: var(--theme_light--scrollbar_hover); --theme--font_body-size: var(--theme_light--font_body-size);
--theme--font_code-size: var(--theme_light--font_code-size);
--theme_local--card: var(--theme_light--card); --theme--font_sidebar-size: var(--theme_light--font_sidebar-size);
--theme_local--card-border: var(--theme_light--card-border); --theme--scrollbar: var(--theme_light--scrollbar);
--theme_local--table-border: var(--theme_light--table-border); --theme--scrollbar-border: var(--theme_light--scrollbar-border);
--theme_local--interactive_hover: var(--theme_light--interactive_hover); --theme--scrollbar_hover: var(--theme_light--scrollbar_hover);
--theme_local--interactive_hover-border: var( --theme--card: var(--theme_light--card);
--theme--gallery: var(--theme_light--gallery);
--theme--table-border: var(--theme_light--table-border);
--theme--interactive_hover: var(--theme_light--interactive_hover);
--theme--interactive_hover-border: var(
--theme_light--interactive_hover-border --theme_light--interactive_hover-border
); );
--theme_local--button_close: var(--theme_light--button_close); --theme--button_close: var(--theme_light--button_close);
--theme_local--button_close-fill: var(--theme_light--button_close-fill); --theme--button_close-fill: var(--theme_light--button_close-fill);
--theme--selected: var(--theme_light--selected);
--theme_local--selected: var(--theme_light--selected); --theme--primary: var(--theme_light--primary);
--theme_local--primary: var(--theme_light--primary); --theme--primary_hover: var(--theme_light--primary_hover);
--theme_local--primary_hover: var(--theme_light--primary_hover); --theme--primary_click: var(--theme_light--primary_click);
--theme_local--primary_click: var(--theme_light--primary_click); --theme--primary_indicator: var(--theme_light--primary_indicator);
--theme_local--primary_indicator: var(--theme_light--primary_indicator); --theme--option-color: var(--theme_light--option-color);
--theme--option-background: var(--theme_light--option-background);
--theme_local--option_empty-border: var(--theme_light--option_empty-border); --theme--option_hover-color: var(--theme_light--option_hover-color);
--theme_local--option_active: var(--theme_light--option_active); --theme--option_hover-background: var(--theme_light--option_hover-background);
--theme_local--option_active-color: var(--theme_light--option_active-color); --theme--option_active-color: var(--theme_light--option_active-color);
--theme_local--option_active-background: var( --theme--option_active-background: var(
--theme_light--option_active-background --theme_light--option_active-background
); );
--theme_local--option_hover-background: var( --theme--danger_text: var(--theme_light--danger_text);
--theme_light--option_hover-background --theme--danger_border: var(--theme_light--danger_border);
); --theme--text: var(--theme_light--text);
--theme--text_ui: var(--theme_light--text_ui);
--theme_local--danger_text: var(--theme_light--danger_text); --theme--text_ui_info: var(--theme_light--text_ui_info);
--theme_local--danger_border: var(--theme_light--danger_border); --theme--text_gray: var(--theme_light--text_gray);
--theme--text_brown: var(--theme_light--text_brown);
--theme_local--text: var(--theme_light--text); --theme--text_orange: var(--theme_light--text_orange);
--theme_local--text_ui: var(--theme_light--text_ui); --theme--text_yellow: var(--theme_light--text_yellow);
--theme_local--text_ui_info: var(--theme_light--text_ui_info); --theme--text_green: var(--theme_light--text_green);
--theme--text_blue: var(--theme_light--text_blue);
--theme_local--text_gray: var(--theme_light--text_gray); --theme--text_purple: var(--theme_light--text_purple);
--theme_local--text_brown: var(--theme_light--text_brown); --theme--text_pink: var(--theme_light--text_pink);
--theme_local--text_orange: var(--theme_light--text_orange); --theme--text_red: var(--theme_light--text_red);
--theme_local--text_yellow: var(--theme_light--text_yellow); --theme--bg_gray: var(--theme_light--bg_gray);
--theme_local--text_green: var(--theme_light--text_green); --theme--bg_brown: var(--theme_light--bg_brown);
--theme_local--text_blue: var(--theme_light--text_blue); --theme--bg_orange: var(--theme_light--bg_orange);
--theme_local--text_purple: var(--theme_light--text_purple); --theme--bg_yellow: var(--theme_light--bg_yellow);
--theme_local--text_pink: var(--theme_light--text_pink); --theme--bg_green: var(--theme_light--bg_green);
--theme_local--text_red: var(--theme_light--text_red); --theme--bg_blue: var(--theme_light--bg_blue);
--theme_local--bg_gray: var(--theme_light--bg_gray); --theme--bg_purple: var(--theme_light--bg_purple);
--theme_local--bg_brown: var(--theme_light--bg_brown); --theme--bg_pink: var(--theme_light--bg_pink);
--theme_local--bg_orange: var(--theme_light--bg_orange); --theme--bg_red: var(--theme_light--bg_red);
--theme_local--bg_yellow: var(--theme_light--bg_yellow); --theme--line_gray: var(--theme_light--line_gray);
--theme_local--bg_green: var(--theme_light--bg_green); --theme--line_brown: var(--theme_light--line_brown);
--theme_local--bg_blue: var(--theme_light--bg_blue); --theme--line_orange: var(--theme_light--line_orange);
--theme_local--bg_purple: var(--theme_light--bg_purple); --theme--line_yellow: var(--theme_light--line_yellow);
--theme_local--bg_pink: var(--theme_light--bg_pink); --theme--line_green: var(--theme_light--line_green);
--theme_local--bg_red: var(--theme_light--bg_red); --theme--line_blue: var(--theme_light--line_blue);
--theme_local--line_gray: var(--theme_light--line_gray); --theme--line_purple: var(--theme_light--line_purple);
--theme_local--line_brown: var(--theme_light--line_brown); --theme--line_pink: var(--theme_light--line_pink);
--theme_local--line_orange: var(--theme_light--line_orange); --theme--line_red: var(--theme_light--line_red);
--theme_local--line_yellow: var(--theme_light--line_yellow); --theme--code_inline-text: var(--theme_light--code_inline-text);
--theme_local--line_green: var(--theme_light--line_green); --theme--code_inline-background: var(--theme_light--code_inline-background);
--theme_local--line_blue: var(--theme_light--line_blue); --theme--code_text: var(--theme_light--code_text);
--theme_local--line_purple: var(--theme_light--line_purple); --theme--code-background: var(--theme_light--code-background);
--theme_local--line_pink: var(--theme_light--line_pink); --theme--code_function: var(--theme_light--code_function);
--theme_local--line_red: var(--theme_light--line_red); --theme--code_keyword: var(--theme_light--code_keyword);
--theme--code_tag: var(--theme_light--code_tag);
--theme_local--code_inline-text: var(--theme_light--code_inline-text); --theme--code_operator: var(--theme_light--code_operator);
--theme_local--code_inline-background: var( --theme--code_important: var(--theme_light--code_important);
--theme_light--code_inline-background --theme--code_property: var(--theme_light--code_property);
); --theme--code_builtin: var(--theme_light--code_builtin);
--theme_local--code_text: var(--theme_light--code_text); --theme--code_attr-name: var(--theme_light--code_attr-name);
--theme_local--code-background: var(--theme_light--code-background); --theme--code_comment: var(--theme_light--code_comment);
--theme_local--code_function: var(--theme_light--code_function); --theme--code_punctuation: var(--theme_light--code_punctuation);
--theme_local--code_keyword: var(--theme_light--code_keyword); --theme--code_doctype: var(--theme_light--code_doctype);
--theme_local--code_tag: var(--theme_light--code_tag); --theme--code_number: var(--theme_light--code_number);
--theme_local--code_operator: var(--theme_light--code_operator); --theme--code_string: var(--theme_light--code_string);
--theme_local--code_property: var(--theme_light--code_property); --theme--code_attr-value: var(--theme_light--code_attr-value);
--theme_local--code_builtin: var(--theme_light--code_builtin);
--theme_local--code_attr-name: var(--theme_light--code_attr-name);
--theme_local--code_comment: var(--theme_light--code_comment);
--theme_local--code_punctuation: var(--theme_light--code_punctuation);
--theme_local--code_doctype: var(--theme_light--code_doctype);
--theme_local--code_number: var(--theme_light--code_number);
--theme_local--code_string: var(--theme_light--code_string);
--theme_local--code_attr-value: var(--theme_light--code_attr-value);
} }

106
mods/core/css/menu.css
View File

@ -22,8 +22,8 @@
word-break: break-word; word-break: break-word;
text-decoration: none; text-decoration: none;
text-size-adjust: 100%; text-size-adjust: 100%;
font-family: var(--theme_local--font_sans); font-family: var(--theme--font_sans);
outline-color: var(--theme_local--card-border); outline-color: var(--theme--table-border);
} }
html, html,
body { body {
@ -32,8 +32,8 @@ body {
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
background: var(--theme_local--main); background: var(--theme--main);
color: var(--theme_local--text); color: var(--theme--text);
} }
body:not([style]) > * { body:not([style]) > * {
@ -67,13 +67,13 @@ main section {
code { code {
border-radius: 0.1em; border-radius: 0.1em;
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
font: 0.85em var(--theme_local--font_code); font: 0.85em var(--theme--font_code);
/* color: var(--theme_local--code_inline-text); */ /* color: var(--theme--code_inline-text); */
background: var(--theme_local--code_inline-background); background: var(--theme--code_inline-background);
} }
button { button {
color: var(--theme_local--text); color: var(--theme--text);
} }
u { u {
@ -107,7 +107,7 @@ s {
margin-left: auto; margin-left: auto;
} }
#menu-titlebar { #menu-titlebar {
background: var(--theme_local--dragarea); background: var(--theme--dragarea);
} }
/* alerts */ /* alerts */
@ -115,7 +115,7 @@ s {
#alerts [role='alert'] { #alerts [role='alert'] {
display: flex; display: flex;
padding: 0.75em; padding: 0.75em;
/* border: 1px solid var(--theme_local--text_ui_info); */ /* border: 1px solid var(--theme--text_ui_info); */
} }
#alerts [role='alert']::before { #alerts [role='alert']::before {
content: '!'; content: '!';
@ -124,30 +124,30 @@ s {
font-weight: bold; font-weight: bold;
font-size: 1.2em; font-size: 1.2em;
padding-right: 0.5rem; padding-right: 0.5rem;
color: var(--theme_local--text_ui_info); color: var(--theme--text_ui_info);
} }
#alerts [role='alert'] p { #alerts [role='alert'] p {
font-size: 1rem; font-size: 1rem;
margin: auto 0; margin: auto 0;
padding-left: 0.5em; padding-left: 0.5em;
color: var(--theme_local--text_ui); color: var(--theme--text_ui);
} }
#alerts .error { #alerts .error {
background: var(--theme_local--bg_red); background: var(--theme--bg_red);
} }
#alerts .warning { #alerts .warning {
background: var(--theme_local--bg_yellow); background: var(--theme--bg_yellow);
} }
#alerts .info { #alerts .info {
background: var(--theme_local--bg_blue); background: var(--theme--bg_blue);
} }
#alerts .success::before { #alerts .success::before {
content: '✓'; content: '✓';
} }
#alerts .success { #alerts .success {
background: var(--theme_local--bg_green); background: var(--theme--bg_green);
} }
/* search */ /* search */
@ -165,26 +165,26 @@ s {
left: 1em; left: 1em;
} }
#search > svg path { #search > svg path {
fill: var(--theme_local--text_ui_info); fill: var(--theme--text_ui_info);
} }
#search > input { #search > input {
width: 100%; width: 100%;
padding: 1em 1.4em 1em 2.8em; padding: 1em 1.4em 1em 2.8em;
font: 1em var(--font); font: 1em var(--font);
background: var(--theme_local--card); background: var(--theme--card);
border: 1px solid var(--theme_local--table-border); border: 1px solid var(--theme--table-border);
color: var(--theme_local--text); color: var(--theme--text);
border-radius: 2px; border-radius: 2px;
} }
#search > input::placeholder { #search > input::placeholder {
font-weight: bold; font-weight: bold;
color: var(--theme_local--text_ui_info); color: var(--theme--text_ui_info);
} }
#search > input:focus { #search > input:focus {
box-shadow: var(--theme_local--table-border) 0.04em 0.04em, box-shadow: var(--theme--table-border) 0.04em 0.04em,
var(--theme_local--table-border) -0.04em -0.04em, var(--theme--table-border) -0.04em -0.04em,
var(--theme_local--table-border) -0.04em 0.04em, var(--theme--table-border) -0.04em 0.04em,
var(--theme_local--table-border) 0.04em -0.04em; var(--theme--table-border) 0.04em -0.04em;
outline: none; outline: none;
} }
@ -194,8 +194,8 @@ s {
font-size: 0.8em; font-size: 0.8em;
padding: 0.2em 0.5em; padding: 0.2em 0.5em;
margin-top: 0.5em; margin-top: 0.5em;
background: var(--theme_local--option-background); background: var(--theme--option-background);
color: var(--theme_local--option-color); color: var(--theme--option-color);
border-radius: 2px; border-radius: 2px;
transition: color 200ms, background 200ms; transition: color 200ms, background 200ms;
user-select: none; user-select: none;
@ -204,25 +204,25 @@ s {
margin-right: 0.5em; margin-right: 0.5em;
} }
#search #tags > span:hover { #search #tags > span:hover {
background: var(--theme_local--option_hover-background); background: var(--theme--option_hover-background);
color: var(--theme_local--option_hover-color); color: var(--theme--option_hover-color);
} }
#search #tags > .selected { #search #tags > .selected {
background: var(--tag_color, var(--theme_local--option_active-background)); background: var(--tag_color, var(--theme--option_active-background));
color: var(--theme_local--option_active-color); color: var(--theme--option_active-color);
} }
/* module meta */ /* module meta */
#modules section { #modules section {
background: var(--theme_local--sidebar); background: var(--theme--sidebar);
border: 1px solid var(--theme_local--table-border); border: 1px solid var(--theme--table-border);
} }
#modules section > div { #modules section > div {
padding: 0.75em; padding: 0.75em;
} }
.notion-light-theme #modules section { .notion-light-theme #modules section {
background: var(--theme_local--main); background: var(--theme--main);
} }
#modules section h3, #modules section h3,
@ -234,15 +234,15 @@ s {
/* #modules section .meta .toggle input + label .switch::before { /* #modules section .meta .toggle input + label .switch::before {
background: linear-gradient( background: linear-gradient(
90deg, 90deg,
var(--theme_local--text_green), var(--theme--text_green),
var(--theme_local--bg_green) var(--theme--bg_green)
); );
} }
#modules section .meta .toggle input + label .switch { #modules section .meta .toggle input + label .switch {
background: linear-gradient( background: linear-gradient(
90deg, 90deg,
var(--theme_local--text_red), var(--theme--text_red),
var(--theme_local--bg_red) var(--theme--bg_red)
); );
} */ } */
@ -256,7 +256,7 @@ s {
} }
#modules section .desc blockquote { #modules section .desc blockquote {
margin: 0.3em 0; margin: 0.3em 0;
border-left: 0.3em solid var(--theme_local--table-border); border-left: 0.3em solid var(--theme--table-border);
padding-left: 0.7em; padding-left: 0.7em;
} }
@ -291,7 +291,7 @@ s {
#modules section .tags, #modules section .tags,
#modules section .version { #modules section .version {
font-size: 0.85em; font-size: 0.85em;
color: var(--theme_local--text_ui); color: var(--theme--text_ui);
} }
/* module options */ /* module options */
@ -300,15 +300,15 @@ s {
display: none; display: none;
} }
#modules section .options { #modules section .options {
border-top: 1px solid var(--theme_local--table-border); border-top: 1px solid var(--theme--table-border);
background: var(--theme_local--card); background: var(--theme--card);
} }
#modules section .options p { #modules section .options p {
font-size: 0.9em; font-size: 0.9em;
} }
#modules section .options p:not(:last-child) { #modules section .options p:not(:last-child) {
padding-bottom: 0.5em; padding-bottom: 0.5em;
border-bottom: 0.5px solid var(--theme_local--table-border); border-bottom: 0.5px solid var(--theme--table-border);
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
@ -327,15 +327,15 @@ s {
font-size: 0.9rem; font-size: 0.9rem;
padding: 0.4rem 0.2rem; padding: 0.4rem 0.2rem;
border: none; border: none;
color: var(--theme_local--text); color: var(--theme--text);
background: var(--theme_local--main); background: var(--theme--main);
} }
.select select:focus, .select select:focus,
.input input[type='text']:focus, .input input[type='text']:focus,
.input input[type='number']:focus, .input input[type='number']:focus,
.file input[type='file']:focus + label .choose, .file input[type='file']:focus + label .choose,
.file input[type='file'] + label .choose:hover { .file input[type='file'] + label .choose:hover {
outline: var(--theme_local--table-border) solid 2px; outline: var(--theme--table-border) solid 2px;
} }
.file input[type='file'], .file input[type='file'],
.toggle input[type='checkbox'] { .toggle input[type='checkbox'] {
@ -365,7 +365,7 @@ s {
right: 0; right: 0;
width: 1em; width: 1em;
height: 0.1em; height: 0.1em;
border: 0.35em solid var(--theme_local--card); border: 0.35em solid var(--theme--card);
background: currentColor; background: currentColor;
} }
.file input[type='file'] + label .choose { .file input[type='file'] + label .choose {
@ -391,7 +391,7 @@ s {
float: right; float: right;
height: 0.65em; height: 0.65em;
width: 2em; width: 2em;
background: var(--theme_local--main); background: var(--theme--main);
border-radius: 5px; border-radius: 5px;
transition: background 300ms; transition: background 300ms;
} }
@ -405,8 +405,8 @@ s {
border-radius: inherit; border-radius: inherit;
background: linear-gradient( background: linear-gradient(
90deg, 90deg,
var(--theme_local--primary), var(--theme--primary),
var(--theme_local--primary_click) var(--theme--primary_click)
); );
opacity: var(--menu--toggle_opacity, 0); opacity: var(--menu--toggle_opacity, 0);
transition: opacity 300ms; transition: opacity 300ms;
@ -419,15 +419,15 @@ s {
border-radius: 50%; border-radius: 50%;
transform: translateX(var(--menu--toggle_offset, 0)); transform: translateX(var(--menu--toggle_offset, 0));
transition: transform 350ms, box-shadow 350ms; transition: transform 350ms, box-shadow 350ms;
background: var(--theme_local--option_active-color); background: var(--theme--option_active-color);
box-shadow: 2px 1px 4px var(--theme_local--table-border); box-shadow: 2px 1px 4px var(--theme--table-border);
} }
.toggle input[type='checkbox']:checked:focus + label .switch { .toggle input[type='checkbox']:checked:focus + label .switch {
background: none !important; background: none !important;
} }
.toggle input[type='checkbox']:focus + label .switch::before, .toggle input[type='checkbox']:focus + label .switch::before,
.toggle input[type='checkbox']:focus + label .switch .dot { .toggle input[type='checkbox']:focus + label .switch .dot {
border: 1px solid var(--theme_local--card-border); border: 1px solid var(--theme--table-border);
} }
.toggle input[type='checkbox']:checked + label { .toggle input[type='checkbox']:checked + label {
--menu--toggle_offset: 1em; --menu--toggle_offset: 1em;

127
mods/core/css/shared.css
View File

@ -7,6 +7,8 @@
* under the MIT license * under the MIT license
*/ */
@import './localised.css';
/* prevent block hover options overlaying topbar */ /* prevent block hover options overlaying topbar */
*:not([style*='z-index']) { *:not([style*='z-index']) {
z-index: 1; z-index: 1;
@ -89,3 +91,128 @@
padding-left: 15px !important; padding-left: 15px !important;
padding-right: 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(1) > div,
.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;
}

34
mods/core/css/variables.css
View File

@ -29,22 +29,21 @@
--theme_dark--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, --theme_dark--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo,
Courier, monospace; Courier, monospace;
--theme_dark--font-title_size: 40px; --theme_dark--font_title-size: 40px;
--theme_dark--font-heading1_size: 30px; --theme_dark--font_heading1-size: 30px;
--theme_dark--font-heading2_size: 24px; --theme_dark--font_heading2-size: 24px;
--theme_dark--font-heading3_size: 20px; --theme_dark--font_heading3-size: 20px;
--theme_dark--font-label_size: 14px; --theme_dark--font_label-size: 14px;
--theme_dark--font-body_size: 16px; --theme_dark--font_body-size: 16px;
--theme_dark--font-code_size: 12.75px; --theme_dark--font_code-size: 12.75px;
--theme_dark--font_sidebar-size: 14px;
--theme_dark--scrollbar: #505457; --theme_dark--scrollbar: #505457;
--theme_dark--scrollbar-border: transparent; --theme_dark--scrollbar-border: transparent;
--theme_dark--scrollbar_hover: #696d6f; --theme_dark--scrollbar_hover: #696d6f;
--theme_dark--card: rgb(63, 68, 71); --theme_dark--card: rgb(63, 68, 71);
--theme_dark--card-border: none;
--theme_dark--gallery: rgba(255, 255, 255, 0.05); --theme_dark--gallery: rgba(255, 255, 255, 0.05);
--theme_dark--gallery_hover: transparent;
--theme_dark--table-border: rgba(255, 255, 255, 0.1); --theme_dark--table-border: rgba(255, 255, 255, 0.1);
--theme_dark--interactive_hover: rgb(71, 76, 80); --theme_dark--interactive_hover: rgb(71, 76, 80);
--theme_dark--interactive_hover-border: transparent; --theme_dark--interactive_hover-border: transparent;
@ -139,22 +138,21 @@
--theme_light--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, --theme_light--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo,
Courier, monospace; Courier, monospace;
--theme_light--font-title_size: 40px; --theme_light--font_title-size: 40px;
--theme_light--font-heading1_size: 30px; --theme_light--font_heading1-size: 30px;
--theme_light--font-heading2_size: 24px; --theme_light--font_heading2-size: 24px;
--theme_light--font-heading3_size: 20px; --theme_light--font_heading3-size: 20px;
--theme_light--font-label_size: 14px; --theme_light--font_label-size: 14px;
--theme_light--font-body_size: 16px; --theme_light--font_body-size: 16px;
--theme_light--font-code_size: 12.75px; --theme_light--font_code-size: 12.75px;
--theme_light--font_sidebar-size: 14px;
--theme_light--scrollbar: #d9d8d6; --theme_light--scrollbar: #d9d8d6;
--theme_light--scrollbar-border: #cacac8; --theme_light--scrollbar-border: #cacac8;
--theme_light--scrollbar_hover: #cacac8; --theme_light--scrollbar_hover: #cacac8;
--theme_light--card: rgb(247, 246, 243); --theme_light--card: rgb(247, 246, 243);
--theme_light--card-border: none;
--theme_light--gallery: rgba(55, 53, 47, 0.024); --theme_light--gallery: rgba(55, 53, 47, 0.024);
--theme_light--gallery_hover: transparent;
--theme_light--table-border: rgba(55, 53, 47, 0.16); --theme_light--table-border: rgba(55, 53, 47, 0.16);
--theme_light--interactive_hover: rgba(55, 53, 47, 0.08); --theme_light--interactive_hover: rgba(55, 53, 47, 0.08);
--theme_light--interactive_hover-border: transparent; --theme_light--interactive_hover-border: transparent;

34
mods/core/css/variables.json
View File

@ -11,20 +11,19 @@
"--theme_dark--font_serif", "--theme_dark--font_serif",
"--theme_dark--font_mono", "--theme_dark--font_mono",
"--theme_dark--font_code", "--theme_dark--font_code",
"--theme_dark--font-title_size", "--theme_dark--font_title-size",
"--theme_dark--font-heading1_size", "--theme_dark--font_heading1-size",
"--theme_dark--font-heading2_size", "--theme_dark--font_heading2-size",
"--theme_dark--font-heading3_size", "--theme_dark--font_heading3-size",
"--theme_dark--font-label_size", "--theme_dark--font_label-size",
"--theme_dark--font-body_size", "--theme_dark--font_body-size",
"--theme_dark--font-code_size", "--theme_dark--font_code-size",
"--theme_dark--font_sidebar-size",
"--theme_dark--scrollbar", "--theme_dark--scrollbar",
"--theme_dark--scrollbar-border", "--theme_dark--scrollbar-border",
"--theme_dark--scrollbar_hover", "--theme_dark--scrollbar_hover",
"--theme_dark--card", "--theme_dark--card",
"--theme_dark--card-border",
"--theme_dark--gallery", "--theme_dark--gallery",
"--theme_dark--gallery_hover",
"--theme_dark--table-border", "--theme_dark--table-border",
"--theme_dark--interactive_hover", "--theme_dark--interactive_hover",
"--theme_dark--interactive_hover-border", "--theme_dark--interactive_hover-border",
@ -103,20 +102,19 @@
"--theme_light--font_serif", "--theme_light--font_serif",
"--theme_light--font_mono", "--theme_light--font_mono",
"--theme_light--font_code", "--theme_light--font_code",
"--theme_light--font-title_size", "--theme_light--font_title-size",
"--theme_light--font-heading1_size", "--theme_light--font_heading1-size",
"--theme_light--font-heading2_size", "--theme_light--font_heading2-size",
"--theme_light--font-heading3_size", "--theme_light--font_heading3-size",
"--theme_light--font-label_size", "--theme_light--font_label-size",
"--theme_light--font-body_size", "--theme_light--font_body-size",
"--theme_light--font-code_size", "--theme_light--font_code-size",
"--theme_light--font_sidebar-size",
"--theme_light--scrollbar", "--theme_light--scrollbar",
"--theme_light--scrollbar-border", "--theme_light--scrollbar-border",
"--theme_light--scrollbar_hover", "--theme_light--scrollbar_hover",
"--theme_light--card", "--theme_light--card",
"--theme_light--card-border",
"--theme_light--gallery", "--theme_light--gallery",
"--theme_light--gallery_hover",
"--theme_light--table-border", "--theme_light--table-border",
"--theme_light--interactive_hover", "--theme_light--interactive_hover",
"--theme_light--interactive_hover-border", "--theme_light--interactive_hover-border",

4
mods/core/menu.js
View File

@ -181,12 +181,12 @@ window['__start'] = async () => {
createTag( createTag(
'enabled', 'enabled',
(state) => [(search_query.enabled = state), search()] (state) => [(search_query.enabled = state), search()]
// 'var(--theme_local--bg_green)' // 'var(--theme--bg_green)'
); );
createTag( createTag(
'disabled', 'disabled',
(state) => [(search_query.disabled = state), search()] (state) => [(search_query.disabled = state), search()]
// 'var(--theme_local--bg_red)' // 'var(--theme--bg_red)'
); );
for (let tag of search_query.tags) for (let tag of search_query.tags)
createTag(`#${tag}`, (state) => [ createTag(`#${tag}`, (state) => [

41
mods/dark+/styles.css
View File

@ -8,8 +8,9 @@
--theme_dark--main: rgb(5, 5, 5); --theme_dark--main: rgb(5, 5, 5);
--theme_dark--sidebar: rgb(1, 1, 1); --theme_dark--sidebar: rgb(1, 1, 1);
/* --theme_dark--overlay: rgba(15, 15, 15, 0.6); */ /* --theme_dark--overlay: rgba(15, 15, 15, 0.6); */
--theme_dark--dragarea: #030303; --theme_dark--dragarea: #000;
/* --theme_dark--preview-width: 977px; /* --theme_dark--preview-width: 977px;
--theme_dark--preview-padding: 8em;
--theme_dark--preview_banner-height: 20vh; --theme_dark--preview_banner-height: 20vh;
--theme_dark--page_banner-height: 30vh; */ --theme_dark--page_banner-height: 30vh; */
@ -23,38 +24,46 @@
--theme_dark--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, --theme_dark--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo,
Courier, monospace; */ Courier, monospace; */
/* --theme_dark--font_title-size: 40px;
--theme_dark--font_heading1-size: 30px;
--theme_dark--font_heading2-size: 24px;
--theme_dark--font_heading3-size: 20px;
--theme_dark--font_label-size: 14px;
--theme_dark--font_body-size: 16px;
--theme_dark--font_code-size: 12.75px; */
--theme_dark--scrollbar: #232425; --theme_dark--scrollbar: #232425;
--theme_dark--scrollbar-border: transparent; --theme_dark--scrollbar-border: transparent;
--theme_dark--scrollbar_hover: #373838; --theme_dark--scrollbar_hover: #373838;
--theme_dark--card: #1717175e;
--theme_dark--gallery: rgba(26, 26, 26, 0.3);
--theme_dark--table-border: rgba(46, 46, 46, 0.7);
--theme_dark--interactive_hover: #020202;
/* --theme_dark--interactive_hover-border: transparent;
--theme_dark--button_close: #e81123;
--theme_dark--button_close-fill: white; */
--theme_dark--selected: rgba(241, 91, 91, 0.2); --theme_dark--selected: rgba(241, 91, 91, 0.2);
--theme_dark--primary: rgb(177, 24, 24); --theme_dark--primary: rgb(177, 24, 24);
--theme_dark--primary_hover: rgb(202, 26, 26); --theme_dark--primary_hover: rgb(202, 26, 26);
--theme_dark--primary_click: rgb(219, 41, 41); --theme_dark--primary_click: rgb(219, 41, 41);
--theme_dark--primary_indicator: rgb(202, 26, 26); --theme_dark--primary_indicator: rgb(202, 26, 26);
--theme_dark--card: rgb(4, 4, 4);
--theme_dark--card-border: rgba(10, 10, 10, 0.7);
--theme_dark--table-border: rgba(255, 255, 255, 0.1);
--theme_dark--interactive_hover: rgb(32, 32, 32);
--theme_dark--button-border: rgba(78, 78, 78, 0.7);
/* --theme_dark--button_close: #e81123;
--theme_dark--button_close-fill: white; */
/* --theme_dark--option-color: white; /* --theme_dark--option-color: white;
--theme_dark--option-background: transparent; --theme_dark--option-background: transparent;
--theme_dark--option_active-color: white; --theme_dark--option_active-color: white;
--theme_dark--option_active-background: var(--theme_dark--primary); --theme_dark--option_active-background: var(--theme_dark--primary);
--theme_dark--option_hover-color: white; --theme_dark--option_hover-color: white; */
--theme_dark--option_hover-background: rgb(71, 76, 80); */ --theme_dark--option_hover-background: rgb(32, 32, 32);
/* --theme_dark--danger_text: rgb(235, 87, 87); /* --theme_dark--danger_text: rgb(235, 87, 87);
--theme_dark--danger_border: rgba(235, 87, 87, 0.5); */ --theme_dark--danger_border: rgba(235, 87, 87, 0.5); */
/* --theme_dark--font-title_size: 40px; /* --theme_dark--font_title-size: 40px;
--theme_dark--font-heading1_size: 30px; --theme_dark--font_heading1-size: 30px;
--theme_dark--font-heading2_size: 24px; --theme_dark--font_heading2-size: 24px;
--theme_dark--font-heading3_size: 20px; */ --theme_dark--font_heading3-size: 20px; */
--theme_dark--text: rgb(228, 228, 228); --theme_dark--text: rgb(228, 228, 228);
--theme_dark--text_ui: rgba(211, 211, 211, 0.637); --theme_dark--text_ui: rgba(211, 211, 211, 0.637);
@ -90,7 +99,7 @@
--theme_dark--code_inline-text: #7dc582; --theme_dark--code_inline-text: #7dc582;
--theme_dark--code_inline-background: rgb(8, 8, 8); --theme_dark--code_inline-background: rgb(8, 8, 8);
--theme_dark--code_text: var(--theme_dark--text); /* --theme_dark--code_text: var(--theme_dark--text); */
--theme_dark--code-background: rgb(8, 8, 8); --theme_dark--code-background: rgb(8, 8, 8);
--theme_dark--code_function: #c7e1ff; --theme_dark--code_function: #c7e1ff;
--theme_dark--code_keyword: #c397d8; --theme_dark--code_keyword: #c397d8;

2
mods/focus-mode/mod.js
View File

@ -12,7 +12,7 @@ module.exports = {
tags: ['extension'], tags: ['extension'],
name: 'focus mode', name: 'focus mode',
desc: desc:
'hide the titlebar/menubar when the sidebar is closed (will be shown on hover).', 'hide the titlebar/menubar if the sidebar is closed (will be shown on hover).',
version: '0.0.1', version: '0.0.1',
author: 'arecsu', author: 'arecsu',
}; };

32
mods/neutral/styles.css
View File

@ -14,7 +14,7 @@
--theme_dark--main: #131313; --theme_dark--main: #131313;
--theme_dark--sidebar: #171717; --theme_dark--sidebar: #171717;
--theme_dark--overlay: rgba(15, 15, 15, 0.6); --theme_dark--overlay: rgba(15, 15, 15, 0.6);
--theme_dark--dragarea: rgb(15, 15, 15); --theme_dark--dragarea: #111111;
/* --theme_dark--preview-width: 977px; /* --theme_dark--preview-width: 977px;
--theme_dark--preview-padding: 8em; --theme_dark--preview-padding: 8em;
--theme_dark--preview_banner-height: 20vh; --theme_dark--preview_banner-height: 20vh;
@ -32,26 +32,26 @@
'Liberation Mono', Menlo, Courier, monospace; 'Liberation Mono', Menlo, Courier, monospace;
/* 1.3 supreme ratio. https://www.modularscale.com/ */ /* 1.3 supreme ratio. https://www.modularscale.com/ */
--theme_dark--font-title_size: 33px; --theme_dark--font_title-size: 33px;
--theme_dark--font-heading1_size: 33px; --theme_dark--font_heading1-size: 33px;
--theme_dark--font-heading2_size: 25.3px; --theme_dark--font_heading2-size: 25.3px;
--theme_dark--font-heading3_size: 19.5px; --theme_dark--font_heading3-size: 19.5px;
--theme_dark--font-label_size: 13.5px; --theme_dark--font_label-size: 13px;
--theme_dark--font-body_size: 15px; --theme_dark--font_body-size: 15px;
--theme_dark--font-code_size: 13.5px; --theme_dark--font_code-size: 13.5px;
--theme_dark--font_sidebar-size: 14px;
--theme_dark--scrollbar: #232425; --theme_dark--scrollbar: #232425;
--theme_dark--scrollbar-border: transparent; --theme_dark--scrollbar-border: transparent;
--theme_dark--scrollbar_hover: #373838; --theme_dark--scrollbar_hover: #373838;
--theme_dark--card: #171717; --theme_dark--card: #171717;
--theme_dark--card-border: none;
--theme_dark--gallery: rgba(105, 105, 105, 0.05); --theme_dark--gallery: rgba(105, 105, 105, 0.05);
--theme_dark--table-border: rgba(78, 78, 78, 0.7); --theme_dark--table-border: rgba(78, 78, 78, 0.7);
--theme_dark--interactive_hover: rgb(15, 15, 15); --theme_dark--interactive_hover: rgb(29, 29, 29);
--theme_dark--interactive_hover-border: transparent; /* --theme_dark--interactive_hover-border: transparent;
--theme_dark--button_close: #e81123; --theme_dark--button_close: #e81123;
--theme_dark--button_close-fill: white; --theme_dark--button_close-fill: white; */
--theme_dark--selected: #52525244; --theme_dark--selected: #52525244;
--theme_dark--primary: #404040; --theme_dark--primary: #404040;
@ -79,7 +79,7 @@
--theme_dark--text_yellow: #e2c06f; --theme_dark--text_yellow: #e2c06f;
--theme_dark--text_green: #92b178; --theme_dark--text_green: #92b178;
--theme_dark--text_blue: #719cca; --theme_dark--text_blue: #719cca;
--theme_dark--text_purple: #a173b3; --theme_dark--text_purple: #ab82bb;
--theme_dark--text_pink: #d285aa; --theme_dark--text_pink: #d285aa;
--theme_dark--text_red: #ce535f; --theme_dark--text_red: #ce535f;
--theme_dark--bg_gray: #585858; --theme_dark--bg_gray: #585858;
@ -88,7 +88,7 @@
--theme_dark--bg_yellow: #b58a46; --theme_dark--bg_yellow: #b58a46;
--theme_dark--bg_green: #657953; --theme_dark--bg_green: #657953;
--theme_dark--bg_blue: #355475; --theme_dark--bg_blue: #355475;
--theme_dark--bg_purple: #704481; --theme_dark--bg_purple: #775186;
--theme_dark--bg_pink: #8e4b63; --theme_dark--bg_pink: #8e4b63;
--theme_dark--bg_red: #8c3d3d; --theme_dark--bg_red: #8c3d3d;
--theme_dark--line_gray: #585858; --theme_dark--line_gray: #585858;
@ -97,7 +97,7 @@
--theme_dark--line_yellow: #b58a46; --theme_dark--line_yellow: #b58a46;
--theme_dark--line_green: #657953; --theme_dark--line_green: #657953;
--theme_dark--line_blue: #355475; --theme_dark--line_blue: #355475;
--theme_dark--line_purple: #704481; --theme_dark--line_purple: #775186;
--theme_dark--line_pink: #8e4b63; --theme_dark--line_pink: #8e4b63;
--theme_dark--line_red: #8c3d3d; --theme_dark--line_red: #8c3d3d;
@ -116,7 +116,7 @@
--theme_dark--code_comment: var(--theme_dark--text_gray); --theme_dark--code_comment: var(--theme_dark--text_gray);
--theme_dark--code_punctuation: var(--theme_dark--text_gray); --theme_dark--code_punctuation: var(--theme_dark--text_gray);
--theme_dark--code_doctype: var(--theme_dark--text_gray); --theme_dark--code_doctype: var(--theme_dark--text_gray);
--theme_dark--code_number: #88c5c5; --theme_dark--code_number: var(--theme_dark--text_purple);
--theme_dark--code_string: var(--theme_dark--text_orange); --theme_dark--code_string: var(--theme_dark--text_orange);
--theme_dark--code_attr-value: var(--theme_dark--text_orange); --theme_dark--code_attr-value: var(--theme_dark--text_orange);
} }