[create-theme]: Move Scrollbar to Edge

[tedbergstrand]

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

Image

Moves the Scrollbar to the right edge of the screen. This is muscle memory for some people.

Type

• JSON Color Theme

Theme Styles

body {
    width: calc(var(--custom-body-width, 100.35%)) !important;
  }

Readme

# Zen Mod: Extended Scrollbar Alignment

## Overview

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 in Zen, and now 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 PC. Your monitor may be slightly different.

Preferences

[
    {
        "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"
            }
        ]
    }
]

[github-actions]

Error creating theme

Sorry about that! There was an error creating the theme. Please try again or contact the maintainers for help.

URL must be HTTPS.