Skip to content
This repository was archived by the owner on Jul 23, 2026. It is now read-only.
This repository was archived by the owner on Jul 23, 2026. It is now read-only.

[create-theme]: Square Edges #2121

Closed
Closed

Description

@Java-Idl

Name

Square Edges

Description

Removes rounded corners from main browser panels and sidebar containers.

Homepage

https://github.com/Java-Idl/zen-square-edges

Image

https://github.com/user-attachments/assets/e0967de6-b5bf-48cb-97d2-8a6d7647d096

Type

  • JSON Color Theme

Theme Styles

/* Custom Variables */
:root, #navigator-toolbox {
  --zen-border-radius: 0 !important;
  --zen-webview-border-radius: 0 !important;
  --tab-border-radius: 0 !important;
  --toolbarbutton-border-radius: 0 !important;
  --border-radius-small: 0 !important;
  --border-radius-medium: 0 !important;
  --border-radius-large: 0 !important;
}

/* All Elements, Panels, Buttons & Workspace Indicators */
*,
.browserSidebarContainer,
#tabbrowser-tabpanels,
toolbarbutton,
toolbarbutton .toolbarbutton-icon,
toolbarbutton .toolbarbutton-badge-stack,
#urlbar,
#urlbar-background,
.urlbar-icon,
.urlbar-page-action-button,
#urlbar-icons *,
.urlbar-page-action-button *,
#zen-workspaces-button,
.zen-workspace-button,
.zen-workspace-dot,
.zen-workspace-indicator,
#zen-workspaces-navbar *,
#zen-sidebar-top-buttons *,
#zen-sidebar-web-panels * {
  border-radius: 0 !important;
}

Readme

# zen-square-edges

A simple mod for Zen Browser that removes rounded corners across the interface.

## Overview

This theme sets the border radius to zero for browser panels, toolbars, buttons, and navigation elements to create a sharp, square layout.

## What It Changes

* Sets border radius to 0 for main browser panels and sidebar containers.
* Removes rounded edges from toolbar buttons, URL bar elements, and action icons.
* Flattens workspace indicator dots and sidebar buttons.
* Overrides Zen design system radius variables.

## Screenshots

### Compact Mode
<img width="335" height="404" alt="compact mode" src="https://github.com/user-attachments/assets/ea515281-7728-4883-8e9f-4078ebfe84b1" />

### Fullscreen
<img width="1920" height="1080" alt="fullscreen" src="https://github.com/user-attachments/assets/e0967de6-b5bf-48cb-97d2-8a6d7647d096" />

Preferences

Activity

  1. added
    new-themeSubmit a theme to be added to the theme library
    on Jul 22, 2026
  2. github-actions commented on Jul 22, 2026

    @github-actions
    Contributor

    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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    new-themeSubmit a theme to be added to the theme library

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions