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

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

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