Skip to content

Commit

Permalink
Add theme: Move Scrollbar to Edge
Browse files Browse the repository at this point in the history
  • Loading branch information
tedbergstrand authored Oct 31, 2024
1 parent 7aaf4bc commit a2b12bd
Show file tree
Hide file tree
Showing 5 changed files with 97 additions and 0 deletions.
4 changes: 4 additions & 0 deletions themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/chrome.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@

body {
width: calc(var(--custom-body-width, 100.35) * 1%) !important;
}
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
58 changes: 58 additions & 0 deletions themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/preferences.json
Original file line number Diff line number Diff line change
@@ -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"
}
]
}
]
20 changes: 20 additions & 0 deletions themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/readme.md
Original file line number Diff line number Diff line change
@@ -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.
15 changes: 15 additions & 0 deletions themes/2cdff2cc-b8bb-47b9-a18b-e0b42a2bde7e/theme.json
Original file line number Diff line number Diff line change
@@ -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"
}

0 comments on commit a2b12bd

Please sign in to comment.