[create-theme]: Space Border Width

[zendoin]

Name

Space Border Width

Description

Customize the width of the colored space border around web content

Homepage

No response

Image

https://i.imgur.com/EUcWO0L.png

Type

• JSON Color Theme

Theme Styles

#main-window {
  --zen-element-separation: var(--mod-spaceborder-width) !important;
}

Readme

# Space Border Width

Allows you to customize the width of the colored border that surrounds the web content area in each Zen Browser space.

## What it does

Zen Browser displays a colored frame around the web content when you are in a space. This mod makes that border width configurable — including setting it to `0px` to remove it entirely.

The default value (`8px`) matches Zen's built-in default, so activating this mod without changing the setting leaves the appearance unchanged.

## Usage

After installing, go to **Settings → Mods → Space Border Width** and enter a valid CSS length value:

- `0px` — no border
- `4px` — half the default
- `8px` — default Zen value
- `12px` — wider border

## Compatibility

Compatible with the **Disable Rounded Corners** mod. Both mods can be active at the same time.

## Notes

- The value must be a valid CSS length (e.g. `0px`, `4px`, `1rem`). Invalid values will fall back to the browser default.
- Does not affect split view.

Preferences

[
  {
    "property": "mod.spaceborder.width",
    "label": "Border width (e.g. 0px, 4px, 8px)",
    "type": "string",
    "defaultValue": "8px",
    "placeholder": "e.g. 0px, 4px, 8px"
  }
]

[github-actions]

Thank you for your contribution! 🎉

Your theme has been successfully submitted. The maintainers will review it and get back to you soon.

Here are some details about your submission:

• Your theme has been requested into this PR.
• It has been created into the create-theme-2068 branch.

If you have any questions or need help, feel free to ask in the comments below or in the PR.