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

better theming for scrollbars

Browse Source
This commit is contained in:
dragonwocky 2020-03-30 13:06:59 +11:00
parent 03113659e7
commit 1f6bf7bf23
Signed by: dragonwocky
GPG Key ID: B570B11B1DFB50E4
10 changed files with 58 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
CHANGELOG.md
View File

@ -8,7 +8,9 @@ but can still easily be enabled by following instructions in the [docs](README.m
- new: running from the wsl.
- new: reload window with f5.
- improved: code has been refactored and cleaned up,
inc. file renaming.
inc. file renaming and a `customiser.py` that doesn't require
a run of `cleaner.py` to build updates.
improved: scrollbar colours that fit better with notion's theming.
- bugfix: un-break having multiple notion windows open.
_(forked by [@dragonwocky](https://github.com/dragonwocky).)_

14
README.md
View File

@ -49,7 +49,7 @@ 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 (read the comments) and replace its icon with your chosen unicode character (e.g.
replacing `element.innerHTML = '▢';` -> `element.innerHTML = '🙄';`).
replacing `element.innerHTML = '▢';` with `element.innerHTML = '🙄';`).
### nicer scrollbars
@ -58,13 +58,14 @@ ones that actually look as if they're part of notion.
to add these to the web version, copy lines 43 - 87 from `user.css` into your css customiser.
### hotkey
### hotkeys
- **toggle all notion windows to/from the tray**: `CmdOrCtrl+Shift+A` by default.
to set your own, open `customiser.py` and change line 16 (`hotkey = 'ctrl+shift+a'`)
to your preference. you will need to run or re-run `customiser.py` afterwards.
- **reload window**: in addition to the built-in `CmdOrCtrl+R` reload,
you can now reload a window with `F5`.
- **toggle all notion windows to/from the tray**: `CmdOrCtrl+Shift+A` by default.
to set your own toggle hotkey, open `customiser.py` and change line 16 (`hotkey = 'CmdOrCtrl+Shift+A'`)
to your preference. you will need to run or re-run `customiser.py` afterwards.
### tray
@ -73,7 +74,8 @@ to add these to the web version, copy lines 43 - 87 from `user.css` into your cs
- **run on startup**: run notion on boot/startup. (default: true)
- **hide on open**: hide the launch of notion to the tray. (default: false)
- **open maximised**: maximise the app on open. (default: false)
- **close to tray**: app will close to the tray when the `⨉` button is pressed rather than closing outright. (default: false)
- **close to tray**: close window to tray rather than closing outright
on click of `⨉`. does not apply if multiple notion windows are open. (default: false)
## styling

4
customiser.py
View File

@ -12,7 +12,6 @@ import subprocess
from shutil import copyfile
from time import sleep
# for toggling notion visibility
hotkey = 'CmdOrCtrl+Shift+A'
@ -157,7 +156,8 @@ try:
'___hotkey___', hotkey))
print(
f' ...copying tray icon ./resources/notion.ico to {filepath}/app/main/')
copyfile('./resources/notion.ico', filepath + '/app/main/notion.ico')
copyfile('./resources/notion.ico',
filepath + '/app/main/notion.ico')
print(
f' ...copying datastore wrapper ./resources/store.js to {filepath}/app/')
copyfile('./resources/store.js', filepath + '/app/store.js')

12
docs.json
View File

@ -8,18 +8,10 @@
"url": "https://dragonwocky.me/notion-enhancer/"
},
"icon": {
"light": "resources/notion.ico"
"light": "web-logo.svg"
},
"overwrite": true,
"exclude": [
"cleaner.py",
"customiser.py",
"resources/hotkey.js",
"resources/preload.js",
"resources/store.js",
"resources/user.css",
".gitignore"
],
"exclude": ["cleaner.py", "customiser.py", "resources/*", ".gitignore"],
"nav": [
["index.html", "README.md"],
"resources",

6
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="resources/notion.ico" media="(prefers-color-scheme: dark)"><link rel="icon" href="resources/notion.ico"><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/resources/notion.ico"><meta property="twitter:card" content="summary"></head><body><aside class="menu"><div><div class="title"><h1>notion enhancer</h1><picture class="icon"><source srcset="resources/notion.ico" media="(prefers-color-scheme: dark)"><img src="resources/notion.ico"></picture></div></div><ul class="nav"><li class="entry"><a href="index.html">notion enhancer</a></li><li class="entry"><p>resources</p></li><li class="entry"><a href="#changelog">changelog</a><ul><li class="level-3"><a href="#v050-wip">v0.5.0 (wip)</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="web-logo.svg" media="(prefers-color-scheme: dark)"><link rel="icon" href="web-logo.svg"><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/web-logo.svg"><meta property="twitter:card" content="summary"></head><body><aside class="menu"><div><div class="title"><h1>notion enhancer</h1><picture class="icon"><source srcset="web-logo.svg" media="(prefers-color-scheme: dark)"><img src="web-logo.svg"></picture></div></div><ul class="nav"><li class="entry"><a href="index.html">notion enhancer</a></li><li class="entry"><p>resources</p></li><li class="entry"><a href="#changelog">changelog</a><ul><li class="level-3"><a href="#v050-wip">v0.5.0 (wip)</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">
<h1 id="changelog">
@ -16,7 +16,9 @@ but can still easily be enabled by following instructions in the <a href="/index
<li>new: running from the wsl.</li>
<li>new: reload window with f5.</li>
<li>improved: code has been refactored and cleaned up,
inc. file renaming.</li>
inc. file renaming and a <code>customiser.py</code> that doesn&#39;t require
a run of <code>cleaner.py</code> to build updates.
improved: scrollbar colours that fit better with notion&#39;s theming.</li>
<li>bugfix: un-break having multiple notion windows open.</li>
</ul>
<p><em>(forked by <a href="https://github.com/dragonwocky">@dragonwocky</a>.)</em></p>

23
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="resources/notion.ico" media="(prefers-color-scheme: dark)"><link rel="icon" href="resources/notion.ico"><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/resources/notion.ico"><meta property="twitter:card" content="summary"></head><body><aside class="menu"><div><div class="title"><h1>notion enhancer</h1><picture class="icon"><source srcset="resources/notion.ico" media="(prefers-color-scheme: dark)"><img src="resources/notion.ico"></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="#this-is-a-fork">this is a fork</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="#hotkey">hotkey</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-4"><a href="#wider-page-view">wider page view</a></li><li class="level-4"><a href="#thinner-cover-image">thinner cover image</a></li><li class="level-4"><a href="#table-columns-below-100px">table columns below 100px</a></li><li class="level-4"><a href="#hide--new-table-row">hide '+ new' table row</a></li><li class="level-4"><a href="#hide-calculations-table-row">hide calculations table row</a></li><li class="level-4"><a href="#hide--new-board-row">hide '+ new' board row</a></li><li class="level-4"><a href="#hide-board-view-hidden-columns">hide board view hidden columns</a></li><li class="level-4"><a href="#hide-board-view-add-a-group">hide board view 'add a group'</a></li><li class="level-4"><a href="#centre-align-table-column-headers">centre-align table column headers</a></li><li class="level-4"><a href="#smaller-table-column-header-icons">smaller table column header icons</a></li><li class="level-4"><a href="#remove-icons-from-table-column-headers">remove icons from table column headers</a></li><li class="level-4"><a href="#removingdecreasing-side-padding-for-tables">removing/decreasing side padding for tables</a></li><li class="level-4"><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>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="web-logo.svg" media="(prefers-color-scheme: dark)"><link rel="icon" href="web-logo.svg"><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/web-logo.svg"><meta property="twitter:card" content="summary"></head><body><aside class="menu"><div><div class="title"><h1>notion enhancer</h1><picture class="icon"><source srcset="web-logo.svg" media="(prefers-color-scheme: dark)"><img src="web-logo.svg"></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="#this-is-a-fork">this is a fork</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-4"><a href="#wider-page-view">wider page view</a></li><li class="level-4"><a href="#thinner-cover-image">thinner cover image</a></li><li class="level-4"><a href="#table-columns-below-100px">table columns below 100px</a></li><li class="level-4"><a href="#hide--new-table-row">hide '+ new' table row</a></li><li class="level-4"><a href="#hide-calculations-table-row">hide calculations table row</a></li><li class="level-4"><a href="#hide--new-board-row">hide '+ new' board row</a></li><li class="level-4"><a href="#hide-board-view-hidden-columns">hide board view hidden columns</a></li><li class="level-4"><a href="#hide-board-view-add-a-group">hide board view 'add a group'</a></li><li class="level-4"><a href="#centre-align-table-column-headers">centre-align table column headers</a></li><li class="level-4"><a href="#smaller-table-column-header-icons">smaller table column header icons</a></li><li class="level-4"><a href="#remove-icons-from-table-column-headers">remove icons from table column headers</a></li><li class="level-4"><a href="#removingdecreasing-side-padding-for-tables">removing/decreasing side padding for tables</a></li><li class="level-4"><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">
<h1 id="notion-enhancer">
@ -62,7 +62,7 @@ symbolised with an arrow (4th from the right). when toggled to point up,
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 (read the comments) and replace its icon with your chosen unicode character (e.g.
replacing <code>element.innerHTML = &#39;▢&#39;;</code> -&gt; <code>element.innerHTML = &#39;🙄&#39;;</code>).</p>
replacing <code>element.innerHTML = &#39;▢&#39;;</code> with <code>element.innerHTML = &#39;🙄&#39;;</code>).</p>
</section>
<section class="block">
@ -75,15 +75,17 @@ ones that actually look as if they&#39;re part of notion.</p>
</section>
<section class="block">
<h3 id="hotkey">
<a href="#hotkey">hotkey</a>
<h3 id="hotkeys">
<a href="#hotkeys">hotkeys</a>
</h3>
<ul>
<li><strong>toggle all notion windows to/from the tray</strong>: <code>CmdOrCtrl+Shift+A</code> by default.
to set your own, open <code>customiser.py</code> and change line 16 (<code>hotkey = &#39;ctrl+shift+a&#39;</code>)
to your preference. you will need to run or re-run <code>customiser.py</code> afterwards.</li>
<li><strong>reload window</strong>: in addition to the built-in <code>CmdOrCtrl+R</code> reload,
you can now reload a window with <code>F5</code>.</li>
<li><p><strong>reload window</strong>: in addition to the built-in <code>CmdOrCtrl+R</code> reload,
you can now reload a window with <code>F5</code>.</p>
</li>
<li><p><strong>toggle all notion windows to/from the tray</strong>: <code>CmdOrCtrl+Shift+A</code> by default.</p>
<p>to set your own toggle hotkey, open <code>customiser.py</code> and change line 16 (<code>hotkey = &#39;CmdOrCtrl+Shift+A&#39;</code>)
to your preference. you will need to run or re-run <code>customiser.py</code> afterwards.</p>
</li>
</ul>
</section>
@ -97,7 +99,8 @@ you can now reload a window with <code>F5</code>.</li>
<li><strong>run on startup</strong>: run notion on boot/startup. (default: true)</li>
<li><strong>hide on open</strong>: hide the launch of notion to the tray. (default: false)</li>
<li><strong>open maximised</strong>: maximise the app on open. (default: false)</li>
<li><strong>close to tray</strong>: app will close to the tray when the <code>⨉</code> button is pressed rather than closing outright. (default: false)</li>
<li><strong>close to tray</strong>: close window to tray rather than closing outright
on click of <code>⨉</code>. does not apply if multiple notion windows are open. (default: false)</li>
</ul>
</section>

BIN
docs/resources/notion.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 110 KiB

9
docs/web-logo.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

29
resources/user.css
View File

@ -51,37 +51,24 @@
}
/* scrollbar: light theme */
.notion-light-theme ::-webkit-scrollbar-corner {
background-color: #afafaf; /* for overlap */
background-color: transparent; /* for overlap */
}
.notion-light-theme ::-webkit-scrollbar-thumb {
background-color: #afafaf;
}
.notion-light-theme ::-webkit-scrollbar-track {
background-color: #e4e4e4;
border-radius: 5px;
background-color: #d9d8d6;
border: 1px solid #cacac8;
}
.notion-light-theme ::-webkit-scrollbar-thumb:hover {
background: #969696;
background: #cacac8;
}
/* scrollbar: dark theme */
.notion-dark-theme ::-webkit-scrollbar-corner {
background-color: #3d3d42; /* for overlap */
}
.notion-dark-theme ::-webkit-scrollbar-track {
background-color: #3d3d42;
background-color: transparent; /* for overlap */
}
.notion-dark-theme ::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #5d5d5d;
background-color: #505457;
}
.notion-dark-theme ::-webkit-scrollbar-thumb:hover {
background: #868686;
}
/* rounded borders */
.notion-dark-theme ::-webkit-scrollbar-track:vertical,
.notion-light-theme ::-webkit-scrollbar-track:vertical {
border-radius: 5px 5px 0 0;
}
.notion-dark-theme ::-webkit-scrollbar-track:horizontal,
.notion-light-theme ::-webkit-scrollbar-track:horizontal {
border-radius: 5px 0 0 5px;
background: #696d6f;
}

9
web-logo.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB