replace unicode window button icons with svgs

2025-04-05 13:19:03 +00:00 · 2020-07-09 14:58:10 +10:00 · 2020-07-09 14:58:10 +10:00 · 582a8cc642
commit 582a8cc642
parent 31ccd13ced
21 changed files with 109 additions and 45 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -5,11 +5,20 @@ but can still easily be enabled by following instructions in the [docs](README.m

 ### 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: tray now operates as expected on linux.
 - bugfix: odd mix of `\\` and `/` being used for windows filepaths.
 - 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)

 - style: custom fonts.
--- a/README.md
+++ b/README.md
@ -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.

 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.

-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

 i mean, yeah. get rid of those ugly default scrollbars and use nice inconspicuous
--- a/customiser.py
+++ b/customiser.py
@ -118,7 +118,7 @@ try:
                f' ...linking to {os.path.join(".", "resources", "user.css")}')
            with open(os.path.join(__dirname__, 'resources', 'preload.js'), 'r', encoding='UTF-8') as insert:
                append.write(insert.read().replace(
-                    '☃☃☃assets☃☃☃', os.path.join(enhancer_folder, 'resources').replace('\\', '/')))
+                    '☃☃☃resources☃☃☃', os.path.join(enhancer_folder, 'resources').replace('\\', '/')))
    else:
        print(
            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(__dirname__, 'resources', 'tray.js'), 'r', encoding='UTF-8') as insert:
                append.write('\n' + insert.read().replace(
-                    '☃☃☃hotkey☃☃☃', hotkey))
-        print(
-            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"))
+                    '☃☃☃hotkey☃☃☃', hotkey).replace(
+                    '☃☃☃resources☃☃☃', os.path.join(enhancer_folder, 'resources').replace('\\', '/'))
+                )
        print(
            f' ...copying datastore wrapper {os.path.join(".", "resources", "store.js")} to {os.path.join(filepath, "app")}')
        copyfile(os.path.join(__dirname__, 'resources', 'store.js'),
--- a/docs.json
+++ b/docs.json
@ -8,7 +8,7 @@
    "url": "https://dragonwocky.me/notion-enhancer/"
  },
  "icon": {
-    "light": "logo.png"
+    "light": "notion.png"
  },
  "overwrite": true,
  "exclude": [
--- a/docs/changelog.html
+++ b/docs/changelog.html
@ -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">
            <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>
            </h3>
        <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: 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: 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>

          </section>
--- a/docs/index.html
+++ b/docs/index.html
@ -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">
            <h1>
@ -70,11 +70,8 @@ additionally, if you ever need to change or reset your notion build, the <code>c
            </h3>
        <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;
-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>
-<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 class="block" id="nicer-scrollbars">
--- a/docs/notion.png
+++ b/docs/notion.png
--- a/docs/styling.html
+++ b/docs/styling.html
@ -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">
            <h1>
--- a/notion.png
+++ b/notion.png
--- a/resources/icons/alwaysontop_off.svg
+++ b/resources/icons/alwaysontop_off.svg
@ -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>
--- a/resources/icons/alwaysontop_on.svg
+++ b/resources/icons/alwaysontop_on.svg
@ -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>
--- a/resources/icons/close.svg
+++ b/resources/icons/close.svg
@ -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>
--- a/resources/icons/mac.png
+++ b/resources/icons/mac.png
--- a/resources/icons/maximise_off.svg
+++ b/resources/icons/maximise_off.svg
@ -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>
--- a/resources/icons/maximise_on.svg
+++ b/resources/icons/maximise_on.svg
@ -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>
--- a/resources/icons/minimise.svg
+++ b/resources/icons/minimise.svg
@ -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>
--- a/resources/icons/tray.ico
+++ b/resources/icons/tray.ico
--- a/resources/preload.js
+++ b/resources/preload.js
@ -35,7 +35,7 @@ require('electron').remote.getGlobal('setTimeout')(() => {
      css = ['user'];
    if (store.theme) css.push('theme');
    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');
      style.type = 'text/css';
      style.innerHTML = file;
@ -72,18 +72,34 @@ require('electron').remote.getGlobal('setTimeout')(() => {
      .querySelector('.notion-topbar-share-menu')
      .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() {
-          return appwindow.isAlwaysOnTop() ? '🠙' : '🠛';
+          return appwindow.isAlwaysOnTop()
+            ? button_icons_raw.alwaysontop_on
+            : button_icons_raw.alwaysontop_off; // '🠙' : '🠛'
        },
        minimize() {
-          return '⚊';
+          return button_icons_raw.minimize; // '⚊'
        },
        maximize() {
-          return appwindow.isMaximized() ? '🗗' : '🗖';
+          return appwindow.isMaximized()
+            ? button_icons_raw.maximize_on
+            : button_icons_raw.maximize_off; // '🗗' : '🗖'
        },
        close() {
-          return '⨉';
+          return button_icons_raw.close; // '⨉'
        },
      },
      button_actions = {
@ -118,6 +134,8 @@ require('electron').remote.getGlobal('setTimeout')(() => {
        close: document.querySelector('.window-button.btn-close'),
      };

+    console.log(button_icons_raw);
+
    button_elements.alwaysontop.innerHTML = button_icons.alwaysontop();
    button_elements.alwaysontop.onclick = button_actions.alwaysontop;

--- a/resources/theme.css
+++ b/resources/theme.css
@ -85,6 +85,9 @@
  background: var(--theme-button) !important;
  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)'] {
  background: var(--theme-card) !important;
--- a/resources/tray.js
+++ b/resources/tray.js
@ -28,19 +28,23 @@ function enhancements() {
      },
    });
  tray = new Tray(
-    new nativeImage.createFromPath(path.join(__dirname, 'logo.png')).resize({
-      width: 16,
-      height: 16,
-    })
+    isMac
+      ? new nativeImage.createFromPath('☃☃☃resources☃☃☃/icons/logo.png').resize(
+          {
+            width: 16,
+            height: 16,
+          }
+        )
+      : '☃☃☃resources☃☃☃/icons/tray.ico'
  );
  const contextMenu = Menu.buildFromTemplate([
    {
      id: 'startup',
-      label: 'Run on Startup',
+      label: 'Run on startup',
      type: 'checkbox',
      checked: electron_1.app.getLoginItemSettings().openAtLogin,
      click: () => {
-        contextMenu.getMenuItemById('openhidden').checked
+        contextMenu.getMenuItemById('startup').checked
          ? electron_1.app.setLoginItemSettings({ openAtLogin: true })
          : electron_1.app.setLoginItemSettings({ openAtLogin: false });
        tray.setContextMenu(contextMenu);
@ -48,7 +52,7 @@ function enhancements() {
    },
    {
      id: 'openhidden',
-      label: 'Hide on Open',
+      label: 'Hide on open',
      type: 'checkbox',
      checked: store.openhidden,
      click: () => {
@ -58,7 +62,7 @@ function enhancements() {
    },
    {
      id: 'maximized',
-      label: 'Open Maximised',
+      label: 'Open maximised',
      type: 'checkbox',
      checked: store.maximized,
      click: () => {
@ -68,7 +72,7 @@ function enhancements() {
    },
    {
      id: 'tray',
-      label: 'Close to Tray',
+      label: 'Close to tray',
      type: 'checkbox',
      checked: store.tray,
      click: () => {
@ -78,7 +82,7 @@ function enhancements() {
    },
    {
      id: 'theme',
-      label: 'Load Custom Theme',
+      label: 'Load theme.css',
      type: 'checkbox',
      checked: store.theme,
      click: () => {
--- a/resources/user.css
+++ b/resources/user.css
@ -58,7 +58,25 @@
  border-radius: 4px;
  font-size: 16px;
  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 */
@ -74,13 +92,6 @@
  background: rgb(71, 76, 80);
 }

-/* set close button to red on hover */
-
-.btn-close:hover{
-  background: #E81123 !important;
-  color: white;
-}
-
 /* scrollbar: pointer */
 .notion-scroller {
  cursor: auto;