From a2b12bd848cb6a36fa0597de5be06ae889859456 Mon Sep 17 00:00:00 2001 From: tedbergstrand Date: Thu, 31 Oct 2024 19:22:06 +0000 Subject: [PATCH] Add theme: Move Scrollbar to Edge --- .../chrome.css | 4 ++ .../image.png | Bin 0 -> 1484 bytes .../preferences.json | 58 ++++++++++++++++++ .../readme.md | 20 ++++++ .../theme.json | 15 +++++ 5 files changed, 97 insertions(+) create mode 100644 themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/chrome.css create mode 100644 themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/image.png create mode 100644 themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/preferences.json create mode 100644 themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/readme.md create mode 100644 themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/theme.json diff --git a/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/chrome.css b/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/chrome.css new file mode 100644 index 00000000..80dc611e --- /dev/null +++ b/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/chrome.css @@ -0,0 +1,4 @@ + +body { + width: calc(var(--custom-body-width, 100.35) * 1%) !important; +} diff --git a/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/image.png b/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/image.png new file mode 100644 index 0000000000000000000000000000000000000000..e0c0f89f932ad03b5a8ab692ff950e51c6201b98 GIT binary patch literal 1484 zcmeAS@N?(olHy`uVBq!ia0vp^UJMM(J{(LyRtfW(Weg0glRaG=Ln`LHx#^!R{gSbv z@Z_cqsg;Sh5C6J%_a1la+x_|}MKSS@-zDCzX_=&d<(oi#&zA|4#F)0Oy(XsBsW8RD z_fFKNAH3&_rT7n@`R)APdVS)z{Z^KeyxaH2@+a&*I=Ne2++S~AjLpu9qK{7=owU_@ z|7Q2*%a_%^@BH-T%gLMN>HPJN7Jt%PzwZ3}dG%oxRllD6dHM6{)vt%=Tg;S~xBsK} z{mr9CN3U8xyn6NP(WBk{ahtdO{jghpp8fyBhv)xTvFALOdG>9__riyIZ+`JvlJ>T~C-($Jf&wAY!&%S;8XwpWz8^`{Z zpRC@0&u#I=@B9DO<>%*HO#b|CcZ#jIx%Qp2vp=tUYiIrM|3$uv|GE4(+CFTooPY1W znO;rEz1nZ@&T`3ry=r7X>u&n{xOfBmS+;*VAMZPN2*b-D0rP@;|FX8;`YK^|t-|Kt zgEI^2_Fmon@AH{|kDfUj-byjDw3$(7Xg}+G|Mb&OXPei@>#S2}-z;0haNBM5)mP7+ zeUlHr-hK4zn~XA>|Bs$Mi$DBu@B43Mm6esXCiBno^|NjLc5i!(Ui|)lw^NKHAFSX0 z4k&3LtM~qGmdx5VOUvuJ|0<1B?iKBnG0M;Qzx9qTB0jLX7A3}rQvvee`MQ5^*B#$* z^jQ0G`+Hv{w%zzwVs#fpAGjU|i+|!wBf|k0T0kyZ$G%~s+T@e@b$?e+p1eM8@2}VL z|GzwcTJ-bVlY?(6t~1~E+5hM0_WLz|C%-KDwOD_@jg3vs&rkZzv*y_UefE0y@xu>$ zk3R-cwOb&`mwwL2@Xx3K^;7Mj3)BC63=IGO7ao^a{mQ;a8CXg)c)I$ztaD0e0syX4 BDCqzI literal 0 HcmV?d00001 diff --git a/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/preferences.json b/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/preferences.json new file mode 100644 index 00000000..aa49c9d1 --- /dev/null +++ b/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/preferences.json @@ -0,0 +1,58 @@ +[ + { + "property": "custom-body-width", + "label": "Body Width Percentage:", + "type": "dropdown", + "defaultValue": "100.35", + "options": [ + { + "label": "100%", + "value": "100" + }, + { + "label": "100.10%", + "value": "100.1" + }, + { + "label": "100.20%", + "value": "100.2" + }, + { + "label": "100.30%", + "value": "100.3" + }, + { + "label": "100.35%", + "value": "100.35" + }, + { + "label": "100.40%", + "value": "100.4" + }, + { + "label": "100.50%", + "value": "100.5" + }, + { + "label": "100.60%", + "value": "100.6" + }, + { + "label": "100.70%", + "value": "100.7" + }, + { + "label": "100.80%", + "value": "100.8" + }, + { + "label": "100.90%", + "value": "100.9" + }, + { + "label": "101%", + "value": "101" + } + ] + } +] \ No newline at end of file diff --git a/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/readme.md b/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/readme.md new file mode 100644 index 00000000..be9f1fb9 --- /dev/null +++ b/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/readme.md @@ -0,0 +1,20 @@ + +# Zen Mod: Extended Scrollbar Alignment + +## The Problem + +There's a container around the webpage body that shifts the scrollbar slightly to the left and makes it unclickable at the boundary of the monitor. + +## Solution + +This Zen Mod slightly adjusts the width of the browser window, shifting the scrollbar a bit further to the right. This mod is designed for users who have conditioned themselves to slam their mouse to the right in order to scroll. It didn't work... but zen it does. + +## Features + +- **Adjustable Body Width**: Customize the body width percentage to position the scrollbar precisely to your liking. +- **Brainless Scrollbar Access**: Ideal for those who prefer to scroll by moving the cursor to the far edge of the screen. + +## Customization + +You can adjust the body width in **Preferences**: +- **Body Width Percentage**: The default is set to 100.35%. This was the minimum that worked on my monitor. Your monitor may be slightly different. diff --git a/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/theme.json b/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/theme.json new file mode 100644 index 00000000..5506db5a --- /dev/null +++ b/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/theme.json @@ -0,0 +1,15 @@ +{ + "id": "2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e", + "name": "Move Scrollbar to Edge", + "description": "Moves the Scrollbar to the right edge of the screen. This is muscle memory for some people.", + "homepage": "https://github.com/tedbergstrand", + "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/chrome.css", + "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/readme.md", + "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/image.png", + "author": "tedbergstrand", + "version": "1.0.0", + "tags": [], + "createdAt": "2024-10-31", + "updatedAt": "2024-10-31", + "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/preferences.json" +} \ No newline at end of file