summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorlittleblack111 <littleblack11111@gmail.com>2025-06-05 18:32:46 +0800
committerlittleblack111 <littleblack11111@gmail.com>2025-06-05 18:32:46 +0800
commit66333910dd78776e30526f3c17284317c19a75a5 (patch)
tree86919ebf7582db53c94441b7c5b714df5dcbcded
parentc991d35a4d3529d7b4f0a400acc948b5e406e3e9 (diff)
zen: better transparency
more transparency websites more opaque
m---------dot-zen/main/chrome/Zen-Nebula0
-rw-r--r--dot-zen/main/chrome/userContent.css347
-rw-r--r--dot-zen/main/chrome/userContent.css.bak296
-rw-r--r--dot-zen/main/chrome/zen-themes.css12
-rw-r--r--dot-zen/main/chrome/zen-themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/chrome.css127
-rw-r--r--dot-zen/main/chrome/zen-themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/readme.md2
-rw-r--r--dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css167
-rw-r--r--dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json100
-rw-r--r--dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/chrome.css326
-rw-r--r--dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/preferences.json80
-rw-r--r--dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/readme.md23
11 files changed, 1090 insertions, 390 deletions
diff --git a/dot-zen/main/chrome/Zen-Nebula b/dot-zen/main/chrome/Zen-Nebula
-Subproject 17c36701849dfd1e0440d71c0f65a8568a314b6
+Subproject 4705b635907b1eb3b49c6e2722b2f7087264ab6
diff --git a/dot-zen/main/chrome/userContent.css b/dot-zen/main/chrome/userContent.css
index e7dbe6f7..7e8d3c1c 100644
--- a/dot-zen/main/chrome/userContent.css
+++ b/dot-zen/main/chrome/userContent.css
@@ -1 +1,346 @@
-@import "Zen-Nebula/Nebula/Nebula-content.css";
+* {
+ border-radius: 2px;
+ --bg: rgba(0, 0, 0, 0.2) !important;
+ --bg-color: rgba(0, 0, 0, 0.2) !important;
+ --background: rgba(0, 0, 0, 0.2) !important;
+ --background-color: rgba(0, 0, 0, 0.2) !important;
+ --primary-background: rgba(0, 0, 0, 0.2) !important;
+ --bgColor-inset: rgba(0, 0, 0, 0.2) !important;
+ /* background-color: transparent !important; */
+ /* p, span, h1, h2, h3, h4, strong, a { */
+ /* background-color: transparent !important; */
+ /* } */
+}
+
+@-moz-document url-prefix("https://www.google.com") {
+ .sfbg {
+ background-color: transparent !important;
+ }
+
+ #appbar,
+ .appbar {
+ background-color: transparent !important;
+ }
+
+ #search *> :not(.MjjYud *),
+ .dURPMd *> :not(.MjjYud *) {
+ background: transparent !important;
+ background-color: transparent !important;
+ }
+
+ .KcXNxb,
+ .dG2XIf {
+ background-color: transparent !important;
+ }
+
+ .MjjYud>div>div,
+ .MjjYud>div {
+ background: var(--bg-color) !important;
+ background-color: var(--bg-color) !important;
+ border-radius: 8px !important;
+ }
+}
+
+@-moz-document url-prefix("https://docs.google.com/forms") {
+ * {
+ --bg-color: rgba(0, 0, 0, 0) !important;
+ }
+}
+
+@-moz-document url-prefix("https://docs.google.com/presentation") {
+
+ #docs-editor,
+ #docs-editor-container {
+ background: var(--bg-color) !important;
+ }
+
+ .workspace-container {
+ background: transparent !important;
+ }
+
+ .filmstrip {
+ background: transparent !important;
+ }
+}
+
+@-moz-document url-prefix("https://docs.google.com/document") {
+
+ #docs-editor,
+ #docs-editor-container,
+ .kix-appview-editor {
+ background: transparent !important;
+ }
+
+ .kix-page-paginated,
+ .kix-canvas-tile-content {
+ border-radius: 8px;
+ }
+}
+
+@-moz-document url-prefix("https://github.com") {
+ #partial-discussion-header {
+ background: transparent !important;
+ }
+
+ .comment {
+ background: var(--bg-color) !important;
+ }
+
+ .discussion-timeline-actions {
+ background: transparent !important;
+ }
+
+ .color-bg-default,
+ .color-fg-default,
+ .bgColor-default,
+ .color-bg-inset,
+ .bgColor-inset {
+ background-color: var(--bg-color) !important;
+ backdrop-filter: blur(16px) !important;
+ }
+
+ .feed-background {
+ background-color: var(--bg-color) !important;
+ }
+
+ .TimelineItem::before {
+ background-color: transparent !important;
+ display: none !important;
+ }
+}
+
+@-moz-document url-prefix("https://vsa.managebac.com") {
+ .content-block {
+ background: var(--bg-color) !important;
+ }
+
+ #menu *:not(.f-menu-submenu, .f-menu-submenu-link) {
+ background: transparent !important;
+ background-color: transparent !important;
+ }
+
+ #menu {
+ background: var(--bg-color) !important;
+ }
+
+ .f-menu-submenu,
+ .f-menu-submenu-link {
+ background: var(--bg-color) !important;
+ }
+
+ .fusion-card-item {
+ background: var(--bg-color) !important;
+ }
+}
+
+@-moz-document url-prefix("https://accounts.google.com/signin/oauth") {
+ .S7xv8 {
+ background: var(--bg-color) !important;
+ }
+}
+
+@-moz-document domain(monkeytype.com) {
+ body {
+ background: transparent !important;
+ }
+}
+
+@-moz-document domain(zen-browser.app) {
+
+ body,
+ html {
+ background: transparent !important;
+ }
+}
+
+@-moz-document domain(reddit.com) {
+
+ body,
+ html {
+ background: transparent !important;
+ }
+
+ #comment-tree {
+ background: transparent !important;
+ }
+
+ .bg-neutral-background,
+ .bg-neutral-background-weak {
+ background: rgba(0, 0, 0, 0.1) !important;
+ }
+
+ .bg-\[color\:var\(--shreddit-content-background\)\] {
+ background-color: transparent !important;
+ }
+
+ .threadline,
+ .shreddit-post,
+ aside,
+ comment-body-header,
+ shreddit-comment-tree {
+ background-color: transparent !important;
+ }
+}
+
+@-moz-document domain(chatgpt.com) {
+ body,
+ html,
+ .bg-token-main-surface-primary,
+ /* Navbar */
+ .bg-token-sidebar-surface-primary,
+ /* Sidebar */
+ .bg-token-sidebar-surface-primary *
+
+ /* All sidebar elements */
+ {
+ background: transparent !important;
+ }
+}
+
+@-moz-document domain(monica.im) {
+
+ body,
+ html {
+
+ background: transparent !important;
+ }
+}
+
+@-moz-document domain(google.com) {
+
+ body,
+ html,
+ .f6F9Be,
+ div#search>* {
+ background-color: transparent !important;
+ }
+
+ .g,
+ .appbar {
+ background-color: transparent !important;
+ }
+
+ div#rso {
+ * {
+ background-color: transparent !important;
+ }
+ }
+
+ div#cnt>div {}
+}
+
+@-moz-document domain(github.com) {
+
+ body,
+ html,
+ header,
+ #repository-container-header,
+ .gh-header,
+ .bgColor-muted,
+ section,
+ .feed-background,
+ .color-bg-default {
+ background-color: transparent !important;
+ }
+
+ .feed-item-content,
+}
+
+@-moz-document domain(duckduckgo.com) {
+
+ body,
+ html,
+ .site-wrapper,
+ .zci-wrap,
+ .zci,
+ .header-wrap,
+ .metabar,
+ .footer,
+ *::before,
+ .module--translations-translatedtext {
+ background: transparent !important;
+ }
+}
+
+@-moz-document domain(discord.com) {
+ :root {
+ .layer_cd0de5 :is([role="dialog"], .streamPreview_adbea6) {
+ background: hsl(var(--primary-700-hsl)) !important;
+ }
+
+ --primary-560: rgba(0, 0, 0, 0.05) !important;
+ --primary-600: rgba(0, 0, 0, 0.05) !important;
+ --primary-630: rgba(0, 0, 0, 0.05) !important;
+ --primary-645: rgba(0, 0, 0, 0.05) !important;
+ --primary-660: rgba(0, 0, 0, 0.05) !important;
+ --primary-700: rgba(0, 0, 0, 0.05) !important;
+ --primary-730: rgba(0, 0, 0, 0.05) !important;
+ --primary-760: rgba(0, 0, 0, 0.05) !important;
+ --primary-830: rgba(0, 0, 0, 0.05) !important;
+ --primary-860: rgba(0, 0, 0, 0.05) !important;
+ --primary-900: rgba(0, 0, 0, 0.05) !important;
+ }
+
+ [class^="focusLock_"] {
+ --saturation-factor: 1;
+ --primary-600: hsl(var(--primary-600-hsl) / 1) !important;
+ --primary-600-hsl: 222.857 calc(var(--saturation-factor, 1) * 6.667%) 20.588% !important;
+ --modal-background: var(--primary-600);
+ }
+
+ .no-webkit-scrollbar * {
+ scrollbar-width: none !important;
+ }
+}
+
+@-moz-document domain(x.com) {
+ :root {
+ --theme-popup: rgba(0, 0, 0, 0.8);
+ --theme-bg-dim: rgba(0, 0, 0, 0.4);
+ }
+
+ body {
+ background-color: var(--theme-bg-dim) !important;
+ }
+
+ [data-testid="primaryColumn"],
+ [aria-label="Trending"]>*>*,
+ [aria-label="Home timeline"]>*>*,
+ [aria-label="Search"]>* {
+ background: transparent !important;
+ }
+
+ select,
+ [data-testid="Dropdown"],
+ [data-testid="hoverCardParent"],
+ [data-testid="DMDrawer"]>div,
+ div[role="dialog"],
+ div[role="listbox"],
+ div[role="radio"] {
+ background: var(--theme-popup) !important;
+ }
+
+ .r-kemksi,
+ .r-5zmot {
+ background: transparent !important;
+ }
+}
+
+body,
+html {
+ background-color: var(--bg-color) !important;
+}
+
+html#main-window>body {
+ background: transparent !important;
+}
+
+.page-content {
+ background: transparent !important;
+}
+
+#zen-main-app-wrapper {
+ background: color-mix(in oklab, var(--zen-main-browser-background) 90%) !important;
+}
+
+@import "Zen-Nebula/Nebula/userContent.css";
diff --git a/dot-zen/main/chrome/userContent.css.bak b/dot-zen/main/chrome/userContent.css.bak
deleted file mode 100644
index 7f36654c..00000000
--- a/dot-zen/main/chrome/userContent.css.bak
+++ /dev/null
@@ -1,296 +0,0 @@
-* {
- border-radius: 2px;
- --bg: rgba(0,0,0,0.2) !important;
- --bg-color: rgba(0,0,0,0.2) !important;
- --background: rgba(0,0,0,0.2) !important;
- --background-color: rgba(0,0,0,0.2) !important;
- --primary-background: rgba(0,0,0,0.2) !important;
- --bgColor-inset: rgba(0,0,0,0.2) !important;
- /* background-color: transparent !important; */
- /* p, span, h1, h2, h3, h4, strong, a { */
- /* background-color: transparent !important; */
- /* } */
-}
-
-@-moz-document url-prefix("https://www.google.com") {
- .sfbg {
- background-color: transparent !important;
- }
- #appbar, .appbar {
- background-color: transparent !important;
- }
- #search * > :not(.MjjYud *), .dURPMd * > :not(.MjjYud *) {
- background: transparent !important;
- background-color: transparent !important;
- }
- .KcXNxb, .dG2XIf {
- background-color: transparent !important;
- }
- .MjjYud > div > div, .MjjYud > div {
- background: var(--bg-color) !important;
- background-color: var(--bg-color) !important;
- border-radius: 8px !important;
- }
-}
-
-@-moz-document url-prefix("https://docs.google.com/forms") {
- * {
- --bg-color: rgba(0,0,0,0) !important;
- }
-}
-
-@-moz-document url-prefix("https://docs.google.com/presentation") {
- #docs-editor, #docs-editor-container {
- background: var(--bg-color) !important;
- }
- .workspace-container {
- background: transparent !important;
- }
- .filmstrip {
- background: transparent !important;
- }
-}
-
-@-moz-document url-prefix("https://docs.google.com/document") {
- #docs-editor, #docs-editor-container, .kix-appview-editor {
- background: transparent !important;
- }
- .kix-page-paginated, .kix-canvas-tile-content {
- border-radius: 8px;
- }
-}
-
-@-moz-document url-prefix("https://github.com") {
- #partial-discussion-header {
- background: transparent !important;
- }
- .comment {
- background: var(--bg-color) !important;
- }
- .discussion-timeline-actions {
- background: transparent !important;
- }
- .color-bg-default, .color-fg-default, .bgColor-default, .color-bg-inset, .bgColor-inset {
- background-color: var(--bg-color) !important;
- backdrop-filter: blur(16px) !important;
- }
- .feed-background {
- background-color: var(--bg-color) !important;
- }
- .TimelineItem::before {
- background-color: transparent !important;
- display: none !important;
- }
-}
-
-@-moz-document url-prefix("https://vsa.managebac.com") {
- .content-block {
- background: var(--bg-color) !important;
- }
- #menu *:not(.f-menu-submenu, .f-menu-submenu-link) {
- background: transparent !important;
- background-color: transparent !important;
- }
- #menu {
- background: var(--bg-color) !important;
- }
- .f-menu-submenu, .f-menu-submenu-link {
- background: var(--bg-color) !important;
- }
- .fusion-card-item {
- background: var(--bg-color) !important;
- }
-}
-
-@-moz-document url-prefix("https://accounts.google.com/signin/oauth") {
- .S7xv8 {
- background: var(--bg-color) !important;
- }
-}
-
-@-moz-document domain(monkeytype.com) {
- body {
- background: transparent !important;
- }
-}
-
-@-moz-document domain(zen-browser.app) {
- body,
- html {
- background: transparent !important;
- }
-}
-
-@-moz-document domain(reddit.com) {
- body,
- html {
- background: transparent !important;
- }
- #comment-tree {
- background: transparent !important;
- }
- .bg-neutral-background,
- .bg-neutral-background-weak {
- background: rgba(0, 0, 0, 0.1) !important;
- }
- .bg-\[color\:var\(--shreddit-content-background\)\] {
- background-color: transparent !important;
- }
- .threadline,
- .shreddit-post,
- aside,
- comment-body-header,
- shreddit-comment-tree {
- background-color: transparent !important;
- }
-}
-
-@-moz-document domain(chatgpt.com) {
- body, html,
- .bg-token-main-surface-primary, /* Navbar */
- .bg-token-sidebar-surface-primary, /* Sidebar */
- .bg-token-sidebar-surface-primary * /* All sidebar elements */ {
- background: transparent !important;
- }
-}
-
-@-moz-document domain(monica.im) {
- body,
- html {
-
- background: transparent !important;
- }
-}
-
-@-moz-document domain(google.com) {
- body,
- html,
- .f6F9Be,
- div#search > * {
- background-color: transparent !important;
- }
- .g,
- .appbar {
- background-color: transparent !important;
- }
- div#rso {
- * {
- background-color: transparent !important;
- }
- }
- div#cnt > div {
- }
-}
-
-@-moz-document domain(github.com) {
- body,
- html,
- header,
- #repository-container-header,
- .gh-header,
- .bgColor-muted,
- section,
- .feed-background,
- .color-bg-default {
- background-color: transparent !important;
- }
-
- .feed-item-content,
-}
-
-@-moz-document domain(duckduckgo.com) {
- body,
- html,
- .site-wrapper,
- .zci-wrap,
- .zci,
- .header-wrap,
- .metabar,
- .footer,
- *::before,
- .module--translations-translatedtext {
- background: transparent !important;
- }
-}
-
-@-moz-document domain(discord.com) {
- :root {
- .layer_cd0de5 :is([role="dialog"], .streamPreview_adbea6) {
- background: hsl(var(--primary-700-hsl)) !important;
- }
-
- --primary-560: rgba(0, 0, 0, 0.05) !important;
- --primary-600: rgba(0, 0, 0, 0.05) !important;
- --primary-630: rgba(0, 0, 0, 0.05) !important;
- --primary-645: rgba(0, 0, 0, 0.05) !important;
- --primary-660: rgba(0, 0, 0, 0.05) !important;
- --primary-700: rgba(0, 0, 0, 0.05) !important;
- --primary-730: rgba(0, 0, 0, 0.05) !important;
- --primary-760: rgba(0, 0, 0, 0.05) !important;
- --primary-830: rgba(0, 0, 0, 0.05) !important;
- --primary-860: rgba(0, 0, 0, 0.05) !important;
- --primary-900: rgba(0, 0, 0, 0.05) !important;
- }
-
- [class^="focusLock_"] {
- --saturation-factor: 1;
- --primary-600: hsl(var(--primary-600-hsl) / 1) !important;
- --primary-600-hsl: 222.857 calc(var(--saturation-factor, 1) * 6.667%)
- 20.588% !important;
- --modal-background: var(--primary-600);
- }
-
- .no-webkit-scrollbar * {
- scrollbar-width: none !important;
- }
-}
-
-@-moz-document domain(x.com) {
- :root {
- --theme-popup: rgba(0, 0, 0, 0.8);
- --theme-bg-dim: rgba(0 ,0, 0, 0.4);
- }
-
- body {
- background-color: var(--theme-bg-dim) !important;
- }
-
- [data-testid="primaryColumn"],
- [aria-label="Trending"] > * > *,
- [aria-label="Home timeline"] > *> *,
- [aria-label="Search"] > * {
- background: transparent !important;
- }
-
- select,
- [data-testid="Dropdown"],
- [data-testid="hoverCardParent"],
- [data-testid="DMDrawer"] > div,
- div[role="dialog"],
- div[role="listbox"],
- div[role="radio"] {
- background: var(--theme-popup) !important;
- }
-
- .r-kemksi, .r-5zmot {
- background: transparent !important;
- }
-}
-
-body, html {
- background-color: var(--bg-color) !important;
-}
-
-html#main-window > body {
- background: transparent !important;
-}
-
-.page-content {
- background: transparent !important;
-}
-
-#zen-main-app-wrapper {
- background: color-mix(in oklab, var(--zen-main-browser-background) 90%) !important;
-}
-
-@import "Nebula/Nebula-content.css";
diff --git a/dot-zen/main/chrome/zen-themes.css b/dot-zen/main/chrome/zen-themes.css
index 56f68f90..282e6285 100644
--- a/dot-zen/main/chrome/zen-themes.css
+++ b/dot-zen/main/chrome/zen-themes.css
@@ -1,8 +1,8 @@
-/* Zen Themes - Generated by ZenThemesImporter.
-* FILE GENERATED AT: Monday, March 24, 2025 at 4:24:58 PM Hong Kong Standard Time
+/* Zen Mods - Generated by ZenMods.
+* FILE GENERATED AT: Tuesday, June 3, 2025 at 5:22:38 PM Hong Kong Standard Time
* DO NOT EDIT THIS FILE DIRECTLY!
* Your changes will be overwritten.
-* Instead, go to the preferences and edit the themes there.
+* Instead, go to the preferences and edit the mods there.
*/
/* Name: Zen Context Menu */
@@ -16,7 +16,7 @@
@import url("file:///home/system/.zen/main/chrome/zen-themes/c8d9e6e6-e702-4e15-8972-3596e57cf398/chrome.css");
/* Name: Floating History */
-/* Description: Detaches and moves a redesgined history sidebar to the left so that it appears to float and matches the zen aesthetic. */
+/* Description: Improves the history tab by matching the browser theme, make it floating, more responsive, and allow placing it on either side. */
/* Author: @ahmaadaziz */
@import url("file:///home/system/.zen/main/chrome/zen-themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/chrome.css");
@@ -26,8 +26,8 @@
@import url("file:///home/system/.zen/main/chrome/zen-themes/d7076c31-f6c1-4f28-b2e8-15b95f5a3d6f/chrome.css");
/* Name: Transparent Zen */
-/* Description: Make the Zen Browser's background transparent and modify the empty tab page. Turn off transparency in mod settings before uninstallation. */
+/* Description: Make the Zen Browser's tab background transparent, get smooth animations and more. Enable features in mod settings and visit the homepage below to learn more about the features. 👇 */
/* Author: @sameerasw */
@import url("file:///home/system/.zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css");
-/* End of Zen Themes */
+/* End of Zen Mods */
diff --git a/dot-zen/main/chrome/zen-themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/chrome.css b/dot-zen/main/chrome/zen-themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/chrome.css
index 6e15bf47..49178af1 100644
--- a/dot-zen/main/chrome/zen-themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/chrome.css
+++ b/dot-zen/main/chrome/zen-themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/chrome.css
@@ -1 +1,126 @@
-@-moz-document url-prefix("chrome:") { window.sidebar-panel { background-color: var(--zen-themed-toolbar-bg) !important; } search-textbox#search-box { appearance: none !important; background-color: var(--zen-colors-tertiary) !important; border: 1px solid var(--zen-colors-border) !important; padding: 0.5rem !important; border-radius: 5px !important; } search-textbox#search-box:hover { border: 1px solid var(--zen-colors-secondary) !important; } search-textbox#search-box:hover:active { border: 1px solid var(--zen-colors-secondary) !important; } button#viewButton { appearance: none; color: inherit; background-color: transparent !important; border-radius: var(--toolbarbutton-border-radius); border: 1px solid transparent !important; } button#viewButton:hover { background-color: var(--zen-colors-border) !important; } button#viewButton:hover:active { background-color: var(--zen-colors-border) !important; } #sidebar-box[sidebarcommand="viewHistorySidebar"] #sidebar-header { border-bottom: 0px !important; } #sidebar-box[sidebarcommand="viewHistorySidebar"] { background-color: var(--zen-themed-toolbar-bg) !important; border-radius: var(--zen-border-radius); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1); border: 1px solid var(--zen-colors-border); padding: var(--zen-toolbox-padding) !important; position: fixed; z-index: 1; height: 80vh !important; width: 20em !important; top: 10vh !important; right: 0.6vw !important; transform: translateX(105%); transition: all 0.2s ease-in-out; } #sidebar-box[hidden="true"][sidebarcommand="viewHistorySidebar"] { display: flex !important; opacity: 0 !important; transform: translateX(105%); } #sidebar-box[checked="true"][sidebarcommand="viewHistorySidebar"] { transform: translateX(0); } } \ No newline at end of file
+@-moz-document url-prefix("chrome:") {
+ /* Disable dragable splitter */
+ #sidebar-box[sidebarcommand="viewHistorySidebar"] + splitter {
+ display: none !important;
+ }
+
+ /* Make sure content is not affect by history tab sliding in and out */
+ #tabbrowser-tabbox[flex="1"][tabcontainer="tabbrowser-tabs"] {
+ will-change: unset !important;
+ }
+
+ /* History Tab Styles */
+ #sidebar-box[sidebarcommand="viewHistorySidebar"] {
+ order: none !important;
+ height: 80% !important;
+ width: 22em !important;
+
+ body:has(#theme-Floating-History[theme-floating_history-position="right"]) {
+ right: 15px;
+ }
+
+ body:has(#theme-Floating-History[theme-floating_history-position="left"]) {
+ left: 15px;
+ }
+
+
+ position: fixed !important;
+ transform: translateX(50%) !important;
+ z-index: 10;
+
+ transform: translateY(12%) !important;
+
+ border-radius: var(--zen-border-radius) !important;
+
+ box-shadow: var(--box-shadow-10) !important;
+ background: var(--zen-colors-tertiary) !important;
+ border: 1px solid var(--zen-colors-border) !important;
+
+ transition: transform 0.35s !important;
+ visibility: visible !important;
+ opacity: 1 !important;
+
+
+ &[hidden="true"] {
+ display: flex !important;
+
+ body:has(#theme-Floating-History[theme-floating_history-position="right"]) {
+ transform: translateX(110%) translateY(12%) !important;
+ }
+
+ body:has(#theme-Floating-History[theme-floating_history-position="left"]) {
+ transform: translateX(-110%) translateY(12%) !important;
+ }
+ }
+
+ @starting-style {
+ display: flex !important;
+
+ body:has(#theme-Floating-History[theme-floating_history-position="right"]) {
+ transform: translateX(110%) translateY(12%) !important;
+ }
+
+ body:has(#theme-Floating-History[theme-floating_history-position="left"]) {
+ transform: translateX(-110%) translateY(12%) !important;
+ }
+ }
+
+ &[checked="true"] {
+ display: flex !important;
+ transform: translateX(0%) translateY(12%) !important;
+ }
+ }
+
+
+ /* Inner Styles of History Tab */
+
+ #sidebar-box[sidebarcommand="viewHistorySidebar"] box#sidebar-header {
+ border-bottom: none !important;
+ }
+
+ window#history-panel {
+ box-shadow: var(--box-shadow-10) !important;
+ background: var(--zen-colors-tertiary) !important;
+ }
+
+ /* Search Bar Styles */
+ window#history-panel search-textbox#search-box[data-l10n-id="places-history-search"] {
+ appearance: none !important;
+ background-color: var(--input-bgcolor, var(--zen-colors-tertiary)) !important;
+ color: var(--input-color, var(--toolbar-field-color)) !important;
+ border: 1px solid var(--zen-input-border-color, rgb(66,65,77));
+ border-radius: 4px;
+ outline: none;
+ box-sizing: border-box;
+ padding: 0.5rem !important;
+
+
+ &[focused="true"] {
+ background-color: var(--input-bgcolor, var(--toolbar-field-background-color)) !important;
+ border: 1px solid var(--input-border-color, rgb(66,65,77));
+ }
+ }
+
+
+ /* View Button Styles */
+ window#history-panel hbox#sidebar-search-container button#viewButton {
+ appearance: none !important;
+ margin-inline-end: 4px !important;
+ border-radius: 6px !important;
+ border: 1px solid transparent !important;
+ padding: 2px 4px !important;
+ background: transparent !important;
+ }
+
+ window#history-panel hbox#sidebar-search-container button#viewButton:hover {
+ background-color: color-mix(in srgb, currentColor 10%, transparent) !important;
+ }
+
+ window#history-panel hbox#sidebar-search-container button#viewButton:active {
+ background-color: color-mix(in srgb, currentColor 15%, transparent) !important;
+ }
+
+ window#history-panel hbox#sidebar-search-container {
+ margin-bottom: 1rem !important;
+ }
+} \ No newline at end of file
diff --git a/dot-zen/main/chrome/zen-themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/readme.md b/dot-zen/main/chrome/zen-themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/readme.md
index 38f92ee6..9746060f 100644
--- a/dot-zen/main/chrome/zen-themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/readme.md
+++ b/dot-zen/main/chrome/zen-themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/readme.md
@@ -1,3 +1,3 @@
# Floating-History
-A Zen browser mod for a detached and redesigned history sidebar, so that it appears to float on the left side and match the zen aesthetic.
+Improves the history tab by matching the browser theme, make it floating, more responsive, and allow placing it on either side.
diff --git a/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css b/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css
index bc8243d2..6d89a20d 100644
--- a/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css
+++ b/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css
@@ -1,39 +1,134 @@
@-moz-document url-prefix("chrome:") {
- /* transparency */
+ /* variables */
:root {
- --zen-main-browser-background: var(
- --mod-sameerasw-zen_transparency_color,
- #00000000
- ) !important;
- }
-
- /* background image */
- #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack {
- @media (-moz-bool-pref: "mod.sameerasw.zen_bg_img_enabled") {
- background-image: url(--mod-sameerasw-zen_transparency) !important;
- background-position: center !important;
- background-repeat: no-repeat !important;
- background-size: cover !important;
- }
- }
-
- /* Remove new tab background color added in 1.8b */
- .browserStack {
- browser {
- @media (-moz-bool-pref: "mod.sameerasw.zen_light_tint_disabled") {
- background-color: transparent !important;
- }
- }
- }
-
- /* removed tab bg added in 1.9b */
- #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack {
- browser {
- @media (-moz-bool-pref: "mod.sameerasw.zen_empty_page_transparency") {
- background-color: transparent !important;
- opacity: 0 !important;
- }
- }
- }
-
+ @media -moz-pref( "mod.sameerasw.zen_bg_color_enabled") {
+ --zen-main-browser-background: var(
+ --mod-sameerasw-zen_transparency_color,
+ #00000000
+ ) !important;
+ }
+ }
+
+ /* tab tint */
+ .browserStack {
+ browser {
+ @media -moz-pref( "mod.sameerasw.zen_light_tint_flip") {
+ background-color: light-dark(
+ rgba(255, 255, 255, 0.1),
+ rgba(0, 0, 0, 0.1)
+ ) !important;
+ }
+ @media -moz-pref( "mod.sameerasw.zen_light_tint_disabled") {
+ background-color: transparent !important;
+ }
+ }
+ }
+
+ /* hide shadows */
+ hbox.browserSidebarContainer,
+ #zen-tabbox-wrapper {
+ @media -moz-pref( "mod.sameerasw.zen_no_shadow") {
+ box-shadow: none !important;
+ }
+ }
+
+ /* Animations */
+ /* Tab switch animation */
+ #tabbrowser-tabpanels
+ > hbox:not([zen-split="true"]):not(:has(.zen-glance-background)) {
+ @media -moz-pref( "mod.sameerasw.zen_tab_switch_anim") {
+ transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.35),
+ filter 0.45s ease-in-out, opacity 0.35s ease-in-out !important;
+ scale: 0.9 !important;
+ opacity: 0;
+ }
+ }
+ #tabbrowser-tabpanels > hbox.deck-selected:not([zen-split="true"]) {
+ @media -moz-pref( "mod.sameerasw.zen_tab_switch_anim") {
+ scale: 1 !important;
+ opacity: 1 !important;
+ }
+ }
+
+ /* website switch animations */
+ #browser:not(:has(.zen-glance-background)) #tabbrowser-tabpanels {
+ @media -moz-pref( "mod.sameerasw.zen_urlbar_zoom_anim") {
+ transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.35) !important;
+ }
+ }
+
+ /* URL bar zoom animation */
+ #browser:has(#urlbar[open][zen-floating-urlbar="true"]) #tabbrowser-tabpanels {
+ @media -moz-pref( "mod.sameerasw.zen_urlbar_zoom_anim") {
+ pointer-events: none;
+ scale: 1.1 !important;
+ filter: blur(10px) brightness(70%) !important;
+ }
+ }
+
+ #urlbar[open][zen-floating-urlbar="true"] #urlbar-background {
+ @media -moz-pref( "mod.sameerasw.zen_urlbar_zoom_anim") {
+ border-radius: 1em !important;
+ }
+ }
+
+ /* trackpad gestures*/
+ tabpanels .browserStack browser {
+ @media -moz-pref( "mod.sameerasw.zen_trackpad_anim") {
+ transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1) 0.1s !important;
+ border-radius: 0.75em !important;
+ }
+ }
+
+ /* Previous animation*/
+ .browserStack:has(
+ #historySwipeAnimationPreviousArrow:not([style="translate: none;"])
+ )
+ browser {
+ @media -moz-pref( "mod.sameerasw.zen_trackpad_anim") {
+ scale: 0.95 !important;
+ transform: translateX(3%) !important;
+ border-radius: 2em !important;
+ }
+ }
+
+ /* Next animation*/
+ .browserStack:has(
+ #historySwipeAnimationNextArrow:not([style="translate: none;"])
+ )
+ browser {
+ @media -moz-pref( "mod.sameerasw.zen_trackpad_anim") {
+ scale: 0.95 !important;
+ transform: translateX(-3%) !important;
+ border-radius: 2em !important;
+ }
+ }
+
+ /* no tab image */
+ #browser:has([zen-has-empty-tab=""]) .deck-selected .browserStack {
+ @media -moz-pref( "mod.sameerasw.zen_notab_img_enabled") {
+ background-image: var(
+ --mod-sameerasw-zen_notab_img,
+ url("https://raw.githubusercontent.com/zen-browser/branding/refs/heads/main/Official/Word%20Marks/SVG/zen_logo_icon_white.svg")
+ ) !important;
+
+ background-position: center !important;
+ background-repeat: no-repeat !important;
+
+ background-size: var(--mod-sameerasw-zen_notab_img_size, 150px) !important;
+
+ opacity: var(--mod-sameerasw-zen_notab_img_opacity, 1) !important;
+
+ @media -moz-pref( "mod.sameerasw.zen_notab_img_saturate") {
+ filter: saturate(0) !important;
+
+ @media -moz-pref( "mod.sameerasw.zen_notab_img_invert") {
+ @media (prefers-color-scheme: light) {
+ filter: saturate(0) invert(1) !important;
+ }
+ }
+ }
+ }
+ }
+
} \ No newline at end of file
diff --git a/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json b/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json
index 93a3dc3c..85c58389 100644
--- a/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json
+++ b/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json
@@ -1,38 +1,106 @@
[
{
"property": "browser.tabs.allow_transparent_browser",
- "label": "Allow zen browser to be transparent (Turn off before uninstall)",
+ "label": "\ud83d\udc40 Allow transparency (TURN OFF BEFORE UNINSTALL)",
"type": "checkbox",
- "defaultvalue": true
+ "defaultValue": false
+ },
+ {
+ "property": "zen.widget.linux.transparency",
+ "label": "\ud83d\udc40 Allow transparency on linux (TURN OFF BEFORE UNINSTALL)",
+ "type": "checkbox",
+ "defaultValue": false,
+ "disabledOn": [
+ "windows",
+ "macos"
+ ]
+ },
+ {
+ "property": "mod.sameerasw.zen_bg_color_enabled",
+ "label": "\ud83c\udfa8 Enable custom background color for Zen",
+ "type": "checkbox",
+ "defaultValue": false
},
{
"property": "mod.sameerasw.zen_transparency_color",
- "label": "Set background color for Zen (Overrides default theme colors)",
+ "label": "\ud83c\udfa8 Set custom background color (Overrides theme)",
"type": "string",
- "defaultvalue": "#00000000"
+ "defaultValue": "#00000000",
+ "placeholder": "light-dark(#fff, #222) or RGBA or hex"
+ },
+ {
+ "property": "mod.sameerasw.zen_light_tint_flip",
+ "label": "\ud83c\udf19 Flip the light website tint to dark",
+ "type": "checkbox",
+ "defaultValue": false
+ },
+ {
+ "property": "mod.sameerasw.zen_light_tint_disabled",
+ "label": "\ud83c\udf19 Disable the light website tint",
+ "type": "checkbox",
+ "defaultValue": true
+ },
+ {
+ "property": "mod.sameerasw.zen_no_shadow",
+ "label": "\ud83c\udf11 Remove the shadow around the web page",
+ "type": "checkbox",
+ "defaultValue": false
},
{
- "property": "mod.sameerasw.zen_bg_img_enabled",
- "label": "Enable custom background image for Zen empty page",
+ "property": "mod.sameerasw.zen_tab_switch_anim",
+ "label": "\u2728 Tab switch animation",
"type": "checkbox",
- "defaultvalue": false
+ "defaultValue": true
},
{
- "property": "mod.sameerasw.zen_transparency",
- "label": "Set bg image url",
+ "property": "mod.sameerasw.zen_urlbar_zoom_anim",
+ "label": "\u2728 URL bar zoom animation",
+ "type": "checkbox",
+ "defaultValue": false
+ },
+ {
+ "property": "mod.sameerasw.zen_trackpad_anim",
+ "label": "\u2728 Trackpad swipe animations",
+ "type": "checkbox",
+ "defaultValue": false
+ },
+ {
+ "property": "mod.sameerasw.zen_notab_img_enabled",
+ "label": "\ud83d\uddbc\ufe0f Add no tab screen background image",
+ "type": "checkbox",
+ "defaultValue": false
+ },
+ {
+ "property": "mod.sameerasw.zen_notab_img",
+ "label": "\ud83d\uddbc\ufe0f Image URL, format: url('example.com/1.png')",
"type": "string",
- "defaultvalue": ""
+ "defaultValue": "url('https://github.com/sameerasw/my-internet/blob/main/wave-light.png?raw=true')",
+ "placeholder": "url('example.com/1.png')"
},
{
- "property": "mod.sameerasw.zen_light_tint_disabled",
- "label": "Disable light tint for Zen after 1.8b",
+ "property": "mod.sameerasw.zen_notab_img_size",
+ "label": "\ud83d\uddbc\ufe0f No tab screen image size with unit",
+ "type": "string",
+ "defaultValue": "150px",
+ "placeholder": "50px (px, em, % ...)"
+ },
+ {
+ "property": "mod.sameerasw.zen_notab_img_opacity",
+ "label": "\ud83d\uddbc\ufe0f No tab screen image opacity (0-1)",
+ "type": "string",
+ "defaultValue": "1",
+ "placeholder": "0.75"
+ },
+ {
+ "property": "mod.sameerasw.zen_notab_img_saturate",
+ "label": "\ud83d\uddbc\ufe0f Grayscale the no tab screen image",
"type": "checkbox",
- "defaultvalue": true
+ "defaultValue": false
},
{
- "property": "mod.sameerasw.zen_empty_page_transparency",
- "label": "Make the empty page transparent after Zen 1.9b",
+ "property": "mod.sameerasw.zen_notab_img_invert",
+ "label": "\ud83d\uddbc\ufe0f Invert above image in light theme (white \u2192 black)",
"type": "checkbox",
- "defaultvalue": true
+ "defaultValue": false
}
] \ No newline at end of file
diff --git a/dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/chrome.css b/dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/chrome.css
index 341676df..e846e903 100644
--- a/dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/chrome.css
+++ b/dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/chrome.css
@@ -1 +1,325 @@
-@-moz-document url-prefix("chrome:") { /* Zen Context Menu v1.1 by KiKaraage */ /* Hide all separators */ @media (-moz-bool-pref: "uc.hidecontext.separators") { menuseparator::before { border-top: none !important; } menuseparator { padding-block: 0px !important; } } /* Hide all icons (Won't work for extension & checkbox context menu options) */ @media (-moz-bool-pref: "uc.hidecontext.optionicons") { :not(:not(menubar) > menu, #ContentSelectDropdown) > menupopup > menuitem:not( .menuitem-iconic, [type="checkbox"], [type="radio"], .in-menulist, .in-menulist menuitem, .unified-nav-current ), :not(:not(menubar) > menu, #ContentSelectDropdown) > menupopup > menu:not( .menu-iconic, [type="checkbox"], [type="radio"], .in-menulist, .in-menulist menu, .unified-nav-current ), :not(:not(menubar) > menu, #ContentSelectDropdown) > menupopup > menucaption { padding-inline-start: var( --fp-contextmenu-menuicon-margin-inline ) !important; } :not(:not(menubar) > menu, #ContentSelectDropdown) > menupopup > menuitem:not( .menuitem-iconic, [type="checkbox"], [type="radio"], .in-menulist, .in-menulist menuitem, .unified-nav-current ), :not(:not(menubar) > menu, #ContentSelectDropdown) > menupopup > menu:not( .menu-iconic, [type="checkbox"], [type="radio"], .in-menulist, .in-menulist menu, .unified-nav-current ), #toggle_toolbar-menubar, #PanelUI-history toolbarbutton, #unified-extensions-context-menu menuitem { background-image: none !important; } } @media (-moz-bool-pref: "uc.fixcontext.extensionmargins") { /* Fix padding for extensions-related context menu on Windows */ menu > .menu-iconic-text, menuitem > .menu-iconic-text { padding-inline-start: calc( var(--fp-contextmenu-menuicon-margin-inline) - 10px ) !important; } /* Fix padding for "Tabs on the right" & "Compact Mode" options on Windows */ menuitem[checked="true"] > .menu-iconic-text { padding-inline-start: 10px !important; } #zen-toolbar-context-tabs-right { padding-inline-start: 34px !important; } #zen-toolbar-context-tabs-right[checked="true"] { padding-inline-start: 8px !important; } #zen-context-menu-compact-mode { padding-inline-start: calc( var(--fp-contextmenu-menuitem-padding-inline) + 18px + var(--fp-contextmenu-menuicon-margin-inline) ) !important; } #zen-context-menu-compact-mode-hide-sidebar, #zen-context-menu-compact-mode-hide-toolbar, #zen-context-menu-compact-mode-hide-both { padding-inline-start: 40px !important; } #zen-context-menu-compact-mode-hide-sidebar[checked="true"], #zen-context-menu-compact-mode-hide-toolbar[checked="true"], #zen-context-menu-compact-mode-hide-both[checked="true"] { padding-inline-start: 16px !important; & .menu-iconic-text { padding-inline-start: 2px !important; } } } /* Only use “Copy Link Without Site Tracking” */ @media (-moz-bool-pref: "uc.hidecontext.copylink") { #context-copylink { display: none !important; } } /* Hide "Menu Bar" toggle */ @media (-moz-bool-pref: "uc.hidecontext.menubar") { #toggle_toolbar-menubar { display: none !important; } } /* Hide "Bookmark Tab/Link” */ @media (-moz-bool-pref: "uc.hidecontext.bookmark") { #toolbar-context-bookmarkSelectedTab, #toolbar-context-bookmarkSelectedTabs, #context_bookmarkTab, #context-bookmarklink { display: none !important; } } /* Hide "Mute Tab" option */ @media (-moz-bool-pref: "uc.hidecontext.mutetab") { #context_toggleMuteTab { display: none !important; } } /* Hide "New Tab" option */ @media (-moz-bool-pref: "uc.hidecontext.newtab") { #context_openANewTab { display: none !important; } } /* Hide "Move Tab" options */ @media (-moz-bool-pref: "uc.hidecontext.movetaboptions") { #context_moveTabOptions { display: none !important; } } /* Hide “Open Tab/Link in New Container Tab” */ @media (-moz-bool-pref: "uc.hidecontext.newcontainer") { #context_reopenInContainer, #context-openlinkinusercontext-menu { display: none !important; } } /* Hide “Send Tab/Link to Device” */ @media (-moz-bool-pref: "uc.hidecontext.sendtodevice") { #context_sendTabToDevice, #context-sendpagetodevice, #context-sendlinktodevice, #context-sep-sendlinktodevice { display: none !important; } } /* Hide close tab options (Close Tabs, Close Duplicate Tabs, Close Multiple Tabs) */ @media (-moz-bool-pref: "uc.hidecontext.closetab") { #context_closeTab, #context_closeDuplicateTabs, #context_closeTabOptions { display: none !important; } } /* Hide “Search Keywords" with your preferred search engine */ @media (-moz-bool-pref: "uc.hidecontext.search") { #context-searchselect { display: none !important; } } /* Hide “Search Keywords in a Private Window” */ @media (-moz-bool-pref: "uc.hidecontext.searchinpriv") { #context-searchselect-private { display: none !important; } } /* Hide Firefox's "Translate Selection/Link" options */ @media (-moz-bool-pref: "uc.hidecontext.translate") { #context-translate-selection, #frame-sep { display: none !important; } } /* Hide "Print Selection” */ @media (-moz-bool-pref: "uc.hidecontext.printselection") { #context-print-selection { display: none !important; } } /* Hide “Email Image”, “Set Image as Desktop Background”, and “View Image Info” options */ @media (-moz-bool-pref: "uc.hidecontext.image") { #context-sendimage, #context-sep-setbackground, #context-setDesktopBackground, #context-sep-sharing, #context-viewimageinfo { display: none !important; } } /* Hide "Check Spelling" option while typing in text fields */ @media (-moz-bool-pref: "uc.hidecontext.checkspelling") { #spell-check-enabled, #context-sep-bidi { display: none !important; } } /* Hide “Select All Text” option */ @media (-moz-bool-pref: "uc.hidecontext.selectalltext") { #context-selectall { display: none !important; } } /* Hide “Select All Tabs" option */ @media (-moz-bool-pref: "uc.hidecontext.selectalltabs") { #context_selectAllTabs, #toolbar-context-selectAllTabs { display: none !important; } } /* Hide “Reload Tab” option */ @media (-moz-bool-pref: "uc.hidecontext.reloadtab") { #context_reloadTab, #toolbar-context-reloadSelectedTab, #toolbar-context-reloadSelectedTabs { display: none !important; } } /* Hide "Duplicate Tab" */ @media (-moz-bool-pref: "uc.hidecontext.duplicatetab") { #context_duplicateTab { display: none !important; } } /* Hide “Tab Unloader Actions” */ @media (-moz-bool-pref: "uc.hidecontext.unloadactions") { #context_zenTabActions { display: none !important; } } /* Hide “View Page Source” and “Inspect” options */ @media (-moz-bool-pref: "uc.hidecontext.inspect") { #context-viewsource, #context-inspect-a11y, #context-inspect, #context-media-eme-separator { display: none !important; } } /* Hide “Save Link As” */ @media (-moz-bool-pref: "uc.hidecontext.savelink") { #context-savelink { display: none !important; } } /* Hide "Take Screenshot" option */ @media (-moz-bool-pref: "uc.hidecontext.screenshot") { #context-take-screenshot, #context-sep-screenshots, #frame-sep { display: none !important; } } } \ No newline at end of file
+@-moz-document url-prefix("chrome:") {
+ /* Zen Context Menu v2.0 by KiKaraage */
+
+ /* Hide all separators */
+ @media (-moz-bool-pref: "uc.hidecontext.separators") {
+ menuseparator::before {
+ border-top: none !important;
+ }
+ menuseparator {
+ padding-block: 0px !important;
+ }
+ }
+ /* Hide all icons (Won't work for extension & checkbox context menu options) */
+ @media (-moz-bool-pref: "uc.hidecontext.optionicons") {
+ :not(:not(menubar) > menu, #ContentSelectDropdown)
+ > menupopup
+ > menuitem:not(
+ .menuitem-iconic,
+ [type="checkbox"],
+ [type="radio"],
+ .in-menulist,
+ .in-menulist menuitem,
+ .unified-nav-current
+ ),
+ :not(:not(menubar) > menu, #ContentSelectDropdown)
+ > menupopup
+ > menu:not(
+ .menu-iconic,
+ [type="checkbox"],
+ [type="radio"],
+ .in-menulist,
+ .in-menulist menu,
+ .unified-nav-current
+ ),
+ :not(:not(menubar) > menu, #ContentSelectDropdown) > menupopup > menucaption {
+ padding-inline-start: var(
+ --fp-contextmenu-menuicon-margin-inline
+ ) !important;
+ }
+ :not(:not(menubar) > menu, #ContentSelectDropdown)
+ > menupopup
+ > menuitem:not(
+ .menuitem-iconic,
+ [type="checkbox"],
+ [type="radio"],
+ .in-menulist,
+ .in-menulist menuitem,
+ .unified-nav-current
+ ),
+ :not(:not(menubar) > menu, #ContentSelectDropdown)
+ > menupopup
+ > menu:not(
+ .menu-iconic,
+ [type="checkbox"],
+ [type="radio"],
+ .in-menulist,
+ .in-menulist menu,
+ .unified-nav-current
+ ),
+ #toggle_toolbar-menubar,
+ #PanelUI-history toolbarbutton,
+ #unified-extensions-context-menu menuitem {
+ background-image: none !important;
+ }
+ }
+ /* Apply Zen workspace colors to all context menu, panels, and confirmation pop-ups */
+ @media (-moz-bool-pref: "uc.fixcontext.applyzencolors") {
+ menupopup, panel {
+ --panel-background: var(--zen-main-browser-background) !important;
+ }
+ /* Fix text color on confirmation pop-ups when applying Zen colors on light mode */
+ #confirmation-hint {
+ --arrowpanel-color: var(--sidebar-text-color) !important;
+ }
+ }
+ @media (-moz-bool-pref: "uc.fixcontext.extensionmargins") {
+ /* Fix padding for extensions-related context menu on Windows */
+ menu > .menu-iconic-text,
+ menuitem > .menu-iconic-text {
+ padding-inline-start: calc(
+ var(--fp-contextmenu-menuicon-margin-inline) - 10px
+ ) !important;
+ }
+ /* Fix padding for "Tabs on the right" & "Compact Mode" options on Windows */
+ menuitem[checked="true"] > .menu-iconic-text {
+ padding-inline-start: 10px !important;
+ }
+ #zen-toolbar-context-tabs-right {
+ padding-inline-start: 34px !important;
+ }
+ #zen-toolbar-context-tabs-right[checked="true"] {
+ padding-inline-start: 8px !important;
+ }
+ #zen-context-menu-compact-mode {
+ padding-inline-start: calc(
+ var(--fp-contextmenu-menuitem-padding-inline) + 18px +
+ var(--fp-contextmenu-menuicon-margin-inline)
+ ) !important;
+ }
+ #zen-context-menu-compact-mode-hide-sidebar,
+ #zen-context-menu-compact-mode-hide-toolbar,
+ #zen-context-menu-compact-mode-hide-both {
+ padding-inline-start: 40px !important;
+ }
+ #zen-context-menu-compact-mode-hide-sidebar[checked="true"],
+ #zen-context-menu-compact-mode-hide-toolbar[checked="true"],
+ #zen-context-menu-compact-mode-hide-both[checked="true"] {
+ padding-inline-start: 16px !important;
+ & .menu-iconic-text {
+ padding-inline-start: 2px !important;
+ }
+ }
+ }
+ /* Only use “Copy Link Without Site Tracking” */
+ @media (-moz-bool-pref: "uc.hidecontext.copylink") {
+ #context-copylink {
+ opacity: 0 !important;
+ padding: 0 !important;
+ height: 2px !important;
+ }
+
+ #context-copylink:hover {
+ opacity: 1 !important;
+ padding-block: 0.5em !important;
+ padding-inline-start: calc( var(--fp-contextmenu-menuitem-padding-inline) + 16px + var(--fp-contextmenu-menuicon-margin-inline) ) !important;
+ height: inherit !important;
+ }
+ }
+ /* Hide "Menu Bar" toggle */
+ @media (-moz-bool-pref: "uc.hidecontext.menubar") {
+ #toggle_toolbar-menubar {
+ display: none !important;
+ }
+ }
+ /* Hide "Bookmark Tab/Link” */
+ @media (-moz-bool-pref: "uc.hidecontext.bookmark") {
+ #toolbar-context-bookmarkSelectedTab,
+ #toolbar-context-bookmarkSelectedTabs,
+ #context_bookmarkTab,
+ #context-bookmarklink {
+ display: none !important;
+ }
+ }
+ /* Hide "Mute Tab" option */
+ @media (-moz-bool-pref: "uc.hidecontext.mutetab") {
+ #context_toggleMuteTab,
+ #context_toggleMuteSelectedTabs,
+ #context_playTab,
+ #context_playSelectedTabs {
+ display: none !important;
+ }
+ }
+ /* Hide "New Tab" options */
+ @media (-moz-bool-pref: "uc.hidecontext.newtab") {
+ #context_openANewTab,
+ #toolbar-context-openANewTab,
+ #toolbarNavigatorItemsMenuSeparator {
+ display: none !important;
+ }
+ }
+ /* Hide 'Add to Web Panel' option" */
+ @media (-moz-bool-pref: "uc.hidecontext.addtowebpanel") {
+ #context-zenAddToWebPanel {
+ display: none !important;
+ }
+ }
+ /* Hide "Move Tab" options */
+ @media (-moz-bool-pref: "uc.hidecontext.movetaboptions") {
+ #context_moveTabOptions {
+ display: none !important;
+ }
+ }
+ /* Hide “Open Tab/Link in New Container Tab” */
+ @media (-moz-bool-pref: "uc.hidecontext.newcontainer") {
+ #context_reopenInContainer,
+ #context-openlinkinusercontext-menu {
+ display: none !important;
+ }
+ }
+ /* Hide “Send Tab/Link to Device” */
+ @media (-moz-bool-pref: "uc.hidecontext.sendtodevice") {
+ #context_sendTabToDevice,
+ #context-sendpagetodevice,
+ #context-sendlinktodevice,
+ #context-sep-sendlinktodevice {
+ display: none !important;
+ }
+ }
+ /* Hide close tab options (Close Tabs, Close Duplicate Tabs, Close Multiple Tabs) */
+ @media (-moz-bool-pref: "uc.hidecontext.closetab") {
+ #context_closeTab,
+ #context_closeDuplicateTabs,
+ #context_closeTabOptions {
+ display: none !important;
+ }
+ }
+ /* Hide “Search Keywords" with your preferred search engine */
+ @media (-moz-bool-pref: "uc.hidecontext.search") {
+ #context-searchselect {
+ display: none !important;
+ }
+ }
+ /* Hide “Search Keywords in a Private Window” */
+ @media (-moz-bool-pref: "uc.hidecontext.searchinpriv") {
+ #context-searchselect-private {
+ display: none !important;
+ }
+ }
+ /* Hide Firefox's "Translate Selection/Link" options */
+ @media (-moz-bool-pref: "uc.hidecontext.translate") {
+ #context-translate-selection,
+ #frame-sep {
+ display: none !important;
+ }
+ }
+ /* Hide "Print Selection” */
+ @media (-moz-bool-pref: "uc.hidecontext.printselection") {
+ #context-print-selection {
+ display: none !important;
+ }
+ }
+ /* Hide “Email Image”, “Set Image as Desktop Background”, and “View Image Info” options */
+ @media (-moz-bool-pref: "uc.hidecontext.image") {
+ #context-sendimage,
+ #context-sep-setbackground,
+ #context-setDesktopBackground,
+ #context-sep-sharing,
+ #context-viewimageinfo {
+ display: none !important;
+ }
+ }
+ /* Hide "Check Spelling" and "Text/Page Direction" option while typing in text fields */
+ @media (-moz-bool-pref: "uc.hidecontext.checkspelling") {
+ #spell-separator,
+ #spell-check-enabled,
+ #spell-add-dictionaries-main,
+ #spell-dictionaries,
+ #context-sep-bidi,
+ #context-bidi-text-direction-toggle,
+ #context-bidi-page-direction-toggle {
+ display: none !important;
+ }
+ }
+ /* Hide “Select All Text” option */
+ @media (-moz-bool-pref: "uc.hidecontext.selectalltext") {
+ #context-selectall,
+ #context-sep-selectall {
+ display: none !important;
+ }
+ }
+ /* Hide “Select All Tabs" option */
+ @media (-moz-bool-pref: "uc.hidecontext.selectalltabs") {
+ #context_selectAllTabs,
+ #context_selectedAllTabs,
+ #toolbar-context-selectAllTabs {
+ display: none !important;
+ }
+ }
+ /* Hide “Reload Tab” option */
+ @media (-moz-bool-pref: "uc.hidecontext.reloadtab") {
+ #context_reloadTab,
+ #context_reloadSelectedTabs,
+ #toolbar-context-reloadSelectedTab,
+ #toolbar-context-reloadSelectedTabs {
+ display: none !important;
+ }
+ }
+ /* Hide "Duplicate Tab" */
+ @media (-moz-bool-pref: "uc.hidecontext.duplicatetab") {
+ #context_duplicateTab,
+ #context_duplicateTabs {
+ display: none !important;
+ }
+ }
+ /* Hide “Tab Unloader Actions” */
+ @media (-moz-bool-pref: "uc.hidecontext.unloadactions") {
+ #context_zenTabActions {
+ display: none !important;
+ }
+ }
+ /* Hide “View Page Source”, "View Selection Source" and “Inspect” options */
+ @media (-moz-bool-pref: "uc.hidecontext.inspect") {
+ #context-viewsource,
+ #context-inspect-a11y,
+ #context-inspect,
+ #inspect-separator,
+ #context-media-eme-separator,
+ #context-viewpartialsource-selection {
+ display: none !important;
+ }
+ }
+ /* Hide “Save Page As and Save Link As” */
+ @media (-moz-bool-pref: "uc.hidecontext.savelink") {
+ #context-savepage,
+ #context-savelink {
+ display: none !important;
+ }
+ }
+ /* Hide "Take Screenshot" option */
+ @media (-moz-bool-pref: "uc.hidecontext.screenshot") {
+ #context-take-screenshot,
+ #context-sep-screenshots,
+ #frame-sep {
+ display: none !important;
+ }
+ }
+ /* Hide "Pin Tab" and "Add to Essentials" options */
+ @media (-moz-bool-pref: "uc.hidecontext.pin") {
+ #context_pinTab,
+ #context_unpinTab,
+ #context_pinSelectedTabs,
+ #context_unpinSelectedTabs,
+ #context_zen-add-essential,
+ #context_zen-remove-essential {
+ display: none !important;
+ }
+ }
+ /* Hide "This Frame" option */
+ @media (-moz-bool-pref: "uc.hidecontext.frame") {
+ #frame-sep, #frame {
+ display: none !important;
+ }
+ }
+
+} \ No newline at end of file
diff --git a/dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/preferences.json b/dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/preferences.json
index 7e269666..d4c67319 100644
--- a/dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/preferences.json
+++ b/dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/preferences.json
@@ -1,5 +1,14 @@
[
{
+ "property": "widget.macos.native-context-menus",
+ "label": "Enable this mod on macOS (Let Zen override native macOS context menu)",
+ "type": "checkbox",
+ "disabledOn": [
+ "windows",
+ "linux"
+ ]
+ },
+ {
"property": "uc.hidecontext.separators",
"label": "Hide all separators",
"type": "checkbox"
@@ -10,8 +19,13 @@
"type": "checkbox"
},
{
+ "property": "uc.fixcontext.applyzencolors",
+ "label": "Apply Zen workspace colors to all context menu, panels, and confirmation pop-ups",
+ "type": "checkbox"
+ },
+ {
"property": "uc.fixcontext.extensionmargins",
- "label": "Fix margin for 'Tabs on the right' checkbox and extensions-related context menu",
+ "label": "[Toolbar] Fix margin for 'Tabs on the right' checkbox and extensions-related context menu",
"type": "checkbox",
"disabledOn": [
"macos",
@@ -20,112 +34,132 @@
},
{
"property": "uc.hidecontext.copylink",
- "label": "Only use 'Copy Link Without Site Tracking'",
+ "label": "[Link] Hide regular 'Copy Link' button (Only shown when hovering above 'Copy Clean Link')",
"type": "checkbox"
},
{
"property": "uc.hidecontext.menubar",
- "label": "Hide 'Menu Bar' toggle",
+ "label": "[Toolbar] Hide 'Menu Bar' toggle",
"type": "checkbox"
},
{
"property": "uc.hidecontext.bookmark",
- "label": "Hide 'Bookmark Tab/Link'",
+ "label": "[Tab] [Link] Hide 'Bookmark Tab/Link'",
"type": "checkbox"
},
{
"property": "uc.hidecontext.mutetab",
- "label": "Hide 'Mute Tab' option",
+ "label": "[Tab] Hide 'Mute Tab' option",
"type": "checkbox"
},
{
"property": "uc.hidecontext.newtab",
- "label": "Hide 'New Tab' option",
+ "label": "[Tab] Hide 'New Tab' option",
+ "type": "checkbox"
+ },
+ {
+ "property": "uc.hidecontext.addtowebpanel",
+ "label": "[Link] Hide 'Add to Web Panel' option",
"type": "checkbox"
},
{
"property": "uc.hidecontext.movetaboptions",
- "label": "Hide 'Move Tab' options",
+ "label": "[Tab] Hide 'Move Tab' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.newcontainer",
- "label": "Hide 'Open Tab/Link in New Container Tab'",
+ "label": "[Tab] [Link] Hide 'Open Tab/Link in New Container Tab'",
"type": "checkbox"
},
{
"property": "uc.hidecontext.sendtodevice",
- "label": "Hide 'Send Tab/Link to Device'",
+ "label": "[Tab] [Link] Hide 'Send Tab/Link to Device'",
"type": "checkbox"
},
{
"property": "uc.hidecontext.closetab",
- "label": "Hide close tab options (Close Tab, Close Duplicate Tabs, Close Multiple Tabs)",
+ "label": "[Tab] Hide close tab options (Close Tab, Close Duplicate Tabs, Close Multiple Tabs)",
"type": "checkbox"
},
{
"property": "uc.hidecontext.search",
- "label": "Hide 'Search Keywords' with your preferred search engine",
+ "label": "[Link] Hide 'Search Keywords' on your preferred search engine",
"type": "checkbox"
},
{
"property": "uc.hidecontext.searchinpriv",
- "label": "Hide 'Search Keywords in a Private Window'",
+ "label": "[Text] [Link] Hide 'Search Keywords in a Private Window'",
"type": "checkbox"
},
{
"property": "uc.hidecontext.translate",
- "label": "Hide Firefox's 'Translate Selection/Link' options",
+ "label": "[Text] [Link] Hide Firefox's 'Translate Selection/Link' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.printselection",
- "label": "Hide 'Print Selection'",
+ "label": "[Text] Hide 'Print Selection'",
"type": "checkbox"
},
{
"property": "uc.hidecontext.image",
- "label": "Hide 'Email Image', 'Set Image as Desktop Background', and 'View Image Info' options",
+ "label": "[Image] Hide 'Email Image', 'Set Image as Desktop Background', and 'View Image Info' options",
+ "type": "checkbox"
+ },
+ {
+ "property": "uc.hidecontext.checkspelling",
+ "label": "[Text] Hide 'Check Spelling' and 'Change Text/Page Direction' options while typing in text fields",
"type": "checkbox"
},
{
"property": "uc.hidecontext.selectalltext",
- "label": "Hide 'Select All Text' option",
+ "label": "[Page] [Text] Hide 'Select All Text' option",
"type": "checkbox"
},
{
"property": "uc.hidecontext.selectalltabs",
- "label": "Hide 'Select All Tabs' option",
+ "label": "[Tab] Hide 'Select All Tabs' option",
"type": "checkbox"
},
{
"property": "uc.hidecontext.reloadtab",
- "label": "Hide 'Reload Tab' option",
+ "label": "[Tab] Hide 'Reload Tab' option",
"type": "checkbox"
},
{
"property": "uc.hidecontext.duplicatetab",
- "label": "Hide 'Duplicate Tab' option",
+ "label": "[Tab] Hide 'Duplicate Tab' option",
"type": "checkbox"
},
{
"property": "uc.hidecontext.unloadactions",
- "label": "Hide 'Tab Unloader Actions'",
+ "label": "[Tab] Hide 'Tab Unloader Actions'",
"type": "checkbox"
},
{
"property": "uc.hidecontext.inspect",
- "label": "Hide 'View Page Source' and 'Inspect' options",
+ "label": "[Text] [Page] Hide 'View Page Source' and 'Inspect' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.savelink",
- "label": "Hide 'Save Link As'",
+ "label": "[Page] [Link] Hide 'Save Page As' and 'Save Link As' option",
"type": "checkbox"
},
{
"property": "uc.hidecontext.screenshot",
- "label": "Hide 'Take Screenshot' option",
+ "label": "[Page] Hide 'Take Screenshot' option",
+ "type": "checkbox"
+ },
+ {
+ "property": "uc.hidecontext.pin",
+ "label": "[Page] Hide 'Pin Tab' and 'Add to Essentials' option",
+ "type": "checkbox"
+ },
+ {
+ "property": "uc.hidecontext.frame",
+ "label": "[Image] Hide 'This Frame' options",
"type": "checkbox"
}
] \ No newline at end of file
diff --git a/dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/readme.md b/dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/readme.md
index d54a0295..ea01d2c9 100644
--- a/dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/readme.md
+++ b/dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/readme.md
@@ -1,29 +1,34 @@
What can you do with this Mod:
-- Hide all separators in context menu _**NEW!**_
-- Hide all icons, excluding checkboxes & extension context menu _**NEW!**_
-- Fix margins for checkboxes & extension context menu on Windows, including "Tabs on the right" and "Compact Mode" options _**NEW!**_
-- Only use “Copy Link Without Site Tracking”
+- Hide all separators in context menu
+- Hide all icons, excluding checkboxes & extension context menu
+- Apply your Zen workspace colors to all context menu, tab previews, and small notification pop-ups _**NEW!**_
+- Fix margins for checkboxes & extension context menu on Windows, including "Tabs on the right" and "Compact Mode" options
+- Prioritizing "Copy Clean Link", hide default Copy Link option unless a small trigger area is hovered
- Hide "Menu Bar" toggle
- Hide "Bookmark Tab/Link”
-- Hide "New Tab" option _**NEW!**_
-- Hide "Move Tab" options _**NEW!**_
+- Hide "New Tab" options
+- Hide "Move Tab" options
- Hide “Open Tab/Link in New Container Tab”
- Hide “Send Tab/Link to Device”
-- Hide close tab options ("Close Tab", "Close Duplicate Tabs", "Close Multiple Tabs") _**NEW!**_
+- Hide close tab options ("Close Tab", "Close Duplicate Tabs", "Close Multiple Tabs")
- Hide “Search Keywords" with your preferred search engine
- Hide “Search Keywords in a Private Window”
- Hide Firefox's "Translate Selection/Link" options
-- Hide "Print Selection" _**NEW!**_
+- Hide "Print Selection"
- Hide “Email Image”, “Set Image as Desktop Background”, and “View Image Info” options
+- Hide "Check Spelling" and "Text/Page Direction" option while typing in text fields _**NEW!**_
- Hide “Select All Text” option
- Hide “Select All Tabs” option
- Hide “Reload Tab” option
-- Hide "Duplicate Tab" option _**NEW!**_
+- Hide "Duplicate Tab" option
- Hide “Tab Unloader Actions”
- Hide “View Page Source” and “Inspect” options
- Hide “Save Link As”
- Hide “Take Screenshot” option
+- Hide "Add to Web Panels" _**NEW!**_
+- Hide "Pin Tab" and "Add to Essentials" _**NEW!**_
+- Hide "This Frame" options on image context menu _**NEW!**_
Go to Settings, Zen Mods, look up "Zen Context Menu", click the gear ⚙️ button, and check your desired preferences.