- A vaporwave/lo-fi inspired desktop theme. Inspired by AriZona memes & branding.
- A Green Theme
Added a green scapular for a more adult and inspirational mood. It pairs well with the ginseng-green.json Windows Terminal Theme
- Win10 desktop and text editor theme.
- The Windows Terminal theme was designed with Vim syntax highlighing in mind.
- bash and C look fine
- Markdown and others have some color clashing.
| main wallpaper | alt wallpaper 1 | alt wallpaper 2 | lock screen |
|---|---|---|---|
 |
 |
 |
 |
I took the arizona+can+stickers from link. I don't know where I got the wallpapers from, or where the host took them from.
- notepad++ color scheme:
ginseng-green.xml - Windows Terminal color scheme:
ginseng-green.json
I do want a theme for the Geany text editor... but it will take too long. So maybe one day.
- Wallpaper > ginseng.png
- Windows Terminal > Powershell > Vim > Readme.md
- Notepad++ > Readme.md
- Reference project link
- The patch is just focused on the cover/main page.
- Copy over the wallpaper
- copy the
.\ginseng-skin.jpgtobookmark-renderer.git\view\img\ginseng-skin.jpg
:: write this in a command prompt or batch file parentDirectory=WhereverTheAppIs copy .\ginseng-skin.jpg %parentDirectory%\bookmark-renderer.git\view\img\ginseng-skin.jpg
- copy the
- Add wallpaper to css
- add the
.ginsengSkincss class tobookmark-renderer.git\view\css\myStyle.css
/* add this anywhere, perhaps the top, within the bookmark-renderer.git\view\css\myStyle.css */ .ginsengSkin { background: url("../img/ginseng-skin.jpg"); background-repeat: no-repeat; background-size: auto; background-size: 100%; }
- add the
- Modify the app's default css color scheme in
jsdiffapplied tobookmark-renderer.git\main.js
--- a/main.js +++ b/main.js @@ -15,6 +15,7 @@ // Global theme css variable var defaultCssTheme = "w3-theme-blue-grey.css"; +defaultCssTheme = "w3-theme-teal.css"; var isDark = false;
- Modify the load/home/splash page
bookmark-renderer.git\view\index.html- add
.ginsengSkinclass to thebodytag - remove the
.w3-theme-l4,.w3-theme-l3and.w3-theme-l2, class so that the .w3-row is transparent - Included, is a copy of the "latest"
index.htmldesign.- index.html. Used in the kiosk-example-2.jpg screenshot.
diffapplied in the kiosk-example.jpg screenshot:
- add
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
<link rel="stylesheet" href="css/myStyle.css">
</head>
- <body class="w3-theme-l5">
+ <body class="w3-theme-l5 ginsengSkin">
<h3 class="w3-center">kiosk</h3>
<div class="w3-card w3-center">
Node
@@ -23,7 +23,7 @@
<p></p>
</div>
- <div class="w3-row w3-card w3-theme-l4 w3-center">
+ <div class="w3-row w3-card w3-center">
<a id="btn1" class="w3-col s4 w3-btn w3-hover-theme" href="html/bookmarks.html">
<p>Bookmarks <sub>1</sub></p>
</a>
@@ -39,12 +39,12 @@
<p></p>
- <div class="w3-row w3-card w3-theme-l3 w3-center">
+ <div class="w3-row w3-card w3-center">
<a id="btn4" class="w3-col s6 w3-btn w3-hover-theme"><p>Gist Directory <sub>4</sub></p></a>
<a id="btn5" class="w3-col s6 w3-btn w3-hover-theme"><p>Github Directory <sub>5</sub></p></a>
</div>
- <div class="w3-row w3-card w3-theme-l2 w3-border-top w3-center">
+ <div class="w3-row w3-card w3-border-top w3-center">
<a id="btn6" class="w3-col s6 w3-btn w3-hover-theme"><p>VS Code <sub>6</sub></p></a>
<a id="btn7" class="w3-col s6 w3-btn w3-hover-theme"><p>Windows Terminal <sub>7</sub></p></a>
</div>
- OPTIONAL: update the app favicon (i may make a new one, not a fan of the pink-ness)
- replace the app's favicon
:: write this in a command prompt or batch file parentDirectory=WhereverTheAppIs copy .\electron-pink.ico %parentDirectory%\bookmark-renderer.git\view\img\favicon.ico
- General ideas screenshots.
basic a bit more embellished 
