diff --git a/themes/34fa17d3-3862-4126-b965-73e8914b6900/chrome.css b/themes/34fa17d3-3862-4126-b965-73e8914b6900/chrome.css new file mode 100644 index 00000000..e2f2abbe --- /dev/null +++ b/themes/34fa17d3-3862-4126-b965-73e8914b6900/chrome.css @@ -0,0 +1,33 @@ + +#main-window:-moz-window-inactive, +#navigator-toolbox:-moz-window-inactive, +#TabsToolbar:-moz-window-inactive, +#tabbrowser-tabs:-moz-window-inactive, +#tabs-newtab-button:-moz-window-inactive, +#vertical-tabs-newtab-button:-moz-window-inactive, +#zen-sidebar-bottom-buttons:-moz-window-inactive, +#zen-workspaces-button:-moz-window-inactive { + opacity: 1 !important; + filter: none !important; +} + +.tabbrowser-tab[selected]:-moz-window-inactive .tab-background, +.tabbrowser-tab[visuallyselected]:-moz-window-inactive .tab-background { + background-image: none !important; + border: none !important; + outline: none !important; + opacity: 0.7 !important; +} + +#tabbrowser-tabs .tabbrowser-tab, +#tabbrowser-tabs .tabbrowser-tab .tab-label-container, +#tabbrowser-tabs .tabbrowser-tab .tab-label, +#tabbrowser-tabs .tabbrowser-tab .tab-text, +.tabbrowser-tab .tab-label, +.tabbrowser-tab .tab-text { + font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif !important; + font-size: 14px !important; + font-weight: 450 !important; + letter-spacing: -0.01em !important; + -moz-osx-font-smoothing: auto !important; +} diff --git a/themes/34fa17d3-3862-4126-b965-73e8914b6900/image.png b/themes/34fa17d3-3862-4126-b965-73e8914b6900/image.png new file mode 100644 index 00000000..0c6bbde2 Binary files /dev/null and b/themes/34fa17d3-3862-4126-b965-73e8914b6900/image.png differ diff --git a/themes/34fa17d3-3862-4126-b965-73e8914b6900/readme.md b/themes/34fa17d3-3862-4126-b965-73e8914b6900/readme.md new file mode 100644 index 00000000..57e5fc49 --- /dev/null +++ b/themes/34fa17d3-3862-4126-b965-73e8914b6900/readme.md @@ -0,0 +1,18 @@ + +# Arc Like Sidebar + +Two small tweaks that make Zen's vertical sidebar feel closer to Arc on macOS: + +## 1. No fade when the window loses focus +By default, Zen applies an opacity/filter to the sidebar and toolbar when the window is blurred, which makes tab text render really thin and washed out — +almost unreadable at a glance. This mod removes that effect so your sidebar stays crisp and fully legible. The active tab pill is left slightly translucent +(70%) as a subtle hint that the window isn't focused, similar to how Arc handles its unfocused state. + +## 2. Arc-like tab label rendering +Bumps tab labels to system font (-apple-system / SF Pro Text), size 14px, weight 450, with native macOS font smoothing. The default Zen rendering looks +noticeably thinner and smaller than Arc; this brings them in line. + +## What it doesn't touch +- Border radius, colors, spacing, or layout. +- Behavior when the window is focused (other than label font). +- Non-macOS systems will still get the size/weight changes — the system font stack falls back gracefully. diff --git a/themes/34fa17d3-3862-4126-b965-73e8914b6900/theme.json b/themes/34fa17d3-3862-4126-b965-73e8914b6900/theme.json new file mode 100644 index 00000000..d7405cbd --- /dev/null +++ b/themes/34fa17d3-3862-4126-b965-73e8914b6900/theme.json @@ -0,0 +1,14 @@ +{ + "id": "34fa17d3-3862-4126-b965-73e8914b6900", + "name": "Arc Like Sidebar", + "description": "Arc-style sidebar: no fade when blurred + crisper tab font rendering.", + "homepage": "", + "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/34fa17d3-3862-4126-b965-73e8914b6900/chrome.css", + "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/34fa17d3-3862-4126-b965-73e8914b6900/readme.md", + "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/34fa17d3-3862-4126-b965-73e8914b6900/image.png", + "author": "simion", + "version": "1.0.0", + "tags": [], + "createdAt": "2026-05-18", + "updatedAt": "2026-05-18" +} \ No newline at end of file