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: extensions menu search is now case insensitive and includes options, inputs and versions.
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
effect until the release after this one).
- 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`.
to remove conflict with the inline code highlight shortcut.
- 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.
- 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.
@ -36,7 +39,8 @@ a feature and cleanup update.
- improved: added individual text-colour rules for different background colours.
- 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.

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)
```css
[style*='env(safe-area-inset-left)'] [style*='width: 100%; height: 1px;'],
.notion-page-view-discussion {
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>
### 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
```css
.notion-gallery-view
.notion-selectable.notion-collection_view-block
> [role='button'],
.notion-gallery-view
.notion-selectable.notion-collection_view_page-block
> [role='button'] {
display: none !important;
}

3
bin.js
View File

@ -67,4 +67,5 @@ cli.showVersionOnExit = true;
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);
color: var(--theme--option_hover-color);
}
#search #tags > span::before {
content: '× ';
}
#search #tags > .selected {
background: var(--tag_color, var(--theme--option_active-background));
color: var(--theme--option_active-color);
}
#search #tags > .selected::before {
content: '✓ ';
}
/* module meta */

View File

@ -417,8 +417,13 @@
}
.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;
fill: var(--theme--text_gray) !important;
}
.notion-body.dark [style*='background: rgba(151, 154, 155, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
@ -435,8 +440,13 @@
background: var(--theme--line_gray) !important;
}
.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;
fill: var(--theme--text_brown) !important;
}
.notion-body.dark [style*='background: rgba(147, 114, 100, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
@ -453,8 +463,12 @@
background: var(--theme--line_brown) !important;
}
.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;
fill: var(--theme--text_orange) !important;
}
.notion-body.dark [style*='background: rgba(255, 163, 68, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'] {
@ -471,8 +485,12 @@
background: var(--theme--line_orange) !important;
}
.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;
fill: var(--theme--text_yellow) !important;
}
.notion-body.dark [style*='background: rgba(255, 220, 73, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'] {
@ -489,8 +507,12 @@
background: var(--theme--line_yellow) !important;
}
.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;
fill: var(--theme--text_green) !important;
}
.notion-body.dark [style*='background: rgba(77, 171, 154, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'] {
@ -507,8 +529,12 @@
background: var(--theme--line_green) !important;
}
.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;
fill: var(--theme--text_blue) !important;
}
.notion-body.dark [style*='background: rgba(82, 156, 202, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'] {
@ -525,8 +551,13 @@
background: var(--theme--line_blue) !important;
}
.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;
fill: var(--theme--text_purple) !important;
}
.notion-body.dark [style*='background: rgba(154, 109, 215, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'] {
@ -543,8 +574,12 @@
background: var(--theme--line_purple) !important;
}
.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;
fill: var(--theme--text_pink) !important;
}
.notion-body.dark [style*='background: rgba(226, 85, 161, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'] {
@ -561,8 +596,13 @@
background: var(--theme--line_pink) !important;
}
.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;
fill: var(--theme--text_red) !important;
}
.notion-body.dark [style*='background: rgba(255, 115, 105, 0.5);'],
.notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'] {