fix #73 - block-level text colours are now changed properly, add tick/cross to search filters

This commit is contained in:
dragonwocky 2020-09-03 12:11:25 +10:00
parent f9e53ad0b3
commit 9998857aa1
Signed by: dragonwocky
GPG Key ID: C7A48B7846AA706D
5 changed files with 79 additions and 11 deletions

View File

@ -17,6 +17,7 @@ a feature and cleanup update.
- improved: tiling window-manager support (can hide titlebars entirely without dragarea/buttons). - improved: tiling window-manager support (can hide titlebars entirely without dragarea/buttons).
- improved: extensions menu search is now case insensitive and includes options, inputs and versions. - improved: extensions menu search is now case insensitive and includes options, inputs and versions.
the search box can also for focused with `CMD/CTRL+F`. the search box can also for focused with `CMD/CTRL+F`.
- improved: extensions menu filters shown either a ✓ or × to help understand the current state.
- bugfix: enhancer settings should no longer reset on update (though this will not have - bugfix: enhancer settings should no longer reset on update (though this will not have
effect until the release after this one). effect until the release after this one).
- bugfix: blue select tags are no longer purple. - bugfix: blue select tags are no longer purple.
@ -25,6 +26,8 @@ a feature and cleanup update.
- bugfix: made the open enhancements menu hotkey configurable and changed the default to `ALT+E`. - bugfix: made the open enhancements menu hotkey configurable and changed the default to `ALT+E`.
to remove conflict with the inline code highlight shortcut. to remove conflict with the inline code highlight shortcut.
- bugfix: update property-layout to match notion changes again. - bugfix: update property-layout to match notion changes again.
- bugfix: updated some of the tweak styling to match notion changes.
- bugfix: block-level text colours are now changed properly.
- themes: "littlepig" (light + dark) = monospaced themes using emojis and colourful text. - themes: "littlepig" (light + dark) = monospaced themes using emojis and colourful text.
- extension: "font chooser" = customize fonts. for each option, type in the name of the font you would like to use, - extension: "font chooser" = customize fonts. for each option, type in the name of the font you would like to use,
or leave it blank to not change anything. or leave it blank to not change anything.
@ -36,7 +39,8 @@ a feature and cleanup update.
- improved: added individual text-colour rules for different background colours. - improved: added individual text-colour rules for different background colours.
- improved: added variables for callout colouring. - improved: added variables for callout colouring.
- bugfix: block-level text colours are now changed properly. - bugfix: switch to a different right-to-left extension because it wasn't working right
with bullet points and stuff.
notion-deb-builder has been discovered to not generate an app.asar and so is no longer supported. notion-deb-builder has been discovered to not generate an app.asar and so is no longer supported.

View File

@ -33,6 +33,7 @@ if you are attempting to customise the web client, the css previously used for t
### hide discussions (the comment threads at the top of each page) ### hide discussions (the comment threads at the top of each page)
```css ```css
[style*='env(safe-area-inset-left)'] [style*='width: 100%; height: 1px;'],
.notion-page-view-discussion { .notion-page-view-discussion {
display: none !important; display: none !important;
} }
@ -40,11 +41,27 @@ if you are attempting to customise the web client, the css previously used for t
<img src="https://github.com/dragonwocky/notion-enhancer/blob/b5043508d91df76f145f0f48c2c63d7dd1c27543/screenshots/discussion-default.jpg?raw=true" width="45%"></img> <img src="https://github.com/dragonwocky/notion-enhancer/blob/b5043508d91df76f145f0f48c2c63d7dd1c27543/screenshots/discussion-hidden.jpg?raw=true" width="45%"></img> <img src="https://github.com/dragonwocky/notion-enhancer/blob/b5043508d91df76f145f0f48c2c63d7dd1c27543/screenshots/discussion-default.jpg?raw=true" width="45%"></img> <img src="https://github.com/dragonwocky/notion-enhancer/blob/b5043508d91df76f145f0f48c2c63d7dd1c27543/screenshots/discussion-hidden.jpg?raw=true" width="45%"></img>
### hide backlinks
note: this only hides the trigger. if you've already got backlinks shown,
then use the 3 dots up in the top-right corner to remove them.
```css
.notion-page-details-controls {
display: none !important;
}
```
<img src="https://user-images.githubusercontent.com/16874139/92044159-f3eb2880-edc0-11ea-9cc9-7adcec540905.png" width="45%"> <img src="https://user-images.githubusercontent.com/16874139/92044290-42002c00-edc1-11ea-96fa-147d84eb0555.png" width="45%">
### hide the '+ new' gallery button ### hide the '+ new' gallery button
```css ```css
.notion-gallery-view .notion-gallery-view
.notion-selectable.notion-collection_view-block .notion-selectable.notion-collection_view-block
> [role='button'],
.notion-gallery-view
.notion-selectable.notion-collection_view_page-block
> [role='button'] { > [role='button'] {
display: none !important; display: none !important;
} }

3
bin.js
View File

@ -67,4 +67,5 @@ cli.showVersionOnExit = true;
cli.parse(); cli.parse();
if (!cli.matchedCommand && !helpCalled) cli.outputHelp(); if (!cli.matchedCommand && !helpCalled && !cli.options.version)
cli.outputHelp();

View File

@ -241,10 +241,16 @@ s {
background: var(--theme--option_hover-background); background: var(--theme--option_hover-background);
color: var(--theme--option_hover-color); color: var(--theme--option_hover-color);
} }
#search #tags > span::before {
content: '× ';
}
#search #tags > .selected { #search #tags > .selected {
background: var(--tag_color, var(--theme--option_active-background)); background: var(--tag_color, var(--theme--option_active-background));
color: var(--theme--option_active-color); color: var(--theme--option_active-color);
} }
#search #tags > .selected::before {
content: '✓ ';
}
/* module meta */ /* module meta */

View File

@ -417,8 +417,13 @@
} }
.notion-body.dark [style*='color:rgba(151,154,155,0.95)'], .notion-body.dark [style*='color:rgba(151,154,155,0.95)'],
.notion-body:not(.dark) [style*='color:rgb(155,154,151)'] { .notion-body.dark
[style*='color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6);'],
.notion-body:not(.dark) [style*='color:rgb(155,154,151)'],
.notion-body:not(.dark)
[style*='color: rgba(55, 53, 47, 0.6); fill: rgba(55, 53, 47, 0.6);'] {
color: var(--theme--text_gray) !important; color: var(--theme--text_gray) !important;
fill: var(--theme--text_gray) !important;
} }
.notion-body.dark [style*='background: rgba(151, 154, 155, 0.5)'], .notion-body.dark [style*='background: rgba(151, 154, 155, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
@ -435,8 +440,13 @@
background: var(--theme--line_gray) !important; background: var(--theme--line_gray) !important;
} }
.notion-body.dark [style*='color:rgb(147,114,100)'], .notion-body.dark [style*='color:rgb(147,114,100)'],
.notion-body:not(.dark) [style*='color:rgb(100,71,58)'] { .notion-body.dark
[style*='color: rgb(147, 114, 100); fill: rgb(147, 114, 100);'],
.notion-body:not(.dark) [style*='color:rgb(100,71,58)'],
.notion-body:not(.dark)
[style*='color: rgb(100, 71, 58); fill: rgb(100, 71, 58);'] {
color: var(--theme--text_brown) !important; color: var(--theme--text_brown) !important;
fill: var(--theme--text_brown) !important;
} }
.notion-body.dark [style*='background: rgba(147, 114, 100, 0.5)'], .notion-body.dark [style*='background: rgba(147, 114, 100, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
@ -453,8 +463,12 @@
background: var(--theme--line_brown) !important; background: var(--theme--line_brown) !important;
} }
.notion-body.dark [style*='color:rgb(255,163,68)'], .notion-body.dark [style*='color:rgb(255,163,68)'],
.notion-body:not(.dark) [style*='color:rgb(217,115,13)'] { .notion-body.dark [style*='color: rgb(255, 163, 68); fill: rgb(255, 163, 68);'],
.notion-body:not(.dark) [style*='color:rgb(217,115,13)'],
.notion-body:not(.dark)
[style*='color: rgb(217, 115, 13); fill: rgb(217, 115, 13);'] {
color: var(--theme--text_orange) !important; color: var(--theme--text_orange) !important;
fill: var(--theme--text_orange) !important;
} }
.notion-body.dark [style*='background: rgba(255, 163, 68, 0.5)'], .notion-body.dark [style*='background: rgba(255, 163, 68, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'] {
@ -471,8 +485,12 @@
background: var(--theme--line_orange) !important; background: var(--theme--line_orange) !important;
} }
.notion-body.dark [style*='color:rgb(255,220,73)'], .notion-body.dark [style*='color:rgb(255,220,73)'],
.notion-body:not(.dark) [style*='color:rgb(223,171,1)'] { .notion-body.dark [style*='color: rgb(255, 220, 73); fill: rgb(255, 220, 73);'],
.notion-body:not(.dark) [style*='color:rgb(223,171,1)'],
.notion-body:not(.dark)
[style*='color: rgb(223, 171, 1); fill: rgb(223, 171, 1);'] {
color: var(--theme--text_yellow) !important; color: var(--theme--text_yellow) !important;
fill: var(--theme--text_yellow) !important;
} }
.notion-body.dark [style*='background: rgba(255, 220, 73, 0.5)'], .notion-body.dark [style*='background: rgba(255, 220, 73, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'] {
@ -489,8 +507,12 @@
background: var(--theme--line_yellow) !important; background: var(--theme--line_yellow) !important;
} }
.notion-body.dark [style*='color:rgb(77,171,154)'], .notion-body.dark [style*='color:rgb(77,171,154)'],
.notion-body:not(.dark) [style*='color:rgb(15,123,108)'] { .notion-body.dark [style*='color: rgb(77, 171, 154); fill: rgb(77, 171, 154);'],
.notion-body:not(.dark) [style*='color:rgb(15,123,108)'],
.notion-body:not(.dark)
[style*='color: rgb(15, 123, 108); fill: rgb(15, 123, 108);'] {
color: var(--theme--text_green) !important; color: var(--theme--text_green) !important;
fill: var(--theme--text_green) !important;
} }
.notion-body.dark [style*='background: rgba(77, 171, 154, 0.5)'], .notion-body.dark [style*='background: rgba(77, 171, 154, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'] {
@ -507,8 +529,12 @@
background: var(--theme--line_green) !important; background: var(--theme--line_green) !important;
} }
.notion-body.dark [style*='color:rgb(82,156,202)'], .notion-body.dark [style*='color:rgb(82,156,202)'],
.notion-body:not(.dark) [style*='color:rgb(11,110,153)'] { .notion-body.dark [style*='color: rgb(82, 156, 202); fill: rgb(82, 156, 202);'],
.notion-body:not(.dark) [style*='color:rgb(11,110,153)'],
.notion-body:not(.dark)
[style*='color: rgb(11, 110, 153); fill: rgb(11, 110, 153);'] {
color: var(--theme--text_blue) !important; color: var(--theme--text_blue) !important;
fill: var(--theme--text_blue) !important;
} }
.notion-body.dark [style*='background: rgba(82, 156, 202, 0.5)'], .notion-body.dark [style*='background: rgba(82, 156, 202, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'] {
@ -525,8 +551,13 @@
background: var(--theme--line_blue) !important; background: var(--theme--line_blue) !important;
} }
.notion-body.dark [style*='color:rgb(154,109,215)'], .notion-body.dark [style*='color:rgb(154,109,215)'],
.notion-body:not(.dark) [style*='color:rgb(105,64,165)'] { .notion-body.dark
[style*='color: rgb(154, 109, 215); fill: rgb(154, 109, 215);'],
.notion-body:not(.dark) [style*='color:rgb(105,64,165)'],
.notion-body:not(.dark)
[style*='color: rgb(105, 64, 165); fill: rgb(105, 64, 165);'] {
color: var(--theme--text_purple) !important; color: var(--theme--text_purple) !important;
fill: var(--theme--text_purple) !important;
} }
.notion-body.dark [style*='background: rgba(154, 109, 215, 0.5)'], .notion-body.dark [style*='background: rgba(154, 109, 215, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'] {
@ -543,8 +574,12 @@
background: var(--theme--line_purple) !important; background: var(--theme--line_purple) !important;
} }
.notion-body.dark [style*='color:rgb(226,85,161)'], .notion-body.dark [style*='color:rgb(226,85,161)'],
.notion-body:not(.dark) [style*='color:rgb(173,26,114)'] { .notion-body.dark [style*='color: rgb(226, 85, 161); fill: rgb(226, 85, 161);'],
.notion-body:not(.dark) [style*='color:rgb(173,26,114)'],
.notion-body:not(.dark)
[style*='color: rgb(173, 26, 114); fill: rgb(173, 26, 114);'] {
color: var(--theme--text_pink) !important; color: var(--theme--text_pink) !important;
fill: var(--theme--text_pink) !important;
} }
.notion-body.dark [style*='background: rgba(226, 85, 161, 0.5)'], .notion-body.dark [style*='background: rgba(226, 85, 161, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'] {
@ -561,8 +596,13 @@
background: var(--theme--line_pink) !important; background: var(--theme--line_pink) !important;
} }
.notion-body.dark [style*='color:rgb(255,115,105)'], .notion-body.dark [style*='color:rgb(255,115,105)'],
.notion-body:not(.dark) [style*='color:rgb(224,62,62)'] { .notion-body.dark
[style*='color: rgb(255, 115, 105); fill: rgb(255, 115, 105);'],
.notion-body:not(.dark) [style*='color:rgb(224,62,62)'],
.notion-body:not(.dark)
[style*='color: rgb(224, 62, 62); fill: rgb(224, 62, 62);'] {
color: var(--theme--text_red) !important; color: var(--theme--text_red) !important;
fill: var(--theme--text_red) !important;
} }
.notion-body.dark [style*='background: rgba(255, 115, 105, 0.5);'], .notion-body.dark [style*='background: rgba(255, 115, 105, 0.5);'],
.notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'] {