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

theme support 90%

Browse Source
This commit is contained in:
dragonwocky 2020-05-31 22:17:59 +10:00
parent d6eca764d6
commit 33fe42b024
Signed by: dragonwocky
GPG Key ID: C7A48B7846AA706D
13 changed files with 615 additions and 158 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,3 @@
{
"python.pythonPath": "/home/dragonwocky/.local/share/virtualenvs/notion-enhancer-Hp9dv90P/bin/python"
}

13
Pipfile Normal file
View File

@ -0,0 +1,13 @@
[[source]]
name = "pypi"
url = "https://pypi.org/simple"
verify_ssl = true
[dev-packages]
pylint = "*"
autopep8 = "*"
[packages]
[requires]
python_version = "3.6"

137
Pipfile.lock generated Normal file
View File

@ -0,0 +1,137 @@
{
"_meta": {
"hash": {
"sha256": "3eeda9cee44e435fe2d016242e4f33fb3f938001bae135ea1618534a36c05e40"
},
"pipfile-spec": 6,
"requires": {
"python_version": "3.6"
},
"sources": [
{
"name": "pypi",
"url": "https://pypi.org/simple",
"verify_ssl": true
}
]
},
"default": {},
"develop": {
"astroid": {
"hashes": [
"sha256:4c17cea3e592c21b6e222f673868961bad77e1f985cb1694ed077475a89229c1",
"sha256:d8506842a3faf734b81599c8b98dcc423de863adcc1999248480b18bd31a0f38"
],
"version": "==2.4.1"
},
"autopep8": {
"hashes": [
"sha256:152fd8fe47d02082be86e05001ec23d6f420086db56b17fc883f3f965fb34954"
],
"index": "pypi",
"version": "==1.5.2"
},
"isort": {
"hashes": [
"sha256:54da7e92468955c4fceacd0c86bd0ec997b0e1ee80d97f67c35a78b719dccab1",
"sha256:6e811fcb295968434526407adb8796944f1988c5b65e8139058f2014cbe100fd"
],
"version": "==4.3.21"
},
"lazy-object-proxy": {
"hashes": [
"sha256:0c4b206227a8097f05c4dbdd323c50edf81f15db3b8dc064d08c62d37e1a504d",
"sha256:194d092e6f246b906e8f70884e620e459fc54db3259e60cf69a4d66c3fda3449",
"sha256:1be7e4c9f96948003609aa6c974ae59830a6baecc5376c25c92d7d697e684c08",
"sha256:4677f594e474c91da97f489fea5b7daa17b5517190899cf213697e48d3902f5a",
"sha256:48dab84ebd4831077b150572aec802f303117c8cc5c871e182447281ebf3ac50",
"sha256:5541cada25cd173702dbd99f8e22434105456314462326f06dba3e180f203dfd",
"sha256:59f79fef100b09564bc2df42ea2d8d21a64fdcda64979c0fa3db7bdaabaf6239",
"sha256:8d859b89baf8ef7f8bc6b00aa20316483d67f0b1cbf422f5b4dc56701c8f2ffb",
"sha256:9254f4358b9b541e3441b007a0ea0764b9d056afdeafc1a5569eee1cc6c1b9ea",
"sha256:9651375199045a358eb6741df3e02a651e0330be090b3bc79f6d0de31a80ec3e",
"sha256:97bb5884f6f1cdce0099f86b907aa41c970c3c672ac8b9c8352789e103cf3156",
"sha256:9b15f3f4c0f35727d3a0fba4b770b3c4ebbb1fa907dbcc046a1d2799f3edd142",
"sha256:a2238e9d1bb71a56cd710611a1614d1194dc10a175c1e08d75e1a7bcc250d442",
"sha256:a6ae12d08c0bf9909ce12385803a543bfe99b95fe01e752536a60af2b7797c62",
"sha256:ca0a928a3ddbc5725be2dd1cf895ec0a254798915fb3a36af0964a0a4149e3db",
"sha256:cb2c7c57005a6804ab66f106ceb8482da55f5314b7fcb06551db1edae4ad1531",
"sha256:d74bb8693bf9cf75ac3b47a54d716bbb1a92648d5f781fc799347cfc95952383",
"sha256:d945239a5639b3ff35b70a88c5f2f491913eb94871780ebfabb2568bd58afc5a",
"sha256:eba7011090323c1dadf18b3b689845fd96a61ba0a1dfbd7f24b921398affc357",
"sha256:efa1909120ce98bbb3777e8b6f92237f5d5c8ea6758efea36a473e1d38f7d3e4",
"sha256:f3900e8a5de27447acbf900b4750b0ddfd7ec1ea7fbaf11dfa911141bc522af0"
],
"version": "==1.4.3"
},
"mccabe": {
"hashes": [
"sha256:ab8a6258860da4b6677da4bd2fe5dc2c659cff31b3ee4f7f5d64e79735b80d42",
"sha256:dd8d182285a0fe56bace7f45b5e7d1a6ebcbf524e8f3bd87eb0f125271b8831f"
],
"version": "==0.6.1"
},
"pycodestyle": {
"hashes": [
"sha256:2295e7b2f6b5bd100585ebcb1f616591b652db8a741695b3d8f5d28bdc934367",
"sha256:c58a7d2815e0e8d7972bf1803331fb0152f867bd89adf8a01dfd55085434192e"
],
"version": "==2.6.0"
},
"pylint": {
"hashes": [
"sha256:b95e31850f3af163c2283ed40432f053acbc8fc6eba6a069cb518d9dbf71848c",
"sha256:dd506acce0427e9e08fb87274bcaa953d38b50a58207170dbf5b36cf3e16957b"
],
"index": "pypi",
"version": "==2.5.2"
},
"six": {
"hashes": [
"sha256:30639c035cdb23534cd4aa2dd52c3bf48f06e5f4a941509c8bafd8ce11080259",
"sha256:8b74bedcbbbaca38ff6d7491d76f2b06b3592611af620f8426e82dddb04a5ced"
],
"version": "==1.15.0"
},
"toml": {
"hashes": [
"sha256:926b612be1e5ce0634a2ca03470f95169cf16f939018233a670519cb4ac58b0f",
"sha256:bda89d5935c2eac546d648028b9901107a595863cb36bae0c73ac804a9b4ce88"
],
"version": "==0.10.1"
},
"typed-ast": {
"hashes": [
"sha256:0666aa36131496aed8f7be0410ff974562ab7eeac11ef351def9ea6fa28f6355",
"sha256:0c2c07682d61a629b68433afb159376e24e5b2fd4641d35424e462169c0a7919",
"sha256:249862707802d40f7f29f6e1aad8d84b5aa9e44552d2cc17384b209f091276aa",
"sha256:24995c843eb0ad11a4527b026b4dde3da70e1f2d8806c99b7b4a7cf491612652",
"sha256:269151951236b0f9a6f04015a9004084a5ab0d5f19b57de779f908621e7d8b75",
"sha256:4083861b0aa07990b619bd7ddc365eb7fa4b817e99cf5f8d9cf21a42780f6e01",
"sha256:498b0f36cc7054c1fead3d7fc59d2150f4d5c6c56ba7fb150c013fbc683a8d2d",
"sha256:4e3e5da80ccbebfff202a67bf900d081906c358ccc3d5e3c8aea42fdfdfd51c1",
"sha256:6daac9731f172c2a22ade6ed0c00197ee7cc1221aa84cfdf9c31defeb059a907",
"sha256:715ff2f2df46121071622063fc7543d9b1fd19ebfc4f5c8895af64a77a8c852c",
"sha256:73d785a950fc82dd2a25897d525d003f6378d1cb23ab305578394694202a58c3",
"sha256:8c8aaad94455178e3187ab22c8b01a3837f8ee50e09cf31f1ba129eb293ec30b",
"sha256:8ce678dbaf790dbdb3eba24056d5364fb45944f33553dd5869b7580cdbb83614",
"sha256:aaee9905aee35ba5905cfb3c62f3e83b3bec7b39413f0a7f19be4e547ea01ebb",
"sha256:bcd3b13b56ea479b3650b82cabd6b5343a625b0ced5429e4ccad28a8973f301b",
"sha256:c9e348e02e4d2b4a8b2eedb48210430658df6951fa484e59de33ff773fbd4b41",
"sha256:d205b1b46085271b4e15f670058ce182bd1199e56b317bf2ec004b6a44f911f6",
"sha256:d43943ef777f9a1c42bf4e552ba23ac77a6351de620aa9acf64ad54933ad4d34",
"sha256:d5d33e9e7af3b34a40dc05f498939f0ebf187f07c385fd58d591c533ad8562fe",
"sha256:fc0fea399acb12edbf8a628ba8d2312f583bdbdb3335635db062fa98cf71fca4",
"sha256:fe460b922ec15dd205595c9b5b99e2f056fd98ae8f9f56b888e7a17dc2b757e7"
],
"markers": "implementation_name == 'cpython' and python_version < '3.8'",
"version": "==1.4.1"
},
"wrapt": {
"hashes": [
"sha256:b62ffa81fb85f4332a4f609cab4ac40709470da05643a082ec1eb88e6d9b97d7"
],
"version": "==1.12.1"
}
}
}

59
README.md
View File

@ -6,6 +6,8 @@ an enhancer/customiser for the all-in-one productivity workspace [notion.so](htt
currently, only win10 is supported. it is possible to run this script via the wsl to modify the win10 notion app. currently, only win10 is supported. it is possible to run this script via the wsl to modify the win10 notion app.
python scripts must be run from the bash terminal or windows command prompt - directly opening/running them may not work.
(the [styles](#styling) should also work for the web version. (the [styles](#styling) should also work for the web version.
these can be installed via an extension like [stylus](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en) these can be installed via an extension like [stylus](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en)
or a built-in feature like [userChrome.css](https://www.userchrome.org/).) or a built-in feature like [userChrome.css](https://www.userchrome.org/).)
@ -18,7 +20,7 @@ or a built-in feature like [userChrome.css](https://www.userchrome.org/).)
even if you are running the script from the wsl). even if you are running the script from the wsl).
6. ensure notion is closed. 6. ensure notion is closed.
7. optional: to remove previous versions of notion enhancer, run `cleaner.py` 7. optional: to remove previous versions of notion enhancer, run `cleaner.py`
8. optional: modify the `resources/user.css` files to your liking. 8. optional: modify the `resources/user.css` file to your liking (see [styling](#styling)).
9. run `customiser.py` to build changes. 9. run `customiser.py` to build changes.
done: run notion and enjoy. done: run notion and enjoy.
@ -69,13 +71,17 @@ to your preference. you will need to run or re-run `customiser.py` afterwards.
### tray ### tray
- single-click to toggle app visibility. right click to open menu. single-click to toggle app visibility. right click to open menu.
- settings will be saved in `%localappdata%/Programs/Notion/resources/app/user-preferences.json`
settings will be saved in `%localappdata%/Programs/Notion/resources/app/user-preferences.json`
- **run on startup**: run notion on boot/startup. (default: true) - **run on startup**: run notion on boot/startup. (default: true)
- **hide on open**: hide the launch of notion to the tray. (default: false) - **hide on open**: hide the launch of notion to the tray. (default: false)
- **open maximised**: maximise the app on open. (default: false) - **open maximised**: maximise the app on open. (default: false)
- **close to tray**: close window to tray rather than closing outright - **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) on click of `⨉`. does not apply if multiple notion windows are open. (default: false)
- **load theme.css**: loads the custom colour theme file.
see [colour theming](#colour-theming) for more information. (default: false)
### styling ### styling
@ -86,41 +92,19 @@ changes will be applied instantly on notion reload
these should also work for the web version, if copied into your css customiser. these should also work for the web version, if copied into your css customiser.
css below will work for every instance of the element, but if you wish to hide only a specific element css below will work for every instance of the element, but if you wish to hide only a specific element
(e.g. the '+ new' table row) it is recommended that you prepend each selector with `[data-block-id='ID']` ([video tutorial on fetching IDs](https://www.youtube.com/watch?v=6V7eqShm_4w)). (e.g. the '+ new' table row) it is recommended that you prepend each selector with
`[data-block-id='ID']` ([video tutorial on fetching IDs](https://www.youtube.com/watch?v=6V7eqShm_4w)).
#### dark+ theme #### colour theming
```css this replaces the default notion dark theme. the provided theme file is my custom dark+ theme:
/*** dark+ ***/ if you have another you wish to share, please contact me. if a few themes are provided i will
.notion-dark-theme .window-buttons { set up a distribution method (either including as optional themes or sharing on the website).
background: rgb(10, 10, 10);
} to enable, see the [tray](#tray) options.
.notion-dark-theme .window-buttons:hover {
background: rgb(23, 23, 23); to modify, enter the `theme.css` file and change the colour values within the `:root {}` - value names
} should describe what each colour will affect.
/* sidebar */
[style*='background: rgb(55, 60, 63)'],
[style*='background: rgb(80, 85, 88)'] {
background: rgb(0, 0, 0) !important;
}
/* main content */
.notion-body.dark,
[style*='background: rgb(47, 52, 55)'] {
background: rgb(10, 10, 10) !important;
}
/* hovered buttons + table column titles */
.notion-table-view > :first-child > :first-child,
[style*='background: rgb(71, 76, 80)'],
[style*='background: rgb(98, 102, 104)'] {
background: rgb(15, 15, 15) !important;
box-shadow: 0 0 0 0.5px rgba(78, 78, 78, 0.7);
}
/* database elements: e.g. view select, calendar event */
[style*='background: rgb(63, 68, 71)'] {
background: rgb(4, 4, 4) !important;
border: 0.5px solid rgba(59, 59, 59, 0.7);
}
```
#### hide discussions (comment threads at the top of each page) #### hide discussions (comment threads at the top of each page)
@ -132,7 +116,8 @@ css below will work for every instance of the element, but if you wish to hide o
#### custom fonts #### custom fonts
**styles must be added to the top of the `user.css` file, so that nothing (other than comments) is above them @import statement** **the @import statement must be added to the top of the `user.css` file (with nothing above it**
**except comments or other @import statements)**
```css ```css
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&family=Oxygen&family=Roboto+Slab:wght@300&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Fira+Code&family=Oxygen&family=Roboto+Slab:wght@300&display=swap');

26
customiser.py
View File

@ -79,8 +79,8 @@ try:
print(' ...linking to ./resources/user.css') print(' ...linking to ./resources/user.css')
with open('./resources/preload.js', 'r', encoding='UTF-8') as insert: with open('./resources/preload.js', 'r', encoding='UTF-8') as insert:
append.write(insert.read().replace( append.write(insert.read().replace(
'___user.css___', __folder__ '☃☃☃assets☃☃☃', __folder__
+ '/resources/user.css')) + '/resources'))
else: else:
print( print(
f' * {filepath}/app/renderer/preload.js was not found: step skipped.') f' * {filepath}/app/renderer/preload.js was not found: step skipped.')
@ -99,15 +99,15 @@ try:
'window.show()', content, flags=re.DOTALL).replace('window.show()', """ 'window.show()', content, flags=re.DOTALL).replace('window.show()', """
/* === INJECTION START === */ /* === INJECTION START === */
const path = require('path'), const path = require('path'),
store = new (require(path.join(__dirname, '..', 'store.js')))({ store = require(path.join(__dirname, '..', 'store.js'))({
config: 'user-preferences', config: 'user-preferences',
defaults: { defaults: {
openhidden: false, openhidden: false,
maximised: false maximised: false
} }
}); });
if (!store.get('openhidden') || electron_1.BrowserWindow.getAllWindows().some(win => win.isVisible())) if (!store.openhidden || electron_1.BrowserWindow.getAllWindows().some(win => win.isVisible()))
{ window.show(); if (store.get('maximised')) window.maximize(); } { window.show(); if (store.maximised) window.maximize(); }
/* === INJECTION END === */ /* === INJECTION END === */
""") """)
with open(filepath + '/app/main/createWindow.js', 'w', encoding='UTF-8') as write: with open(filepath + '/app/main/createWindow.js', 'w', encoding='UTF-8') as write:
@ -141,7 +141,7 @@ try:
content = content.read() content = content.read()
with open(filepath + '/app/main/main.js', 'w', encoding='UTF-8') as write: with open(filepath + '/app/main/main.js', 'w', encoding='UTF-8') as write:
if '/* === INJECTION MARKER === */' in content: if '/* === INJECTION MARKER === */' in content:
print(' * hotkey.js already added. replacing it.') print(' * tray.js already added. replacing it.')
original = [] original = []
for line in content.splitlines(): for line in content.splitlines():
if '/* === INJECTION MARKER === */' in line: if '/* === INJECTION MARKER === */' in line:
@ -153,9 +153,9 @@ try:
'electron_1.app.on("ready", handleReady);', 'electron_1.app.on("ready", handleReady);',
'electron_1.app.on("ready", () => handleReady() && enhancements());') + '\n') 'electron_1.app.on("ready", () => handleReady() && enhancements());') + '\n')
with open(filepath + '/app/main/main.js', 'a', encoding='UTF-8') as append: with open(filepath + '/app/main/main.js', 'a', encoding='UTF-8') as append:
with open('./resources/hotkey.js', 'r', encoding='UTF-8') as insert: with open('./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))
print( print(
f' ...copying tray icon ./resources/notion.ico to {filepath}/app/main/') f' ...copying tray icon ./resources/notion.ico to {filepath}/app/main/')
copyfile('./resources/notion.ico', copyfile('./resources/notion.ico',

3
docs/.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,3 @@
{
"python.pythonPath": "/home/dragonwocky/.local/share/virtualenvs/notion-enhancer-Hp9dv90P/bin/python"
}

13
docs/Pipfile Normal file
View File

@ -0,0 +1,13 @@
[[source]]
name = "pypi"
url = "https://pypi.org/simple"
verify_ssl = true
[dev-packages]
pylint = "*"
autopep8 = "*"
[packages]
[requires]
python_version = "3.6"

137
docs/Pipfile.lock generated Normal file
View File

@ -0,0 +1,137 @@
{
"_meta": {
"hash": {
"sha256": "3eeda9cee44e435fe2d016242e4f33fb3f938001bae135ea1618534a36c05e40"
},
"pipfile-spec": 6,
"requires": {
"python_version": "3.6"
},
"sources": [
{
"name": "pypi",
"url": "https://pypi.org/simple",
"verify_ssl": true
}
]
},
"default": {},
"develop": {
"astroid": {
"hashes": [
"sha256:4c17cea3e592c21b6e222f673868961bad77e1f985cb1694ed077475a89229c1",
"sha256:d8506842a3faf734b81599c8b98dcc423de863adcc1999248480b18bd31a0f38"
],
"version": "==2.4.1"
},
"autopep8": {
"hashes": [
"sha256:152fd8fe47d02082be86e05001ec23d6f420086db56b17fc883f3f965fb34954"
],
"index": "pypi",
"version": "==1.5.2"
},
"isort": {
"hashes": [
"sha256:54da7e92468955c4fceacd0c86bd0ec997b0e1ee80d97f67c35a78b719dccab1",
"sha256:6e811fcb295968434526407adb8796944f1988c5b65e8139058f2014cbe100fd"
],
"version": "==4.3.21"
},
"lazy-object-proxy": {
"hashes": [
"sha256:0c4b206227a8097f05c4dbdd323c50edf81f15db3b8dc064d08c62d37e1a504d",
"sha256:194d092e6f246b906e8f70884e620e459fc54db3259e60cf69a4d66c3fda3449",
"sha256:1be7e4c9f96948003609aa6c974ae59830a6baecc5376c25c92d7d697e684c08",
"sha256:4677f594e474c91da97f489fea5b7daa17b5517190899cf213697e48d3902f5a",
"sha256:48dab84ebd4831077b150572aec802f303117c8cc5c871e182447281ebf3ac50",
"sha256:5541cada25cd173702dbd99f8e22434105456314462326f06dba3e180f203dfd",
"sha256:59f79fef100b09564bc2df42ea2d8d21a64fdcda64979c0fa3db7bdaabaf6239",
"sha256:8d859b89baf8ef7f8bc6b00aa20316483d67f0b1cbf422f5b4dc56701c8f2ffb",
"sha256:9254f4358b9b541e3441b007a0ea0764b9d056afdeafc1a5569eee1cc6c1b9ea",
"sha256:9651375199045a358eb6741df3e02a651e0330be090b3bc79f6d0de31a80ec3e",
"sha256:97bb5884f6f1cdce0099f86b907aa41c970c3c672ac8b9c8352789e103cf3156",
"sha256:9b15f3f4c0f35727d3a0fba4b770b3c4ebbb1fa907dbcc046a1d2799f3edd142",
"sha256:a2238e9d1bb71a56cd710611a1614d1194dc10a175c1e08d75e1a7bcc250d442",
"sha256:a6ae12d08c0bf9909ce12385803a543bfe99b95fe01e752536a60af2b7797c62",
"sha256:ca0a928a3ddbc5725be2dd1cf895ec0a254798915fb3a36af0964a0a4149e3db",
"sha256:cb2c7c57005a6804ab66f106ceb8482da55f5314b7fcb06551db1edae4ad1531",
"sha256:d74bb8693bf9cf75ac3b47a54d716bbb1a92648d5f781fc799347cfc95952383",
"sha256:d945239a5639b3ff35b70a88c5f2f491913eb94871780ebfabb2568bd58afc5a",
"sha256:eba7011090323c1dadf18b3b689845fd96a61ba0a1dfbd7f24b921398affc357",
"sha256:efa1909120ce98bbb3777e8b6f92237f5d5c8ea6758efea36a473e1d38f7d3e4",
"sha256:f3900e8a5de27447acbf900b4750b0ddfd7ec1ea7fbaf11dfa911141bc522af0"
],
"version": "==1.4.3"
},
"mccabe": {
"hashes": [
"sha256:ab8a6258860da4b6677da4bd2fe5dc2c659cff31b3ee4f7f5d64e79735b80d42",
"sha256:dd8d182285a0fe56bace7f45b5e7d1a6ebcbf524e8f3bd87eb0f125271b8831f"
],
"version": "==0.6.1"
},
"pycodestyle": {
"hashes": [
"sha256:2295e7b2f6b5bd100585ebcb1f616591b652db8a741695b3d8f5d28bdc934367",
"sha256:c58a7d2815e0e8d7972bf1803331fb0152f867bd89adf8a01dfd55085434192e"
],
"version": "==2.6.0"
},
"pylint": {
"hashes": [
"sha256:b95e31850f3af163c2283ed40432f053acbc8fc6eba6a069cb518d9dbf71848c",
"sha256:dd506acce0427e9e08fb87274bcaa953d38b50a58207170dbf5b36cf3e16957b"
],
"index": "pypi",
"version": "==2.5.2"
},
"six": {
"hashes": [
"sha256:30639c035cdb23534cd4aa2dd52c3bf48f06e5f4a941509c8bafd8ce11080259",
"sha256:8b74bedcbbbaca38ff6d7491d76f2b06b3592611af620f8426e82dddb04a5ced"
],
"version": "==1.15.0"
},
"toml": {
"hashes": [
"sha256:926b612be1e5ce0634a2ca03470f95169cf16f939018233a670519cb4ac58b0f",
"sha256:bda89d5935c2eac546d648028b9901107a595863cb36bae0c73ac804a9b4ce88"
],
"version": "==0.10.1"
},
"typed-ast": {
"hashes": [
"sha256:0666aa36131496aed8f7be0410ff974562ab7eeac11ef351def9ea6fa28f6355",
"sha256:0c2c07682d61a629b68433afb159376e24e5b2fd4641d35424e462169c0a7919",
"sha256:249862707802d40f7f29f6e1aad8d84b5aa9e44552d2cc17384b209f091276aa",
"sha256:24995c843eb0ad11a4527b026b4dde3da70e1f2d8806c99b7b4a7cf491612652",
"sha256:269151951236b0f9a6f04015a9004084a5ab0d5f19b57de779f908621e7d8b75",
"sha256:4083861b0aa07990b619bd7ddc365eb7fa4b817e99cf5f8d9cf21a42780f6e01",
"sha256:498b0f36cc7054c1fead3d7fc59d2150f4d5c6c56ba7fb150c013fbc683a8d2d",
"sha256:4e3e5da80ccbebfff202a67bf900d081906c358ccc3d5e3c8aea42fdfdfd51c1",
"sha256:6daac9731f172c2a22ade6ed0c00197ee7cc1221aa84cfdf9c31defeb059a907",
"sha256:715ff2f2df46121071622063fc7543d9b1fd19ebfc4f5c8895af64a77a8c852c",
"sha256:73d785a950fc82dd2a25897d525d003f6378d1cb23ab305578394694202a58c3",
"sha256:8c8aaad94455178e3187ab22c8b01a3837f8ee50e09cf31f1ba129eb293ec30b",
"sha256:8ce678dbaf790dbdb3eba24056d5364fb45944f33553dd5869b7580cdbb83614",
"sha256:aaee9905aee35ba5905cfb3c62f3e83b3bec7b39413f0a7f19be4e547ea01ebb",
"sha256:bcd3b13b56ea479b3650b82cabd6b5343a625b0ced5429e4ccad28a8973f301b",
"sha256:c9e348e02e4d2b4a8b2eedb48210430658df6951fa484e59de33ff773fbd4b41",
"sha256:d205b1b46085271b4e15f670058ce182bd1199e56b317bf2ec004b6a44f911f6",
"sha256:d43943ef777f9a1c42bf4e552ba23ac77a6351de620aa9acf64ad54933ad4d34",
"sha256:d5d33e9e7af3b34a40dc05f498939f0ebf187f07c385fd58d591c533ad8562fe",
"sha256:fc0fea399acb12edbf8a628ba8d2312f583bdbdb3335635db062fa98cf71fca4",
"sha256:fe460b922ec15dd205595c9b5b99e2f056fd98ae8f9f56b888e7a17dc2b757e7"
],
"markers": "implementation_name == 'cpython' and python_version < '3.8'",
"version": "==1.4.1"
},
"wrapt": {
"hashes": [
"sha256:b62ffa81fb85f4332a4f609cab4ac40709470da05643a082ec1eb88e6d9b97d7"
],
"version": "==1.12.1"
}
}
}

58
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="web-logo.png" media="(prefers-color-scheme: dark)"><link rel="icon" href="web-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/web-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="web-logo.png" media="(prefers-color-scheme: dark)"><img src="web-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="#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-3"><a href="#styling">styling</a></li><li class="level-4"><a href="#dark-theme">dark+ theme</a></li><li class="level-4"><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-4"><a href="#custom-fonts">custom fonts</a></li><li class="level-4"><a href="#font-resizing">font resizing</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><li class="level-2"><a href="#other-details">other details</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.png" media="(prefers-color-scheme: dark)"><link rel="icon" href="web-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/web-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="web-logo.png" media="(prefers-color-scheme: dark)"><img src="web-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="#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-3"><a href="#styling">styling</a></li><li class="level-4"><a href="#colour-theming">colour theming</a></li><li class="level-4"><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-4"><a href="#custom-fonts">custom fonts</a></li><li class="level-4"><a href="#font-resizing">font resizing</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><li class="level-2"><a href="#other-details">other details</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="notion-enhancer"> <section class="block" id="notion-enhancer">
<h1> <h1>
@ -12,6 +12,7 @@
<a href="#installation">installation</a> <a href="#installation">installation</a>
</h2> </h2>
<p>currently, only win10 is supported. it is possible to run this script via the wsl to modify the win10 notion app.</p> <p>currently, only win10 is supported. it is possible to run this script via the wsl to modify the win10 notion app.</p>
<p>python scripts must be run from the bash terminal or windows command prompt - directly opening/running them may not work.</p>
<p>(the <a href="#styling">styles</a> should also work for the web version. <p>(the <a href="#styling">styles</a> should also work for the web version.
these can be installed via an extension like <a href="https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en">stylus</a> these can be installed via an extension like <a href="https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en">stylus</a>
or a built-in feature like <a href="https://www.userchrome.org/">userChrome.css</a>.)</p> or a built-in feature like <a href="https://www.userchrome.org/">userChrome.css</a>.)</p>
@ -24,7 +25,7 @@ or a built-in feature like <a href="https://www.userchrome.org/">userChrome.css<
even if you are running the script from the wsl).</li> even if you are running the script from the wsl).</li>
<li>ensure notion is closed.</li> <li>ensure notion is closed.</li>
<li>optional: to remove previous versions of notion enhancer, run <code>cleaner.py</code></li> <li>optional: to remove previous versions of notion enhancer, run <code>cleaner.py</code></li>
<li>optional: modify the <code>resources/user.css</code> files to your liking.</li> <li>optional: modify the <code>resources/user.css</code> file to your liking (see <a href="#styling">styling</a>).</li>
<li>run <code>customiser.py</code> to build changes.</li> <li>run <code>customiser.py</code> to build changes.</li>
</ol> </ol>
<p>done: run notion and enjoy.</p> <p>done: run notion and enjoy.</p>
@ -91,14 +92,16 @@ to your preference. you will need to run or re-run <code>customiser.py</code> af
<h3> <h3>
<a href="#tray">tray</a> <a href="#tray">tray</a>
</h3> </h3>
<ul> <p>single-click to toggle app visibility. right click to open menu.</p>
<li>single-click to toggle app visibility. right click to open menu.</li> <p>settings will be saved in <code>%localappdata%/Programs/Notion/resources/app/user-preferences.json</code></p>
<li>settings will be saved in <code>%localappdata%/Programs/Notion/resources/app/user-preferences.json</code></li> <ul>
<li><strong>run on startup</strong>: run notion on boot/startup. (default: true)</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>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>open maximised</strong>: maximise the app on open. (default: false)</li>
<li><strong>close to tray</strong>: close window to tray rather than closing outright <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> on click of <code>⨉</code>. does not apply if multiple notion windows are open. (default: false)</li>
<li><strong>load theme.css</strong>: loads the custom colour theme file.
see <a href="#colour-theming">colour theming</a> for more information. (default: false)</li>
</ul> </ul>
</section> </section>
@ -111,42 +114,20 @@ changes will be applied instantly on notion reload
(no need to re-run <code>customiser.py</code> every time you want to change some styles).</p> (no need to re-run <code>customiser.py</code> every time you want to change some styles).</p>
<p>these should also work for the web version, if copied into your css customiser.</p> <p>these should also work for the web version, if copied into your css customiser.</p>
<p>css below will work for every instance of the element, but if you wish to hide only a specific element <p>css below will work for every instance of the element, but if you wish to hide only a specific element
(e.g. the &#39;+ new&#39; table row) it is recommended that you prepend each selector with <code>[data-block-id=&#39;ID&#39;]</code> (<a href="https://www.youtube.com/watch?v=6V7eqShm_4w">video tutorial on fetching IDs</a>).</p> (e.g. the &#39;+ new&#39; table row) it is recommended that you prepend each selector with
<code>[data-block-id=&#39;ID&#39;]</code> (<a href="https://www.youtube.com/watch?v=6V7eqShm_4w">video tutorial on fetching IDs</a>).</p>
</section> </section>
<section class="block" id="dark-theme"> <section class="block" id="colour-theming">
<h4> <h4>
<a href="#dark-theme">dark+ theme</a> <a href="#colour-theming">colour theming</a>
</h4> </h4>
<pre><code class="lang-css"><span class="hljs-comment">/*** dark+ ***/</span> <p>this replaces the default notion dark theme. the provided theme file is my custom dark+ theme:
<span class="hljs-selector-class">.notion-dark-theme</span> <span class="hljs-selector-class">.window-buttons</span> { if you have another you wish to share, please contact me. if a few themes are provided i will
<span class="hljs-attribute">background</span>: <span class="hljs-built_in">rgb</span>(<span class="hljs-number">10</span>, <span class="hljs-number">10</span>, <span class="hljs-number">10</span>); set up a distribution method (either including as optional themes or sharing on the website).</p>
} <p>to enable, see the <a href="#tray">tray</a> options.</p>
<span class="hljs-selector-class">.notion-dark-theme</span> <span class="hljs-selector-class">.window-buttons</span><span class="hljs-selector-pseudo">:hover</span> { <p>to modify, enter the <code>theme.css</code> file and change the colour values within the <code>:root {}</code> - value names
<span class="hljs-attribute">background</span>: <span class="hljs-built_in">rgb</span>(<span class="hljs-number">23</span>, <span class="hljs-number">23</span>, <span class="hljs-number">23</span>); should describe what each colour will affect.</p>
}
<span class="hljs-comment">/* sidebar */</span>
<span class="hljs-selector-attr">[style*=<span class="hljs-string">'background: rgb(55, 60, 63)'</span>]</span>,
<span class="hljs-selector-attr">[style*=<span class="hljs-string">'background: rgb(80, 85, 88)'</span>]</span> {
<span class="hljs-attribute">background</span>: <span class="hljs-built_in">rgb</span>(<span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0</span>) <span class="hljs-meta">!important</span>;
}
<span class="hljs-comment">/* main content */</span>
<span class="hljs-selector-class">.notion-body</span><span class="hljs-selector-class">.dark</span>,
<span class="hljs-selector-attr">[style*=<span class="hljs-string">'background: rgb(47, 52, 55)'</span>]</span> {
<span class="hljs-attribute">background</span>: <span class="hljs-built_in">rgb</span>(<span class="hljs-number">10</span>, <span class="hljs-number">10</span>, <span class="hljs-number">10</span>) <span class="hljs-meta">!important</span>;
}
<span class="hljs-comment">/* hovered buttons + table column titles */</span>
<span class="hljs-selector-class">.notion-table-view</span> &gt; <span class="hljs-selector-pseudo">:first-child</span> &gt; <span class="hljs-selector-pseudo">:first-child</span>,
<span class="hljs-selector-attr">[style*=<span class="hljs-string">'background: rgb(71, 76, 80)'</span>]</span>,
<span class="hljs-selector-attr">[style*=<span class="hljs-string">'background: rgb(98, 102, 104)'</span>]</span> {
<span class="hljs-attribute">background</span>: <span class="hljs-built_in">rgb</span>(<span class="hljs-number">15</span>, <span class="hljs-number">15</span>, <span class="hljs-number">15</span>) <span class="hljs-meta">!important</span>;
<span class="hljs-attribute">box-shadow</span>: <span class="hljs-number">0</span> <span class="hljs-number">0</span> <span class="hljs-number">0</span> <span class="hljs-number">0.5px</span> <span class="hljs-built_in">rgba</span>(<span class="hljs-number">78</span>, <span class="hljs-number">78</span>, <span class="hljs-number">78</span>, <span class="hljs-number">0.7</span>);
}
<span class="hljs-comment">/* database elements: e.g. view select, calendar event */</span>
<span class="hljs-selector-attr">[style*=<span class="hljs-string">'background: rgb(63, 68, 71)'</span>]</span> {
<span class="hljs-attribute">background</span>: <span class="hljs-built_in">rgb</span>(<span class="hljs-number">4</span>, <span class="hljs-number">4</span>, <span class="hljs-number">4</span>) <span class="hljs-meta">!important</span>;
<span class="hljs-attribute">border</span>: <span class="hljs-number">0.5px</span> solid <span class="hljs-built_in">rgba</span>(<span class="hljs-number">59</span>, <span class="hljs-number">59</span>, <span class="hljs-number">59</span>, <span class="hljs-number">0.7</span>);
}</code></pre>
</section> </section>
<section class="block" id="hide-discussions-comment-threads-at-the-top-of-each-page"> <section class="block" id="hide-discussions-comment-threads-at-the-top-of-each-page">
@ -162,7 +143,8 @@ changes will be applied instantly on notion reload
<h4> <h4>
<a href="#custom-fonts">custom fonts</a> <a href="#custom-fonts">custom fonts</a>
</h4> </h4>
<p><strong>styles must be added to the top of the <code>user.css</code> file, so that nothing (other than comments) is above them @import statement</strong></p> <p><strong>the @import statement must be added to the top of the <code>user.css</code> file (with nothing above it</strong>
<strong>except comments or other @import statements)</strong></p>
<pre><code class="lang-css"><span class="hljs-keyword">@import</span> url(<span class="hljs-string">'https://fonts.googleapis.com/css2?family=Fira+Code&amp;family=Oxygen&amp;family=Roboto+Slab:wght@300&amp;display=swap'</span>); <pre><code class="lang-css"><span class="hljs-keyword">@import</span> url(<span class="hljs-string">'https://fonts.googleapis.com/css2?family=Fira+Code&amp;family=Oxygen&amp;family=Roboto+Slab:wght@300&amp;display=swap'</span>);
<span class="hljs-selector-class">.notion-app-inner</span> { <span class="hljs-selector-class">.notion-app-inner</span> {
<span class="hljs-attribute">font-family</span>: <span class="hljs-string">'Oxygen'</span>, sans-serif <span class="hljs-meta">!important</span>; <span class="hljs-attribute">font-family</span>: <span class="hljs-string">'Oxygen'</span>, sans-serif <span class="hljs-meta">!important</span>;

55
resources/preload.js
View File

@ -12,19 +12,35 @@
// DO NOT REMOVE THE INJECTION MARKER ABOVE // DO NOT REMOVE THE INJECTION MARKER ABOVE
require('electron').remote.getGlobal('setTimeout')(() => { require('electron').remote.getGlobal('setTimeout')(() => {
/* style injection */
const fs = require('fs'), const fs = require('fs'),
css = fs.readFileSync('___user.css___'), // will be set by python script path = require('path'),
style = document.createElement('style'), store = require(path.join(__dirname, '..', 'store.js'))({
head = document.getElementsByTagName('head')[0]; config: 'user-preferences',
if (!head) return; defaults: {
style.type = 'text/css'; openhidden: false,
style.innerHTML = css; maximised: false,
head.appendChild(style); tray: false,
theme: false,
},
});
const intervalID = setInterval(injection, 100); const intervalID = setInterval(injection, 100);
function injection() { function injection() {
if (document.querySelector('div.notion-topbar > div') == undefined) return; if (document.querySelector('div.notion-topbar > div') == undefined) return;
clearInterval(intervalID);
/* style injection */
const head = document.getElementsByTagName('head')[0],
css = ['user'];
if (store.theme) css.push('theme');
console.table(store);
css.forEach((file) => {
file = fs.readFileSync(`☃☃☃assets☃☃☃/${file}.css`); // will be set by python script
let style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = file;
head.appendChild(style);
});
const appwindow = require('electron').remote.getCurrentWindow(); const appwindow = require('electron').remote.getCurrentWindow();
@ -56,9 +72,16 @@ require('electron').remote.getGlobal('setTimeout')(() => {
// maximise // maximise
element = document.createElement('button'); element = document.createElement('button');
element.classList.add('window-buttons'); element.classList.add('window-buttons');
element.innerHTML = '▢'; element.innerHTML = appwindow.isMaximized() ? '🗗' : '🗖';
element.onclick = () => element.onclick = function () {
appwindow.isMaximized() ? appwindow.unmaximize() : appwindow.maximize(); if (appwindow.isMaximized()) {
appwindow.unmaximize();
this.innerHTML = '🗖';
} else {
appwindow.maximize();
this.innerHTML = '🗗';
}
};
node.appendChild(element); node.appendChild(element);
// close // close
@ -67,14 +90,8 @@ require('electron').remote.getGlobal('setTimeout')(() => {
element.classList.add('window-buttons'); element.classList.add('window-buttons');
element.innerHTML = '⨉'; element.innerHTML = '⨉';
element.onclick = () => { element.onclick = () => {
const store = new (require(path.join(__dirname, '..', 'store.js')))({
config: 'user-preferences',
defaults: {
tray: false,
},
});
if ( if (
store.get('tray') && store.tray &&
require('electron').remote.BrowserWindow.getAllWindows().length === 1 require('electron').remote.BrowserWindow.getAllWindows().length === 1
) { ) {
appwindow.hide(); appwindow.hide();
@ -82,8 +99,6 @@ require('electron').remote.getGlobal('setTimeout')(() => {
}; };
node.appendChild(element); node.appendChild(element);
clearInterval(intervalID);
/* reload window */ /* reload window */
document.defaultView.addEventListener( document.defaultView.addEventListener(
'keyup', 'keyup',

46
resources/store.js
View File

@ -10,26 +10,34 @@
const path = require('path'), const path = require('path'),
fs = require('fs'); fs = require('fs');
class Store { function getJSON(from) {
constructor(opts) {
this.path = path.join(__dirname, opts.config + '.json');
this.data = parseDataFile(this.path, opts.defaults);
}
get(key) {
return this.data[key];
}
set(key, val) {
this.data[key] = val;
fs.writeFileSync(this.path, JSON.stringify(this.data));
}
}
function parseDataFile(path, defaults) {
try { try {
return JSON.parse(fs.readFileSync(path)); return JSON.parse(fs.readFileSync(from));
} catch (error) { } catch {
return defaults; return {};
} }
} }
module.exports = Store; module.exports = (opts) => {
opts = {
config: 'user-preferences',
defaults: {},
...opts,
};
const config = path.join(__dirname, opts.config + '.json');
return new Proxy(
{},
{
get(obj, prop) {
obj = { ...opts.defaults, ...getJSON(config) };
return obj[prop];
},
set(obj, prop, val) {
obj = { ...opts.defaults, ...getJSON(config) };
obj[prop] = val;
fs.writeFileSync(config, JSON.stringify(obj));
return true;
},
}
);
};

159
resources/theme.css Normal file
View File

@ -0,0 +1,159 @@
/*
* notion-enhancer
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
* (c) 2020 TarasokUA
* (https://dragonwocky.me/) under the MIT license
*/
:root {
/** backgrounds **/
--theme-main: rgb(10, 10, 10);
--theme-sidebar: rgb(0, 0, 0);
--theme-primary: rgb(177, 24, 24);
--theme-primary_hover: rgb(202, 26, 26);
--theme-primary_click: rgb(219, 41, 41);
--theme-primary_indicator: rgb(202, 26, 26);
/** databases **/
--theme-card: rgb(4, 4, 4);
--theme-card_border: rgba(59, 59, 59, 0.7);
/** colours **/
--theme-text_gray: rgba(151, 154, 155, 0.95);
--theme-text_brown: rgb(147, 114, 100);
--theme-text_orange: rgb(255, 163, 68);
--theme-text_yellow: rgb(255, 220, 73);
--theme-text_teal: rgb(77, 171, 154);
--theme-text_blue: rgb(82, 156, 202);
--theme-text_purple: rgb(154, 109, 215);
--theme-text_pink: rgb(226, 85, 161);
--theme-text_red: rgb(218, 47, 35);
--theme-bg_default: rgba(37, 37, 37, 0.815);
--theme-bg_gray: rgba(126, 128, 129, 0.5);
--theme-bg_brown: #50331f;
--theme-bg_orange: rgba(255, 155, 0, 0.58);
--theme-bg_yellow: rgba(183, 155, 0, 1);
--theme-bg_green: rgb(77, 171, 154);
--theme-bg_blue: rgba(0, 90, 146, 0.71);
--theme-bg_purple: rgba(91, 49, 148, 0.74);
--theme-bg_pink: rgba(243, 61, 159, 0.5);
--theme-bg_red: rgb(122, 20, 20);
}
.notion-dark-theme .window-buttons:hover {
background: rgb(23, 23, 23);
}
/** backgrounds **/
[style*='background: rgb(55, 60, 63)'] {
background: var(--theme-sidebar) !important;
}
.notion-dark-theme .window-buttons,
.notion-body.dark,
[style*='background: rgb(47, 52, 55)'] {
background: var(--theme-main) !important;
}
/** databases **/
[style*='box-shadow: rgb(47, 52, 55) -3px 0px 0px'] {
box-shadow: none !important;
}
[style*='background: rgba(202, 204, 206, 0.3)'] {
background: rgba(119, 119, 119, 0.3) !important;
}
.notion-table-view > :first-child > :first-child,
[style*='background: rgb(71, 76, 80)'],
[style*='background: rgb(98, 102, 104)'] {
background: rgb(15, 15, 15) !important;
box-shadow: 0 0 0 0.5px rgba(78, 78, 78, 0.7);
}
[style*='background: rgb(63, 68, 71)'] {
background: var(--theme-card) !important;
}
.notion-frame [style*='background: rgb(63, 68, 71)'] {
border: 0.5px solid var(--theme-card_border);
}
/** colours **/
[style*='background: rgb(46, 170, 220)'] {
background: var(--theme-primary) !important;
}
[style*='background: rgb(6, 156, 205)'] {
background: var(--theme-primary-hover) !important;
}
[style*='background: rgb(0, 141, 190)'] {
background: var(--theme-primary_click) !important;
}
[style*='background: rgb(235, 87, 87)'] {
background: var(--theme-primary-indicator) !important;
}
[style*='background: rgb(80, 85, 88)'] {
background: var(--theme-bg_default) !important;
}
[style*='background: rgba(151, 154, 155, 0.5)'],
[style*='background:rgb(69,75,78)'] {
background: var(--theme-bg_gray) !important;
}
[style*='color:rgba(151,154,155,0.95)'] {
color: var(--theme-text_gray) !important;
}
[style*='background: rgba(147, 114, 100, 0.5)'],
[style*='background:rgb(67,64,64)'] {
background: var(--theme-bg_brown) !important;
}
[style*='color:rgb(147,114,100)'] {
color: var(--theme-text_brown) !important;
}
[style*='background: rgba(255, 163, 68, 0.5)'],
[style*='background:rgb(89,74,58)'] {
background: var(--theme-bg_orange) !important;
}
[style*='color:rgb(255,163,68)'] {
color: var(--theme-text_orange) !important;
}
[style*='background: rgba(255, 220, 73, 0.5)'],
[style*='background:rgb(89,86,59)'] {
background: var(--theme-bg_yellow) !important;
}
[style*='color:rgb(255,220,73)'] {
color: var(--theme-text_yellow) !important;
}
[style*='background: rgba(77, 171, 154, 0.5)'],
[style*='background:rgb(53,76,75)'] {
background: var(--theme-bg_green) !important;
}
[style*='color:rgb(77,171,154)'] {
color: var(--theme-text_green) !important;
}
[style*='background: rgba(82, 156, 202, 0.5)'],
[style*='background:rgb(54,73,84)'] {
background: var(--theme-bg_blue) !important;
}
[style*='color:rgb(82,156,202)'] {
color: var(--theme-text_blue) !important;
}
[style*='background: rgba(154, 109, 215, 0.5)'],
[style*='background:rgb(68,63,87)'] {
background: var(--theme-bg_purple) !important;
}
[style*='color:rgb(154,109,215)'] {
color: var(--theme-text_purple) !important;
}
[style*='background: rgba(226, 85, 161, 0.5)'],
[style*='background:rgb(83,59,76)'] {
background: var(--theme-bg_pink) !important;
}
[style*='color:rgb(226,85,161)'] {
color: var(--theme-text_pink) !important;
}
[style*='background: rgba(255, 115, 105, 0.5);'],
[style*='background:rgb(89,65,65)'] {
background: var(--theme-bg_red) !important;
}
[style*='color:rgb(255,115,105)'] {
color: var(--theme-text_red) !important;
}

64
resources/hotkey.js → resources/tray.js
View File

@ -17,28 +17,22 @@ let tray;
function enhancements() { function enhancements() {
const { Tray, Menu } = require('electron'), const { Tray, Menu } = require('electron'),
path = require('path'), path = require('path'),
store = new (require(path.join(__dirname, '..', 'store.js')))({ store = require(path.join(__dirname, '..', 'store.js'))({
config: 'user-preferences', config: 'user-preferences',
defaults: { defaults: {
openhidden: false, openhidden: false,
maximised: false, maximised: false,
tray: false, tray: false,
theme: false,
}, },
}), });
states = { tray = new Tray(path.join(__dirname, 'notion.ico'));
startup: electron_1.app.getLoginItemSettings().openAtLogin,
openhidden: store.get('openhidden'),
maximised: store.get('maximised'),
tray: store.get('tray'),
};
tray = new Tray(path.join(__dirname, './notion.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: states.startup, checked: electron_1.app.getLoginItemSettings().openAtLogin,
click: () => click: () =>
contextMenu.getMenuItemById('startup').checked contextMenu.getMenuItemById('startup').checked
? electron_1.app.setLoginItemSettings({ openAtLogin: true }) ? electron_1.app.setLoginItemSettings({ openAtLogin: true })
@ -48,31 +42,43 @@ function enhancements() {
id: 'openhidden', id: 'openhidden',
label: 'hide on open', label: 'hide on open',
type: 'checkbox', type: 'checkbox',
checked: states.openhidden, checked: store.openhidden,
click: () => click: () =>
contextMenu.getMenuItemById('openhidden').checked contextMenu.getMenuItemById('openhidden').checked
? store.set('openhidden', true) ? (store.openhidden = true)
: store.set('openhidden', false), : (store.openhidden = false),
}, },
{ {
id: 'maximised', id: 'maximised',
label: 'open maximised', label: 'open maximised',
type: 'checkbox', type: 'checkbox',
checked: states.maximised, checked: store.maximised,
click: () => click: () =>
contextMenu.getMenuItemById('maximised').checked contextMenu.getMenuItemById('maximised').checked
? store.set('maximised', true) ? (store.maximised = true)
: store.set('maximised', false), : (store.maximised = false),
}, },
{ {
id: 'tray', id: 'tray',
label: 'close to tray', label: 'close to tray',
type: 'checkbox', type: 'checkbox',
checked: states.tray, checked: store.tray,
click: () => click: () =>
contextMenu.getMenuItemById('tray').checked contextMenu.getMenuItemById('tray').checked
? store.set('tray', true) ? (store.tray = true)
: store.set('tray', false), : (store.tray = false),
},
{
id: 'theme',
label: 'load theme.css',
type: 'checkbox',
checked: store.theme,
click: () => {
contextMenu.getMenuItemById('theme').checked
? (store.theme = true)
: (store.theme = false);
electron_1.BrowserWindow.getAllWindows().forEach((win) => win.reload());
},
}, },
{ {
type: 'separator', type: 'separator',
@ -86,22 +92,18 @@ function enhancements() {
tray.on('click', function () { tray.on('click', function () {
const win = electron_1.BrowserWindow.getAllWindows()[0]; const win = electron_1.BrowserWindow.getAllWindows()[0];
if (win.isVisible()) { if ((win.isVisible() && win.isMinimized()) || !store.maximised) {
if (win.isMinimized()) { win.show();
win.show(); } else if (win.isVisible()) {
} else win.hide(); win.hide();
} else { } else win.maximize();
if (contextMenu.getMenuItemById('maximised').checked) {
win.maximize();
} else win.show();
}
}); });
const hotkey = '___hotkey___'; // will be set by python script const hotkey = '☃☃☃hotkey☃☃☃'; // will be set by python script
electron_1.globalShortcut.register(hotkey, () => { electron_1.globalShortcut.register(hotkey, () => {
const windows = electron_1.BrowserWindow.getAllWindows(); const windows = electron_1.BrowserWindow.getAllWindows();
if (windows.some((win) => !win.isVisible())) { if (windows.some((win) => !win.isVisible())) {
if (contextMenu.getMenuItemById('maximised').checked) { if (store.maximised) {
windows.forEach((win) => win.maximize()); windows.forEach((win) => win.maximize());
} else windows.forEach((win) => win.show()); } else windows.forEach((win) => win.show());
} else windows.forEach((win) => win.hide()); } else windows.forEach((win) => win.hide());