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

replace unicode window button icons with svgs

Browse Source
This commit is contained in:
dragonwocky 2020-07-09 14:58:10 +10:00
parent 31ccd13ced
commit 582a8cc642
Signed by: dragonwocky
GPG Key ID: C7A48B7846AA706D
21 changed files with 109 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
CHANGELOG.md
View File

@ -5,11 +5,20 @@ but can still easily be enabled by following instructions in the [docs](README.m
### v0.6.1 (wip) ### v0.6.1 (wip)
- new: semi-mac support? installs, but can't confirm changes have taken effect. - new: mac support (identical functionality to others platforms with the
exception of the native minimise/maximise/close buttons being kept, as they integrate
better with the OS while not being out-of-place in notion).
- improved: replaced button symbols with svgs for multi-platform support.
- improved: window close button is now red on hover (thanks to [@torchatlas](https://github.com/torchatlas)).
- bugfix: `cleaner.py` patched for linux. - bugfix: `cleaner.py` patched for linux.
- bugfix: tray now operates as expected on linux.
- bugfix: odd mix of `\\` and `/` being used for windows filepaths. - bugfix: odd mix of `\\` and `/` being used for windows filepaths.
- bugfix: app no longer crashes when sidebar is toggled. - bugfix: app no longer crashes when sidebar is toggled.
known remaining/confirmed issues:
- russian symbols not supported by UTF-8
### v0.6.0 (2020-06-30) ### v0.6.0 (2020-06-30)
- style: custom fonts. - style: custom fonts.

6
README.md
View File

@ -65,13 +65,9 @@ experienced problems with the notion app, or just want to add something a bit mo
default windows titlebar/frame has been replaced by one more fitting to the theme of the app. default windows titlebar/frame has been replaced by one more fitting to the theme of the app.
this includes the addition of an extra button, "always on top" this includes the addition of an extra button, "always on top"
symbolised with an arrow (4th from the right). when toggled to point up, symbolised with an arrow. when toggled to point up,
notion will remain the top visible window even if not focused. notion will remain the top visible window even if not focused.
to customise which characters are used for these buttons, open in the `resources/preload.js` file,
find the relevant button icon (lines 69 - 82) and replace it with your chosen unicode character (e.g.
replacing `return '⨉';` with `return '🙄';`).
### nicer scrollbars ### nicer scrollbars
i mean, yeah. get rid of those ugly default scrollbars and use nice inconspicuous i mean, yeah. get rid of those ugly default scrollbars and use nice inconspicuous

10
customiser.py
View File

@ -118,7 +118,7 @@ try:
f' ...linking to {os.path.join(".", "resources", "user.css")}') f' ...linking to {os.path.join(".", "resources", "user.css")}')
with open(os.path.join(__dirname__, 'resources', 'preload.js'), 'r', encoding='UTF-8') as insert: with open(os.path.join(__dirname__, 'resources', 'preload.js'), 'r', encoding='UTF-8') as insert:
append.write(insert.read().replace( append.write(insert.read().replace(
'☃☃☃assets☃☃☃', os.path.join(enhancer_folder, 'resources').replace('\\', '/'))) '☃☃☃resources☃☃☃', os.path.join(enhancer_folder, 'resources').replace('\\', '/')))
else: else:
print( print(
f' * {os.path.join(filepath, "app","renderer","preload.js")} was not found: step skipped.') f' * {os.path.join(filepath, "app","renderer","preload.js")} was not found: step skipped.')
@ -192,11 +192,9 @@ try:
with open(os.path.join(filepath, "app", "main", "main.js"), 'a', encoding='UTF-8') as append: with open(os.path.join(filepath, "app", "main", "main.js"), 'a', encoding='UTF-8') as append:
with open(os.path.join(__dirname__, 'resources', 'tray.js'), 'r', encoding='UTF-8') as insert: with open(os.path.join(__dirname__, 'resources', 'tray.js'), 'r', encoding='UTF-8') as insert:
append.write('\n' + insert.read().replace( append.write('\n' + insert.read().replace(
'☃☃☃hotkey☃☃☃', hotkey)) '☃☃☃hotkey☃☃☃', hotkey).replace(
print( '☃☃☃resources☃☃☃', os.path.join(enhancer_folder, 'resources').replace('\\', '/'))
f' ...copying tray icon {os.path.join(".", "logo.png")} to {os.path.join(filepath, "app", "main")}') )
copyfile(os.path.join(__dirname__, 'logo.png'),
os.path.join(filepath, "app", "main", "logo.png"))
print( print(
f' ...copying datastore wrapper {os.path.join(".", "resources", "store.js")} to {os.path.join(filepath, "app")}') f' ...copying datastore wrapper {os.path.join(".", "resources", "store.js")} to {os.path.join(filepath, "app")}')
copyfile(os.path.join(__dirname__, 'resources', 'store.js'), copyfile(os.path.join(__dirname__, 'resources', 'store.js'),

2
docs.json
View File

@ -8,7 +8,7 @@
"url": "https://dragonwocky.me/notion-enhancer/" "url": "https://dragonwocky.me/notion-enhancer/"
}, },
"icon": { "icon": {
"light": "logo.png" "light": "notion.png"
}, },
"overwrite": true, "overwrite": true,
"exclude": [ "exclude": [

13
docs/changelog.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html><!-- Documentative--><!-- (c) 2020 dragonwocky <thedragonring.bod@gmail.com>--><!-- (https://dragonwocky.me/) under the MIT license--><html prefix="og: http://ogp.me/ns#"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>changelog | notion enhancer</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Nunito+Sans"><link rel="stylesheet" href="docs.css"><script src="docs.js"></script><link rel="icon" href="logo.png" media="(prefers-color-scheme: dark)"><link rel="icon" href="logo.png"><meta name="title" content="changelog | notion enhancer"><meta name="description" content="an enhancer/customiser for the all-in-one productivity workspace notion.so"><meta name="theme-color" content="rgb(75, 133, 209)"><meta property="og:type" content="article"><meta property="og:url" content="https://dragonwocky.me/notion-enhancer/changelog.html"><meta property="og:title" content="changelog"><meta property="og:site_name" content="notion enhancer"><meta property="og:description" content="an enhancer/customiser for the all-in-one productivity workspace notion.so"><meta property="og:image" content="https://dragonwocky.me/notion-enhancer/logo.png"><meta property="twitter:card" content="summary"></head><body><aside class="menu"><div><div class="title"><h1>notion enhancer</h1><picture class="icon"><source srcset="logo.png" media="(prefers-color-scheme: dark)"><img src="logo.png"></picture></div></div><ul class="nav"><li class="entry"><a href="index.html">notion enhancer</a></li><li class="entry"><a href="styling.html">styling</a></li><li class="entry"><p>resources</p></li><li class="entry"><a href="#changelog">changelog</a><ul><li class="level-3"><a href="#v061-wip">v0.6.1 (wip)</a></li><li class="level-3"><a href="#v060-2020-06-30">v0.6.0 (2020-06-30)</a></li><li class="level-3"><a href="#v050-2020-05-23">v0.5.0 (2020-05-23)</a></li><li class="level-3"><a href="#v041-2020-02-13">v0.4.1 (2020-02-13)</a></li><li class="level-3"><a href="#v040">v0.4.0</a></li><li class="level-3"><a href="#v030">v0.3.0</a></li><li class="level-3"><a href="#v020">v0.2.0</a></li><li class="level-3"><a href="#v010">v0.1.0</a></li></ul></li><li class="entry"><a href="https://github.com/dragonwocky/notion-enhancer/blob/master/LICENSE">license</a></li><li class="entry"><a href="https://github.com/dragonwocky/notion-enhancer/">github</a></li><li class="entry"><a href="https://dragonwocky.me/">me (dragonwocky)</a></li></ul><p class="mark"><a href="https://dragonwocky.me/documentative">docs by documentative</a></p></aside><div class="wrapper"><div class="toggle"><button>☰</button><h1>notion enhancer</h1></div><article class="documentative"><div class="content"> <!DOCTYPE html><!-- Documentative--><!-- (c) 2020 dragonwocky <thedragonring.bod@gmail.com>--><!-- (https://dragonwocky.me/) under the MIT license--><html prefix="og: http://ogp.me/ns#"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>changelog | notion enhancer</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Nunito+Sans"><link rel="stylesheet" href="docs.css"><script src="docs.js"></script><link rel="icon" href="notion.png" media="(prefers-color-scheme: dark)"><link rel="icon" href="notion.png"><meta name="title" content="changelog | notion enhancer"><meta name="description" content="an enhancer/customiser for the all-in-one productivity workspace notion.so"><meta name="theme-color" content="rgb(75, 133, 209)"><meta property="og:type" content="article"><meta property="og:url" content="https://dragonwocky.me/notion-enhancer/changelog.html"><meta property="og:title" content="changelog"><meta property="og:site_name" content="notion enhancer"><meta property="og:description" content="an enhancer/customiser for the all-in-one productivity workspace notion.so"><meta property="og:image" content="https://dragonwocky.me/notion-enhancer/notion.png"><meta property="twitter:card" content="summary"></head><body><aside class="menu"><div><div class="title"><h1>notion enhancer</h1><picture class="icon"><source srcset="notion.png" media="(prefers-color-scheme: dark)"><img src="notion.png"></picture></div></div><ul class="nav"><li class="entry"><a href="index.html">notion enhancer</a></li><li class="entry"><a href="styling.html">styling</a></li><li class="entry"><p>resources</p></li><li class="entry"><a href="#changelog">changelog</a><ul><li class="level-3"><a href="#v061-wip">v0.6.1 (wip)</a></li><li class="level-3"><a href="#v060-2020-06-30">v0.6.0 (2020-06-30)</a></li><li class="level-3"><a href="#v050-2020-05-23">v0.5.0 (2020-05-23)</a></li><li class="level-3"><a href="#v041-2020-02-13">v0.4.1 (2020-02-13)</a></li><li class="level-3"><a href="#v040">v0.4.0</a></li><li class="level-3"><a href="#v030">v0.3.0</a></li><li class="level-3"><a href="#v020">v0.2.0</a></li><li class="level-3"><a href="#v010">v0.1.0</a></li></ul></li><li class="entry"><a href="https://github.com/dragonwocky/notion-enhancer/blob/master/LICENSE">license</a></li><li class="entry"><a href="https://github.com/dragonwocky/notion-enhancer/">github</a></li><li class="entry"><a href="https://dragonwocky.me/">me (dragonwocky)</a></li></ul><p class="mark"><a href="https://dragonwocky.me/documentative">docs by documentative</a></p></aside><div class="wrapper"><div class="toggle"><button>☰</button><h1>notion enhancer</h1></div><article class="documentative"><div class="content">
<section class="block" id="changelog"> <section class="block" id="changelog">
<h1> <h1>
@ -13,10 +13,19 @@ but can still easily be enabled by following instructions in the <a href="index.
<a href="#v061-wip">v0.6.1 (wip)</a> <a href="#v061-wip">v0.6.1 (wip)</a>
</h3> </h3>
<ul> <ul>
<li>new: semi-mac support? installs, but can&#39;t confirm changes have taken effect.</li> <li>new: mac support (identical functionality to others platforms with the
exception of the native minimise/maximise/close buttons being kept, as they integrate
better with the OS while not being out-of-place in notion).</li>
<li>improved: replaced button symbols with svgs for multi-platform support.</li>
<li>improved: window close button is now red on hover (thanks to <a href="https://github.com/torchatlas#" title="">@torchatlas</a>).</li>
<li>bugfix: <code>cleaner.py</code> patched for linux.</li> <li>bugfix: <code>cleaner.py</code> patched for linux.</li>
<li>bugfix: tray now operates as expected on linux.</li>
<li>bugfix: odd mix of <code>\\</code> and <code>/</code> being used for windows filepaths.</li> <li>bugfix: odd mix of <code>\\</code> and <code>/</code> being used for windows filepaths.</li>
<li>bugfix: app no longer crashes when sidebar is toggled.</li> <li>bugfix: app no longer crashes when sidebar is toggled.</li>
</ul>
<p>known remaining/confirmed issues:</p>
<ul>
<li>russian symbols not supported by UTF-8</li>
</ul> </ul>
</section> </section>

7
docs/index.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html><!-- Documentative--><!-- (c) 2020 dragonwocky <thedragonring.bod@gmail.com>--><!-- (https://dragonwocky.me/) under the MIT license--><html prefix="og: http://ogp.me/ns#"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>notion enhancer</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Nunito+Sans"><link rel="stylesheet" href="docs.css"><script src="docs.js"></script><link rel="icon" href="logo.png" media="(prefers-color-scheme: dark)"><link rel="icon" href="logo.png"><meta name="title" content="notion enhancer"><meta name="description" content="an enhancer/customiser for the all-in-one productivity workspace notion.so"><meta name="theme-color" content="rgb(75, 133, 209)"><meta property="og:type" content="article"><meta property="og:url" content="https://dragonwocky.me/notion-enhancer/index.html"><meta property="og:title" content="notion enhancer"><meta property="og:site_name" content="notion enhancer"><meta property="og:description" content="an enhancer/customiser for the all-in-one productivity workspace notion.so"><meta property="og:image" content="https://dragonwocky.me/notion-enhancer/logo.png"><meta property="twitter:card" content="summary"></head><body><aside class="menu"><div><div class="title"><h1>notion enhancer</h1><picture class="icon"><source srcset="logo.png" media="(prefers-color-scheme: dark)"><img src="logo.png"></picture></div></div><ul class="nav"><li class="entry"><a href="#notion-enhancer">notion enhancer</a><ul><li class="level-2"><a href="#installation">installation</a></li><li class="level-2"><a href="#faq">faq</a></li><li class="level-2"><a href="#features">features</a></li><li class="level-3"><a href="#titlebar">titlebar</a></li><li class="level-3"><a href="#nicer-scrollbars">nicer scrollbars</a></li><li class="level-3"><a href="#hotkeys">hotkeys</a></li><li class="level-3"><a href="#tray">tray</a></li><li class="level-2"><a href="#styling">styling</a></li><li class="level-2"><a href="#other-details">other details</a></li></ul></li><li class="entry"><a href="styling.html">styling</a></li><li class="entry"><p>resources</p></li><li class="entry"><a href="changelog.html">changelog</a></li><li class="entry"><a href="https://github.com/dragonwocky/notion-enhancer/blob/master/LICENSE">license</a></li><li class="entry"><a href="https://github.com/dragonwocky/notion-enhancer/">github</a></li><li class="entry"><a href="https://dragonwocky.me/">me (dragonwocky)</a></li></ul><p class="mark"><a href="https://dragonwocky.me/documentative">docs by documentative</a></p></aside><div class="wrapper"><div class="toggle"><button>☰</button><h1>notion enhancer</h1></div><article class="documentative"><div class="content"> <!DOCTYPE html><!-- Documentative--><!-- (c) 2020 dragonwocky <thedragonring.bod@gmail.com>--><!-- (https://dragonwocky.me/) under the MIT license--><html prefix="og: http://ogp.me/ns#"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>notion enhancer</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Nunito+Sans"><link rel="stylesheet" href="docs.css"><script src="docs.js"></script><link rel="icon" href="notion.png" media="(prefers-color-scheme: dark)"><link rel="icon" href="notion.png"><meta name="title" content="notion enhancer"><meta name="description" content="an enhancer/customiser for the all-in-one productivity workspace notion.so"><meta name="theme-color" content="rgb(75, 133, 209)"><meta property="og:type" content="article"><meta property="og:url" content="https://dragonwocky.me/notion-enhancer/index.html"><meta property="og:title" content="notion enhancer"><meta property="og:site_name" content="notion enhancer"><meta property="og:description" content="an enhancer/customiser for the all-in-one productivity workspace notion.so"><meta property="og:image" content="https://dragonwocky.me/notion-enhancer/notion.png"><meta property="twitter:card" content="summary"></head><body><aside class="menu"><div><div class="title"><h1>notion enhancer</h1><picture class="icon"><source srcset="notion.png" media="(prefers-color-scheme: dark)"><img src="notion.png"></picture></div></div><ul class="nav"><li class="entry"><a href="#notion-enhancer">notion enhancer</a><ul><li class="level-2"><a href="#installation">installation</a></li><li class="level-2"><a href="#faq">faq</a></li><li class="level-2"><a href="#features">features</a></li><li class="level-3"><a href="#titlebar">titlebar</a></li><li class="level-3"><a href="#nicer-scrollbars">nicer scrollbars</a></li><li class="level-3"><a href="#hotkeys">hotkeys</a></li><li class="level-3"><a href="#tray">tray</a></li><li class="level-2"><a href="#styling">styling</a></li><li class="level-2"><a href="#other-details">other details</a></li></ul></li><li class="entry"><a href="styling.html">styling</a></li><li class="entry"><p>resources</p></li><li class="entry"><a href="changelog.html">changelog</a></li><li class="entry"><a href="https://github.com/dragonwocky/notion-enhancer/blob/master/LICENSE">license</a></li><li class="entry"><a href="https://github.com/dragonwocky/notion-enhancer/">github</a></li><li class="entry"><a href="https://dragonwocky.me/">me (dragonwocky)</a></li></ul><p class="mark"><a href="https://dragonwocky.me/documentative">docs by documentative</a></p></aside><div class="wrapper"><div class="toggle"><button>☰</button><h1>notion enhancer</h1></div><article class="documentative"><div class="content">
<section class="block" id="notion-enhancer"> <section class="block" id="notion-enhancer">
<h1> <h1>
@ -70,11 +70,8 @@ additionally, if you ever need to change or reset your notion build, the <code>c
</h3> </h3>
<p>default windows titlebar/frame has been replaced by one more fitting to the theme of the app.</p> <p>default windows titlebar/frame has been replaced by one more fitting to the theme of the app.</p>
<p>this includes the addition of an extra button, &quot;always on top&quot; <p>this includes the addition of an extra button, &quot;always on top&quot;
symbolised with an arrow (4th from the right). when toggled to point up, symbolised with an arrow. when toggled to point up,
notion will remain the top visible window even if not focused.</p> notion will remain the top visible window even if not focused.</p>
<p>to customise which characters are used for these buttons, open in the <code>resources/preload.js</code> file,
find the relevant button icon (lines 69 - 82) and replace it with your chosen unicode character (e.g.
replacing <code>return &#39;⨉&#39;;</code> with <code>return &#39;🙄&#39;;</code>).</p>
</section> </section>
<section class="block" id="nicer-scrollbars"> <section class="block" id="nicer-scrollbars">

0
docs/logo.png → docs/notion.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.0 KiB

After

Width:  |  Height:  |  Size: 7.0 KiB

2
docs/styling.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html><!-- Documentative--><!-- (c) 2020 dragonwocky <thedragonring.bod@gmail.com>--><!-- (https://dragonwocky.me/) under the MIT license--><html prefix="og: http://ogp.me/ns#"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>styling | notion enhancer</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Nunito+Sans"><link rel="stylesheet" href="docs.css"><script src="docs.js"></script><link rel="icon" href="logo.png" media="(prefers-color-scheme: dark)"><link rel="icon" href="logo.png"><meta name="title" content="styling | notion enhancer"><meta name="description" content="an enhancer/customiser for the all-in-one productivity workspace notion.so"><meta name="theme-color" content="rgb(75, 133, 209)"><meta property="og:type" content="article"><meta property="og:url" content="https://dragonwocky.me/notion-enhancer/styling.html"><meta property="og:title" content="styling"><meta property="og:site_name" content="notion enhancer"><meta property="og:description" content="an enhancer/customiser for the all-in-one productivity workspace notion.so"><meta property="og:image" content="https://dragonwocky.me/notion-enhancer/logo.png"><meta property="twitter:card" content="summary"></head><body><aside class="menu"><div><div class="title"><h1>notion enhancer</h1><picture class="icon"><source srcset="logo.png" media="(prefers-color-scheme: dark)"><img src="logo.png"></picture></div></div><ul class="nav"><li class="entry"><a href="index.html">notion enhancer</a></li><li class="entry"><a href="#styling">styling</a><ul><li class="level-2"><a href="#generalapp-wide">general/app-wide</a></li><li class="level-3"><a href="#colour-theming">colour theming</a></li><li class="level-3"><a href="#hide-discussions-comment-threads-at-the-top-of-each-page">hide discussions (comment threads at the top of each page)</a></li><li class="level-3"><a href="#custom-fonts">custom fonts</a></li><li class="level-3"><a href="#font-resizing">font resizing</a></li><li class="level-3"><a href="#wider-page-preview">wider page preview</a></li><li class="level-3"><a href="#thinner-cover-image">thinner cover image</a></li><li class="level-2"><a href="#tables">tables</a></li><li class="level-3"><a href="#table-columns-below-100px">table columns below 100px</a></li><li class="level-3"><a href="#hide--new-table-row">hide '+ new' table row</a></li><li class="level-3"><a href="#hide-calculations-table-row">hide calculations table row</a></li><li class="level-3"><a href="#centre-align-table-column-headers">centre-align table column headers</a></li><li class="level-3"><a href="#smaller-table-column-header-icons">smaller table column header icons</a></li><li class="level-3"><a href="#remove-icons-from-table-column-headers">remove icons from table column headers</a></li><li class="level-3"><a href="#removingdecreasing-side-padding-for-tables">removing/decreasing side padding for tables</a></li><li class="level-2"><a href="#boards">boards</a></li><li class="level-3"><a href="#hide--new-board-row">hide '+ new' board row</a></li><li class="level-3"><a href="#hide-board-view-hidden-columns">hide board view hidden columns</a></li><li class="level-3"><a href="#hide-board-view-add-a-group">hide board view 'add a group'</a></li><li class="level-3"><a href="#removingdecreasing-side-padding-for-boards">removing/decreasing side padding for boards</a></li></ul></li><li class="entry"><p>resources</p></li><li class="entry"><a href="changelog.html">changelog</a></li><li class="entry"><a href="https://github.com/dragonwocky/notion-enhancer/blob/master/LICENSE">license</a></li><li class="entry"><a href="https://github.com/dragonwocky/notion-enhancer/">github</a></li><li class="entry"><a href="https://dragonwocky.me/">me (dragonwocky)</a></li></ul><p class="mark"><a href="https://dragonwocky.me/documentative">docs by documentative</a></p></aside><div class="wrapper"><div class="toggle"><button>☰</button><h1>notion enhancer</h1></div><article class="documentative"><div class="content"> <!DOCTYPE html><!-- Documentative--><!-- (c) 2020 dragonwocky <thedragonring.bod@gmail.com>--><!-- (https://dragonwocky.me/) under the MIT license--><html prefix="og: http://ogp.me/ns#"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>styling | notion enhancer</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Nunito+Sans"><link rel="stylesheet" href="docs.css"><script src="docs.js"></script><link rel="icon" href="notion.png" media="(prefers-color-scheme: dark)"><link rel="icon" href="notion.png"><meta name="title" content="styling | notion enhancer"><meta name="description" content="an enhancer/customiser for the all-in-one productivity workspace notion.so"><meta name="theme-color" content="rgb(75, 133, 209)"><meta property="og:type" content="article"><meta property="og:url" content="https://dragonwocky.me/notion-enhancer/styling.html"><meta property="og:title" content="styling"><meta property="og:site_name" content="notion enhancer"><meta property="og:description" content="an enhancer/customiser for the all-in-one productivity workspace notion.so"><meta property="og:image" content="https://dragonwocky.me/notion-enhancer/notion.png"><meta property="twitter:card" content="summary"></head><body><aside class="menu"><div><div class="title"><h1>notion enhancer</h1><picture class="icon"><source srcset="notion.png" media="(prefers-color-scheme: dark)"><img src="notion.png"></picture></div></div><ul class="nav"><li class="entry"><a href="index.html">notion enhancer</a></li><li class="entry"><a href="#styling">styling</a><ul><li class="level-2"><a href="#generalapp-wide">general/app-wide</a></li><li class="level-3"><a href="#colour-theming">colour theming</a></li><li class="level-3"><a href="#hide-discussions-comment-threads-at-the-top-of-each-page">hide discussions (comment threads at the top of each page)</a></li><li class="level-3"><a href="#custom-fonts">custom fonts</a></li><li class="level-3"><a href="#font-resizing">font resizing</a></li><li class="level-3"><a href="#wider-page-preview">wider page preview</a></li><li class="level-3"><a href="#thinner-cover-image">thinner cover image</a></li><li class="level-2"><a href="#tables">tables</a></li><li class="level-3"><a href="#table-columns-below-100px">table columns below 100px</a></li><li class="level-3"><a href="#hide--new-table-row">hide '+ new' table row</a></li><li class="level-3"><a href="#hide-calculations-table-row">hide calculations table row</a></li><li class="level-3"><a href="#centre-align-table-column-headers">centre-align table column headers</a></li><li class="level-3"><a href="#smaller-table-column-header-icons">smaller table column header icons</a></li><li class="level-3"><a href="#remove-icons-from-table-column-headers">remove icons from table column headers</a></li><li class="level-3"><a href="#removingdecreasing-side-padding-for-tables">removing/decreasing side padding for tables</a></li><li class="level-2"><a href="#boards">boards</a></li><li class="level-3"><a href="#hide--new-board-row">hide '+ new' board row</a></li><li class="level-3"><a href="#hide-board-view-hidden-columns">hide board view hidden columns</a></li><li class="level-3"><a href="#hide-board-view-add-a-group">hide board view 'add a group'</a></li><li class="level-3"><a href="#removingdecreasing-side-padding-for-boards">removing/decreasing side padding for boards</a></li></ul></li><li class="entry"><p>resources</p></li><li class="entry"><a href="changelog.html">changelog</a></li><li class="entry"><a href="https://github.com/dragonwocky/notion-enhancer/blob/master/LICENSE">license</a></li><li class="entry"><a href="https://github.com/dragonwocky/notion-enhancer/">github</a></li><li class="entry"><a href="https://dragonwocky.me/">me (dragonwocky)</a></li></ul><p class="mark"><a href="https://dragonwocky.me/documentative">docs by documentative</a></p></aside><div class="wrapper"><div class="toggle"><button>☰</button><h1>notion enhancer</h1></div><article class="documentative"><div class="content">
<section class="block" id="styling"> <section class="block" id="styling">
<h1> <h1>

0
logo.png → notion.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.0 KiB

After

Width:  |  Height:  |  Size: 7.0 KiB

3
resources/icons/alwaysontop_off.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M124.859 234.52L67.5474 135.736H102.683V12.184H147.323V135.736H182.459L124.859 234.52Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 219 B

3
resources/icons/alwaysontop_on.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M102.683 234.52V110.968H67.5474L124.859 12.184L182.459 110.968H147.323V234.52H102.683Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 219 B

4
resources/icons/close.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="21.3934" y1="229.525" x2="233.525" y2="17.3934" stroke="black" stroke-width="30" stroke-miterlimit="4.13936"/>
<line x1="17.6066" y1="17.3934" x2="229.739" y2="229.525" stroke="black" stroke-width="30" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 345 B

BIN
resources/icons/mac.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

3
resources/icons/maximise_off.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.1311 225.96V76.72H84.5111V8.07999H233.751V157.32H165.371V225.96H16.1311ZM110.771 53.58V76.72H165.371V131.32H207.491V53.58H110.771ZM42.3911 199.96H139.111V122.22H42.3911V199.96Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 313 B

3
resources/icons/maximise_on.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.7346 227.26V7.03998H235.215V227.26H14.7346ZM46.4546 195.8H203.495V70.48H46.4546V195.8Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 223 B

3
resources/icons/minimise.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.8021 138.04V106.072H232.074V138.04H17.8021Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 180 B

BIN
resources/icons/tray.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

30
resources/preload.js
View File

@ -35,7 +35,7 @@ require('electron').remote.getGlobal('setTimeout')(() => {
css = ['user']; css = ['user'];
if (store.theme) css.push('theme'); if (store.theme) css.push('theme');
css.forEach((file) => { css.forEach((file) => {
file = fs.readFileSync(`☃☃☃assets☃☃☃/${file}.css`); // will be set by python script file = fs.readFileSync(`☃☃☃resources☃☃☃/${file}.css`); // will be set by python script
let style = document.createElement('style'); let style = document.createElement('style');
style.type = 'text/css'; style.type = 'text/css';
style.innerHTML = file; style.innerHTML = file;
@ -72,18 +72,34 @@ require('electron').remote.getGlobal('setTimeout')(() => {
.querySelector('.notion-topbar-share-menu') .querySelector('.notion-topbar-share-menu')
.parentElement.classList.add('notion-topbar-actions'); .parentElement.classList.add('notion-topbar-actions');
const button_icons = { const button_icons_raw = {
alwaysontop_on: fs.readFileSync(
'☃☃☃resources☃☃☃/icons/alwaysontop_on.svg'
),
alwaysontop_off: fs.readFileSync(
'☃☃☃resources☃☃☃/icons/alwaysontop_off.svg'
),
minimize: fs.readFileSync('☃☃☃resources☃☃☃/icons/minimise.svg'),
maximize_on: fs.readFileSync('☃☃☃resources☃☃☃/icons/maximise_on.svg'),
maximize_off: fs.readFileSync('☃☃☃resources☃☃☃/icons/maximise_off.svg'),
close: fs.readFileSync('☃☃☃resources☃☃☃/icons/close.svg'),
},
button_icons = {
alwaysontop() { alwaysontop() {
return appwindow.isAlwaysOnTop() ? '🠙' : '🠛'; return appwindow.isAlwaysOnTop()
? button_icons_raw.alwaysontop_on
: button_icons_raw.alwaysontop_off; // '🠙' : '🠛'
}, },
minimize() { minimize() {
return '⚊'; return button_icons_raw.minimize; // '⚊'
}, },
maximize() { maximize() {
return appwindow.isMaximized() ? '🗗' : '🗖'; return appwindow.isMaximized()
? button_icons_raw.maximize_on
: button_icons_raw.maximize_off; // '🗗' : '🗖'
}, },
close() { close() {
return '⨉'; return button_icons_raw.close; // '⨉'
}, },
}, },
button_actions = { button_actions = {
@ -118,6 +134,8 @@ require('electron').remote.getGlobal('setTimeout')(() => {
close: document.querySelector('.window-button.btn-close'), close: document.querySelector('.window-button.btn-close'),
}; };
console.log(button_icons_raw);
button_elements.alwaysontop.innerHTML = button_icons.alwaysontop(); button_elements.alwaysontop.innerHTML = button_icons.alwaysontop();
button_elements.alwaysontop.onclick = button_actions.alwaysontop; button_elements.alwaysontop.onclick = button_actions.alwaysontop;

3
resources/theme.css
View File

@ -85,6 +85,9 @@
background: var(--theme-button) !important; background: var(--theme-button) !important;
box-shadow: 0 0 0 0.5px var(--theme-button_border); box-shadow: 0 0 0 0.5px var(--theme-button_border);
} }
.window-button.btn-close:hover {
background: #e81123 !important;
}
[style*='background: rgb(63, 68, 71)'] { [style*='background: rgb(63, 68, 71)'] {
background: var(--theme-card) !important; background: var(--theme-card) !important;

20
resources/tray.js
View File

@ -28,19 +28,23 @@ function enhancements() {
}, },
}); });
tray = new Tray( tray = new Tray(
new nativeImage.createFromPath(path.join(__dirname, 'logo.png')).resize({ isMac
? new nativeImage.createFromPath('☃☃☃resources☃☃☃/icons/logo.png').resize(
{
width: 16, width: 16,
height: 16, height: 16,
}) }
)
: '☃☃☃resources☃☃☃/icons/tray.ico'
); );
const contextMenu = Menu.buildFromTemplate([ const contextMenu = Menu.buildFromTemplate([
{ {
id: 'startup', id: 'startup',
label: 'Run on Startup', label: 'Run on startup',
type: 'checkbox', type: 'checkbox',
checked: electron_1.app.getLoginItemSettings().openAtLogin, checked: electron_1.app.getLoginItemSettings().openAtLogin,
click: () => { click: () => {
contextMenu.getMenuItemById('openhidden').checked contextMenu.getMenuItemById('startup').checked
? electron_1.app.setLoginItemSettings({ openAtLogin: true }) ? electron_1.app.setLoginItemSettings({ openAtLogin: true })
: electron_1.app.setLoginItemSettings({ openAtLogin: false }); : electron_1.app.setLoginItemSettings({ openAtLogin: false });
tray.setContextMenu(contextMenu); tray.setContextMenu(contextMenu);
@ -48,7 +52,7 @@ function enhancements() {
}, },
{ {
id: 'openhidden', id: 'openhidden',
label: 'Hide on Open', label: 'Hide on open',
type: 'checkbox', type: 'checkbox',
checked: store.openhidden, checked: store.openhidden,
click: () => { click: () => {
@ -58,7 +62,7 @@ function enhancements() {
}, },
{ {
id: 'maximized', id: 'maximized',
label: 'Open Maximised', label: 'Open maximised',
type: 'checkbox', type: 'checkbox',
checked: store.maximized, checked: store.maximized,
click: () => { click: () => {
@ -68,7 +72,7 @@ function enhancements() {
}, },
{ {
id: 'tray', id: 'tray',
label: 'Close to Tray', label: 'Close to tray',
type: 'checkbox', type: 'checkbox',
checked: store.tray, checked: store.tray,
click: () => { click: () => {
@ -78,7 +82,7 @@ function enhancements() {
}, },
{ {
id: 'theme', id: 'theme',
label: 'Load Custom Theme', label: 'Load theme.css',
type: 'checkbox', type: 'checkbox',
checked: store.theme, checked: store.theme,
click: () => { click: () => {

27
resources/user.css
View File

@ -58,7 +58,25 @@
border-radius: 4px; border-radius: 4px;
font-size: 16px; font-size: 16px;
transition-duration: 0.2s; transition-duration: 0.2s;
cursor: default; cursor: default; /* -- not sure? on windows native window buttons have the default cursor,
but other buttons in the titlebar have cursor: pointer */
}
.window-button svg {
margin-top: 8px;
width: 14px;
height: 14px;
}
.window-button svg path {
fill: currentColor;
}
.window-button svg line {
stroke: currentColor;
}
.window-button.btn-close:hover {
background: #e81123 !important;
}
.window-button.btn-close:hover svg line {
stroke: white;
} }
/* window control buttons: light theme */ /* window control buttons: light theme */
@ -74,13 +92,6 @@
background: rgb(71, 76, 80); background: rgb(71, 76, 80);
} }
/* set close button to red on hover */
.btn-close:hover{
background: #E81123 !important;
color: white;
}
/* scrollbar: pointer */ /* scrollbar: pointer */
.notion-scroller { .notion-scroller {
cursor: auto; cursor: auto;