From 7f20f87b4965ca33b0bb8d0e35fab32917e7db72 Mon Sep 17 00:00:00 2001 From: irasnalida Date: Thu, 13 Mar 2025 03:16:54 +0000 Subject: [PATCH] Add theme: Container Tab Zen Logo --- .../chrome.css | 39 ++++++++++++++++++ .../image.png | Bin 0 -> 11751 bytes .../readme.md | 2 + .../theme.json | 14 +++++++ 4 files changed, 55 insertions(+) create mode 100644 themes/898df61d-3887-41da-8332-fa5ee0a8b655/chrome.css create mode 100644 themes/898df61d-3887-41da-8332-fa5ee0a8b655/image.png create mode 100644 themes/898df61d-3887-41da-8332-fa5ee0a8b655/readme.md create mode 100644 themes/898df61d-3887-41da-8332-fa5ee0a8b655/theme.json diff --git a/themes/898df61d-3887-41da-8332-fa5ee0a8b655/chrome.css b/themes/898df61d-3887-41da-8332-fa5ee0a8b655/chrome.css new file mode 100644 index 00000000..cd4571c4 --- /dev/null +++ b/themes/898df61d-3887-41da-8332-fa5ee0a8b655/chrome.css @@ -0,0 +1,39 @@ + +tab { + --irs-ctxl-logo-opacity: 0.65; + --irs-ctxl-logo-selected-opacity: 0.35; + --logo-circle-style: url('data:image/svg+xml,'); + +.tab-context-line { + width: 100% !important; + -webkit-mask-image: var(--logo-circle-style) !important; + mask-image: var(--logo-circle-style) !important; + background-color: var(--identity-icon-color) !important; + mask-repeat: no-repeat !important; + mask-position: right center; + mask-position-x: calc(100% + 20px); + mask-size: contain; + opacity: var(--irs-ctxl-logo-opacity); + transition: mask-position-x 0.2s 0.15s ease-in; + } + +&[zen-essential="true"] { + .tab-context-line { + background-position-x: calc(100% + 25px); + mask-position-x: calc(100% + 25px) !important; + } + } + +&[selected] { + .tab-context-line { + mask-position-x: calc(100% + 15px); + opacity: var(--irs-ctxl-logo-selected-opacity); + } + +&[zen-essential="true"] { + .tab-context-line { + mask-position-x: calc(100% + 19px); + } + } + } +} diff --git a/themes/898df61d-3887-41da-8332-fa5ee0a8b655/image.png b/themes/898df61d-3887-41da-8332-fa5ee0a8b655/image.png new file mode 100644 index 0000000000000000000000000000000000000000..52c87c3db91b4b4f1789a1a0e1e3a61f1f893041 GIT binary patch literal 11751 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 NBTfDLSarL|{|7(LnT-Gd literal 0 HcmV?d00001 diff --git a/themes/898df61d-3887-41da-8332-fa5ee0a8b655/readme.md b/themes/898df61d-3887-41da-8332-fa5ee0a8b655/readme.md new file mode 100644 index 00000000..201f5ec3 --- /dev/null +++ b/themes/898df61d-3887-41da-8332-fa5ee0a8b655/readme.md @@ -0,0 +1,2 @@ + +This css mod will show the zen logo as colored container indicator. Just install and it should work. diff --git a/themes/898df61d-3887-41da-8332-fa5ee0a8b655/theme.json b/themes/898df61d-3887-41da-8332-fa5ee0a8b655/theme.json new file mode 100644 index 00000000..2bc006b9 --- /dev/null +++ b/themes/898df61d-3887-41da-8332-fa5ee0a8b655/theme.json @@ -0,0 +1,14 @@ +{ + "id": "898df61d-3887-41da-8332-fa5ee0a8b655", + "name": "Container Tab Zen Logo", + "description": "Replaces the container indicator with the Zen logo.", + "homepage": "https://github.com/irasnalida/Zen-Mods/tree/main/container-tab-zen-logo", + "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/898df61d-3887-41da-8332-fa5ee0a8b655/chrome.css", + "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/898df61d-3887-41da-8332-fa5ee0a8b655/readme.md", + "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/898df61d-3887-41da-8332-fa5ee0a8b655/image.png", + "author": "irasnalida", + "version": "1.0.0", + "tags": [], + "createdAt": "2025-03-13", + "updatedAt": "2025-03-13" +} \ No newline at end of file