[create-theme]: Better Folders

[SoyWater]

Name

Better Folders

Description

Change folder border width and colour

Homepage

https://github.com/SoyWater/zen-mods

Image

https://github.com/SoyWater/zen-mods/blob/main/better-folders/better-folders.png

Type

• JSON Color Theme

Theme Styles

:root {
  --tabgroup-folder-stroke-width: var(--mod-tabgroup-folder_stroke_width);
}

.tab-group-label-container:has(.tab-group-label[aria-label*="[1]"]) {
  --zen-folder-stroke: var(--mod-tabgroup-folder_1_color);
}

.tab-group-label-container:has(.tab-group-label[aria-label*="[2]"]) {
  --zen-folder-stroke: var(--mod-tabgroup-folder_2_color);
}

.tab-group-label-container:has(.tab-group-label[aria-label*="[3]"]) {
  --zen-folder-stroke: var(--mod-tabgroup-folder_3_color);
}

.tab-group-folder-icon .back,
.tab-group-folder-icon .front {
  stroke-width: var(--tabgroup-folder-stroke-width) !important;
}

Readme

# Zen Mod: Better Folders

A small mod to change folder border colours and width in Zen.

![screenshot](./better-folders.png)

[Source code at GitHub](https://github.com/SoyWater/zen-mods)

Preferences

[
  {
    "property": "mod.tabgroup.folder_stroke_width",
    "label": "Folder stroke width",
    "type": "string",
    "defaultValue": "1.5px",
    "placeholder": "e.g. 1px"
  },
  {
    "property": "mod.tabgroup.folder_1_color",
    "label": "Folder 1 color: Add [1] to folder name",
    "type": "string",
    "placeholder": "#ff4d4d"
  },
  {
    "property": "mod.tabgroup.folder_2_color",
    "label": "Folder 2 color: Add [2] to folder name",
    "type": "string",
    "placeholder": "#ff4d4d"
  },
  {
    "property": "mod.tabgroup.folder_3_color",
    "label": "Folder 3 color: Add [3] to folder name",
    "type": "string",
    "placeholder": "#ff4d4d"
  }
]

[github-actions]

Error creating theme

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

Image must be a PNG.