summaryrefslogtreecommitdiff
path: root/dot-zen
diff options
context:
space:
mode:
authorlittleblack111 <littleblack11111@gmail.com>2025-07-05 13:25:13 +0800
committerlittleblack111 <littleblack11111@gmail.com>2025-07-05 13:25:13 +0800
commite63b1149c39302592d32f5e6b0377cd223a2eb50 (patch)
tree7f7f23e859fcd64f7943be44d134623009212b88 /dot-zen
parent9b924e1146d2e56341ca8b9040fcd8bd1b9c22a4 (diff)
bump: zen
Diffstat (limited to 'dot-zen')
m---------dot-zen/main/chrome/Zen-Nebula0
-rw-r--r--dot-zen/main/chrome/zen-themes.css1322
-rw-r--r--dot-zen/main/chrome/zen-themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/chrome.css236
-rw-r--r--dot-zen/main/chrome/zen-themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/preferences.json18
-rw-r--r--dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css486
-rw-r--r--dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json278
-rw-r--r--dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/readme.md5
-rw-r--r--dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/chrome.css748
-rw-r--r--dot-zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/preferences.json122
9 files changed, 2680 insertions, 535 deletions
diff --git a/dot-zen/main/chrome/Zen-Nebula b/dot-zen/main/chrome/Zen-Nebula
-Subproject 4705b635907b1eb3b49c6e2722b2f7087264ab6
+Subproject 2d5dffb0584301af5ad136182bdf85a95dfd335
diff --git a/dot-zen/main/chrome/zen-themes.css b/dot-zen/main/chrome/zen-themes.css
index 282e6285..498748b3 100644
--- a/dot-zen/main/chrome/zen-themes.css
+++ b/dot-zen/main/chrome/zen-themes.css
@@ -1,5 +1,5 @@
/* Zen Mods - Generated by ZenMods.
-* FILE GENERATED AT: Tuesday, June 3, 2025 at 5:22:38 PM Hong Kong Standard Time
+* FILE GENERATED AT: Saturday, July 5, 2025 at 12:57:35 PM Hong Kong Standard Time
* DO NOT EDIT THIS FILE DIRECTLY!
* Your changes will be overwritten.
* Instead, go to the preferences and edit the mods there.
@@ -8,26 +8,1330 @@
/* Name: Zen Context Menu */
/* Description: Declutter your right click menu, hide options you don't need */
/* Author: @KiKaraage */
-@import url("file:///home/system/.zen/main/chrome/zen-themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/chrome.css");
-
+@-moz-document url-prefix("chrome:") {
+ /* Zen Context Menu v3.0 by KiKaraage */
+
+ /* Fix ergonomics for tab context menu by applying some reorderings
+ * plus hiding disabled options and some separators
+ * Applied by default when enabling Zen Context Menu mod */
+ @media -moz-pref("uc.fixcontext.ergonomicsfortabs") {
+ #tabContextMenu {
+ #context_toggleMuteTab,
+ #context_toggleMuteSelectedTabs,
+ #context_zen-add-essential,
+ #context_zen-remove-essential,
+ #context_pinTab,
+ #context_pinSelectedTabs,
+ #context_unpinTab,
+ #context_unpinSelectedTabs,
+ #context_zenSplitTabs:not([disabled="true"]) {
+ order: -8 !important;
+ }
+ #context_duplicateTab,
+ #context_duplicateTabs,
+ #context_unloadTab {
+ order: -7 !important;
+ }
+ :nth-child(5) {
+ order: -6 !important;
+ }
+ #context_moveTabToGroup,
+ #context_reopenInContainer,
+ #context-zen-change-workspace-tab {
+ order: -5 !important;
+ }
+ :nth-child(32) {
+ order: -4 !important;
+ }
+ #context_zenSplitTabs,
+ #context_undoCloseTab {
+ order: -3 !important;
+ }
+ #context_closeTab,
+ #context_closeTabOptions,
+ #context_closeDuplicateTabs,
+ #context_zen-reset-pinned-tab,
+ #context_zen-replace-pinned-url-with-current {
+ order: 2;
+ }
+ #context_zenSplitTabs[label="Split Tab (multiple selected tabs needed)"],
+ #context_zenSplitTabs[disabled="true"],
+ #context_closeDuplicateTabs[disabled],
+ #context_zen-pinned-tab-separator,
+ :nth-child(28), :nth-child(43) {
+ display: none;
+ }
+ }
+ }
+
+ /* Hide all separators */
+ @media -moz-pref("uc.hidecontext.separators") {
+ menuseparator::before {
+ border-top: none !important;
+ }
+ menuseparator {
+ padding-block: 0px !important;
+ }
+ }
+ /* Hide all icons in context menu, except checkboxes and radio buttons, to fit current Zen styling */
+ @media -moz-pref("uc.hidecontext.icons") {
+ :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: 6px !important;
+ }
+ menupopup > menuitem:is([type='checkbox']) .menu-iconic-left {
+ --menu-image: none !important;
+ margin-inline-start: 4px !important;
+ @media not (-moz-platform: windows) {
+ margin-inline-end: 0 !important;
+ padding-inline-end: 0 !important;
+ }
+ }
+ .textbox-contextmenu,
+ menupopup:has(menuitem[type="radio"], menuitem[type="checkbox"]),
+ menu:has(menuitem[type="radio"], menuitem[type="checkbox"]) {
+ .menu-icon {
+ display: none !important;
+ }
+ menuitem[type="radio"],
+ menuitem[type="checkbox"],
+ #context-navigation {
+ .menu-icon {
+ display: inherit !important;
+ }
+ }
+ }
+ menupopup[needsgutter] {
+ @media (-moz-platform: windows) {
+ & > menu:not([icon], .menu-iconic), & > menuitem:not([checked="true"], [icon], .menuitem-iconic) {
+ padding-inline-start: 12px !important;
+ }
+ }
+ }
+ }
+ /* Apply Zen workspace gradient to all context menu and panels
+ * Suitable if the OS, desktop environment or window manager supported blur background */
+ @media -moz-pref("uc.fixcontext.applyzengradient") {
+ menupopup, panel {
+ --panel-background: var(--zen-main-browser-background) !important;
+ }
+ /* Fix text color on Firefox confirmation pop-ups when applying Zen colors on light mode */
+ #confirmation-hint {
+ --arrowpanel-color: var(--sidebar-text-color) !important;
+ border: none !important;
+ }
+ }
+ /* Apply Zen workspace accent color to all context menu and panels*/
+ @media -moz-pref("uc.fixcontext.applyzenaccent") {
+ menupopup, panel {
+ --panel-background: color-mix(in srgb, var(--zen-primary-color) 40%, var(--zen-colors-tertiary)) !important;
+ }
+ }
+
+ /* Prioritize “Copy Clean Link" when available, otherwise, only show "Copy Link” */
+ @media -moz-pref("uc.hidecontext.copylink") {
+ #contentAreaContextMenu:has(#context-stripOnShareLink[disabled="false"]) {
+ #context-copylink {
+ display: none !important;
+ }
+ }
+ #context-stripOnShareLink[disabled="true"] {
+ display: none !important;
+ }
+ }
+ /* Hide "Bookmark Tab/Link” */
+ @media -moz-pref("uc.hidecontext.bookmark") {
+ #toolbar-context-bookmarkSelectedTab,
+ #toolbar-context-bookmarkSelectedTabs,
+ #context_bookmarkSelectedTabs,
+ #context_bookmarkTab,
+ #context-bookmarklink {
+ display: none !important;
+ }
+ }
+ /* Hide "Mute Tab" option */
+ @media -moz-pref("uc.hidecontext.mutetab") {
+ #context_toggleMuteTab,
+ #context_toggleMuteSelectedTabs,
+ #context_playTab,
+ #context_playSelectedTabs {
+ display: none !important;
+ }
+ }
+ /* Hide "New Tab" options */
+ @media -moz-pref("uc.hidecontext.newtab") {
+ #context_openANewTab,
+ #toolbar-context-openANewTab,
+ #toolbarNavigatorItemsMenuSeparator {
+ display: none !important;
+ }
+ }
+
+ /* Hide "Move Tab" options */
+ @media -moz-pref("uc.hidecontext.movetaboptions") {
+ #context_moveTabOptions {
+ display: none !important;
+ }
+ }
+ /* Hide “Open Tab/Link in New Container Tab” */
+ @media -moz-pref("uc.hidecontext.newcontainer") {
+ #context_reopenInContainer,
+ #context-openlinkinusercontext-menu {
+ display: none !important;
+ }
+ }
+ /* Hide “Send Tab/Link to Device” */
+ @media -moz-pref("uc.hidecontext.sendtodevice") {
+ #context_sendTabToDevice,
+ #context-sendpagetodevice,
+ #context-sendlinktodevice,
+ #context-sep-sendlinktodevice {
+ display: none !important;
+ }
+ }
+ /* Hide "Close Tabs" & "Close Duplicate Tabs"*/
+ @media -moz-pref("uc.hidecontext.closetab") {
+ #context_closeTab,
+ #context_closeDuplicateTabs {
+ display: none !important;
+ }
+ }
+ /* Hide "Close Multiple Tabs" */
+ @media -moz-pref("uc.hidecontext.closemultiple") {
+ #context_closeTabOptions {
+ display: none !important;
+ }
+ }
+ /* Hide “Search Keywords" with your preferred search engine */
+ @media -moz-pref("uc.hidecontext.search") {
+ #context-searchselect {
+ display: none !important;
+ }
+ }
+ /* Hide “Search Keywords in a Private Window” */
+ @media -moz-pref("uc.hidecontext.searchinpriv") {
+ #context-searchselect-private {
+ display: none !important;
+ }
+ }
+ /* Hide "Translate Selection/Link" options */
+ @media -moz-pref("uc.hidecontext.translate") {
+ #context-translate-selection,
+ #frame-sep {
+ display: none !important;
+ }
+ }
+ /* Hide "Ask AI chatbot" options */
+ @media -moz-pref("uc.hidecontext.askchatbot") {
+ #context-ask-chat {
+ display: none !important;
+ }
+ }
+ /* Hide "Print Selection” */
+ @media -moz-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-pref("uc.hidecontext.image") {
+ #context-sendimage,
+ #context-sep-setbackground,
+ #context-setDesktopBackground,
+ #context-sep-sharing,
+ #context-viewimageinfo {
+ display: none !important;
+ }
+ }
+ /* Hide "Copy Video Link", "Copy Audio Link", "Email Video" and "Email Audio" options */
+ @media -moz-pref("uc.hidecontext.audiovideo") {
+ #context-copyvideourl,
+ #context-copyaudiourl,
+ #context-sendvideo,
+ #context-sendaudio,
+ #context-sep-sharing {
+ display: none !important;
+ }
+ }
+ /* Hide "Check Spelling" and "Text/Page Direction" option while typing in text fields */
+ @media -moz-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 "Take Screenshot" option */
+ @media -moz-pref("uc.hidecontext.screenshot") {
+ #context-take-screenshot,
+ #context-sep-screenshots,
+ #frame-sep {
+ display: none !important;
+ }
+ }
+ /* Hide "This Frame" option */
+ @media -moz-pref("uc.hidecontext.frame") {
+ #frame-sep, #frame {
+ display: none !important;
+ }
+ }
+ /* Hide “Select All Text” option */
+ @media -moz-pref("uc.hidecontext.selectalltext") {
+ #context-selectall,
+ #context-sep-selectall {
+ display: none !important;
+ }
+ }
+ /* Hide “Select All Tabs" option */
+ @media -moz-pref("uc.hidecontext.selectalltabs") {
+ #context_selectAllTabs,
+ #context_selectedAllTabs,
+ #toolbar-context-selectAllTabs,
+ #tabContextMenu > :nth-child(28) {
+ display: none !important;
+ }
+ }
+ /* Hide “Reload Tab” option */
+ @media -moz-pref("uc.hidecontext.reloadtab") {
+ #context_reloadTab,
+ #context_reloadSelectedTabs,
+ #toolbar-context-reloadSelectedTab,
+ #toolbar-context-reloadSelectedTabs {
+ display: none !important;
+ }
+ }
+ /* Hide "Duplicate Tab" */
+ @media -moz-pref("uc.hidecontext.duplicatetab") {
+ #context_duplicateTab,
+ #context_duplicateTabs,
+ #tabContextMenu > :nth-child(21) {
+ display: none !important;
+ }
+ }
+ /* Hide “View Page Source”, "View Selection Source" and “Inspect” options */
+ @media -moz-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-pref("uc.hidecontext.savelink") {
+ #context-savepage,
+ #context-savelink {
+ display: none !important;
+ }
+ }
+ /* Hide "Pin Tab" and "Add to Essentials" options */
+ @media -moz-pref("uc.hidecontext.pin") {
+ #context_pinTab,
+ #context_unpinTab,
+ #context_pinSelectedTabs,
+ #context_unpinSelectedTabs,
+ #context_zen-add-essential,
+ #context_zen-remove-essential {
+ display: none !important;
+ }
+ }
+ /* Hide top buttons (Back, Forward, Reload, Bookmark Page) on page context menu */
+ @media -moz-pref("uc.hidecontext.navigation") {
+ #context-navigation, #context-sep-navigation {
+ display: none !important;
+ }
+ }
+
+
+ /* Restore back context menu icons pre-1.12.9b */
+ /* I'm not guaranteeing there will be icons for future context menu options */
+ /* Help me contribute on this, hit me up on github.com/KiKaraage/ZenMods/issues */
+
+ /* PART 1: Setting inline padding and margin values */
+ :root {
+ @media -moz-pref("uc.fixcontext.restoreicons") {
+ --zen-contextmenu-menuitem-padding-inline: 5px !important;
+ --zen-contextmenu-menuicon-margin-inline: 3px !important;
+ --zen-contextmenu-menuitem-margin: 0px 2px !important;
+ }
+ }
+
+ @media -moz-pref("uc.fixcontext.restoreicons") {
+ /* PART 2: Adding start inline padding to options,
+ * For now this also affected items with existing paddings
+ * Like on toolbar context menu, or on extension options
+ * Help me fix this, hit me up on github.com/KiKaraage/ZenMods/issues */
+ .menu-text {
+ @media (-moz-platform: windows) {
+ padding-inline-start: 24px !important;
+ }
+ }
+
+ /* PART 3: Adding icons back to regular context menu options */
+ :not(:not(menubar) > menu, #ContentSelectDropdown)
+ > menupopup
+ > menuitem:not(
+ .menuitem-iconic,
+ [type='checkbox'],
+ [type='radio'],
+ .in-menulist,
+ .in-menulist menuitem,
+ .unified-nav-current
+ ) {
+ background-image: var(--menu-image) !important;
+ background-size: 16px !important;
+ background-position: var(--zen-contextmenu-menuitem-padding-inline) center !important;
+ background-repeat: no-repeat !important;
+ -moz-context-properties: fill, fill-opacity !important;
+ fill: currentColor !important;
+ }
+
+ /* PART 4: Adding icons back to context menu options that has arrow */
+ :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: var(--menu-image) !important;
+ background-size: 16px !important;
+ background-position: var(--zen-contextmenu-menuitem-padding-inline) center !important;
+ background-repeat: no-repeat !important;
+ -moz-context-properties: fill, fill-opacity !important;
+ fill: currentColor !important;
+ }
+
+ /* PART 5: Normalize left padding for options with checkboxes, like Compact Mode options
+ * Still not applied to options like 'Tabs on the right' sadly
+ * Help me fix this, hit me up on github.com/KiKaraage/ZenMods/issues */
+ @media (-moz-platform: windows) {
+ @media -moz-pref("uc.fixcontext.restoreicons") {
+ menupopup > menuitem[checked='true'] {
+ padding-inline-start: var(--zen-contextmenu-menuicon-margin-inline) !important;
+ > .menu-text {
+ padding: 0 !important;
+ }
+ }
+ menupopup > menuitem[checked='false'] {
+ padding-inline: calc(var(--zen-contextmenu-menuicon-margin-inline) + 0px) !important;
+ }
+ }
+ }
+ }
+
+ /* PART 6: Specifying icons to apply for options in Unified Extensions Menu */
+ @media not (-moz-platform: linux) {
+ @media -moz-pref("uc.fixcontext.restoreicons") {
+ .unified-extensions-context-menu-pin-to-toolbar {
+ --menu-image: url('chrome://browser/skin/zen-icons/pin.svg');
+ }
+ }
+ .unified-extensions-context-menu-move-widget-down {
+ --menu-image: url('chrome://browser/skin/zen-icons/arrow-down.svg');
+ }
+ .unified-extensions-context-menu-move-widget-up {
+ --menu-image: url('chrome://browser/skin/zen-icons/arrow-up.svg');
+ }
+ }
+
+ /* PART 7: Specifying icons to apply for other context menu options */
+ /* Use icons from Zen icon directory - chrome://browser/skin/zen-icons/ */
+ /* Use icons from Firefox icon directory - chrome://browser/skin/ */
+ @media -moz-pref("uc.fixcontext.restoreicons") {
+ #context_zenSplitTabs {
+ --menu-image: url('chrome://browser/skin/zen-icons/sidebars-right.svg') !important;
+ }
+ #context-zen-change-workspace-tab {
+ --menu-image: url('chrome://browser/skin/zen-icons/move-tab.svg') !important;
+ }
+ #context-zenSplitLink {
+ --menu-image: url('chrome://browser/skin/zen-icons/split.svg') !important;
+ }
+
+ #context_zenOpenWorkspace,
+ #context_zenOpenWorkspacePanel {
+ --menu-image: url('chrome://browser/skin/zen-icons/manage.svg') !important;
+ }
+ #context_zenEditWorkspaceIcon {
+ --menu-image: url('chrome://browser/skin/zen-icons/canvas.svg') !important;
+ }
+ .zenToolbarThemePicker,
+ #zenToolbarThemePicker {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit-theme.svg') !important;
+ }
+ #context-video-pictureinpicture:not([checked='true']) .menu-iconic-icon {
+ list-style-image: url('chrome://browser/skin/zen-icons/media-pip.svg') !important;
+ }
+ #context-media-loop:not([checked='true']) .menu-iconic-icon {
+ list-style-image: url('chrome://browser/skin/zen-icons/media-loop.svg') !important;
+ }
+
+ #context-savepage {
+ --menu-image: url('chrome://browser/skin/zen-icons/save.svg');
+ }
+ #context-selectall,
+ .textbox-contextmenu menuitem[cmd*='selectAll'],
+ #context_selectAllTabs,
+ #toolbar-context-selectAllTabs {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit-select-all.svg');
+ }
+ #context-undo,
+ .textbox-contextmenu menuitem[cmd*='undo'],
+ #context_undoCloseTab,
+ #toolbar-context-undoCloseTab {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit-undo.svg');
+ }
+ #toggle_toolbar-menubar {
+ --menu-image: url('chrome://browser/skin/zen-icons/menu-bar.svg');
+ }
+ #context-redo,
+ .textbox-contextmenu menuitem[cmd*='redo'] {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit-redo.svg');
+ }
+ #context-copy,
+ .textbox-contextmenu menuitem[cmd*='copy'],
+ .textbox-contextmenu #strip-on-share,
+ #placesContext_copy {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit-copy.svg');
+ }
+ #context-paste,
+ .textbox-contextmenu menuitem[cmd*='paste'],
+ #placesContext_paste_group {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit-paste.svg');
+ }
+ #context-cut,
+ .textbox-contextmenu menuitem[cmd*='cut'],
+ #placesContext_cut {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit-cut.svg');
+ }
+ #context-delete,
+ .customize-context-removeExtension,
+ .unified-extensions-context-menu-remove-extension,
+ .textbox-contextmenu menuitem[cmd*='delete'],
+ menuitem[id='placesContext_deleteBookmark'],
+ menuitem[id='placesContext_deleteFolder'],
+ menuitem[id='placesContext_delete'],
+ menuitem[id='placesContext_delete_history'],
+ menuitem[id='placesContext_deleteHost'],
+ #context_zenDeleteWebPanel,
+ #context_zenDeleteWorkspace {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit-delete.svg');
+ }
+ #paste-and-go {
+ --menu-image: url('chrome://browser/skin/zen-icons/paste-and-go.svg');
+ }
+ #context-print-selection {
+ --menu-image: url('chrome://browser/skin/zen-icons/print.svg');
+ }
+ #context-take-screenshot {
+ --menu-image: url('chrome://browser/skin/zen-icons/screenshot.svg');
+ }
+ #context-viewsource {
+ --menu-image: url('chrome://browser/skin/zen-icons/source-code.svg');
+ }
+ #context-inspect-a11y {
+ --menu-image: url('chrome://browser/skin/zen-icons/accessibility.svg');
+ }
+ #context-inspect {
+ --menu-image: url('chrome://browser/skin/zen-icons/inspect.svg');
+ }
+ #context-searchselect {
+ --menu-image: url('chrome://browser/skin/zen-icons/search-glass.svg');
+ }
+ #context-searchselect-private {
+ --menu-image: url('chrome://browser/skin/privateBrowsing.svg');
+ }
+ #context-viewimage {
+ --menu-image: url('chrome://browser/skin/zen-icons/image-open.svg');
+ }
+ #context-viewimageinfo {
+ --menu-image: url('chrome://browser/skin/zen-icons/info.svg');
+ }
+ #context-saveimage,
+ #context-video-saveimage {
+ --menu-image: url('chrome://browser/skin/zen-icons/image-save.svg');
+ }
+ #context-savevideo {
+ --menu-image: url('chrome://browser/skin/zen-icons/video-save.svg');
+ }
+ #context-viewvideo {
+ --menu-image: url('chrome://browser/skin/zen-icons/video-open.svg');
+ }
+ #context-saveaudio {
+ --menu-image: url('chrome://browser/skin/zen-icons/audio-save.svg');
+ }
+ #context-copyimage-contents {
+ --menu-image: url('chrome://browser/skin/zen-icons/image-copy.svg');
+ }
+ #context-copyimage,
+ #context-copyvideourl,
+ #context-copylink,
+ #context-stripOnShareLink,
+ #context_zenOpenNewTabWebPanel,
+ #context-pdfjs-copy {
+ --menu-image: url('chrome://browser/skin/zen-icons/link.svg');
+ }
+ #context-openlinkincurrent {
+ --menu-image: url('chrome://browser/skin/zen-icons/ext-link.svg');
+ }
+ #context-ask-chat {
+ --menu-image: url('chrome://browser/skin/trending.svg');
+ }
+ #context-translate-selection {
+ --menu-image: url('chrome://browser/skin/translations.svg');
+ }
+ #context-viewsource,
+ #context-viewframesource,
+ #context-viewpartialsource-selection {
+ --menu-image: url('chrome://browser/skin/zen-icons/source-code.svg');
+ }
+ #context-sendimage,
+ #context-sendvideo,
+ #context-sendaudio {
+ --menu-image: url('chrome://browser/skin/zen-icons/mail.svg');
+ }
+ #context-setDesktopBackground,
+ .viewCustomizeToolbar {
+ --menu-image: url('chrome://browser/skin/zen-icons/customize.svg');
+ }
+ #context-reloadimage,
+ #context_reloadTab,
+ #context_reloadSelectedTabs,
+ #toolbar-context-reloadSelectedTab,
+ #toolbar-context-reloadSelectedTabs,
+ #context_zen-reset-pinned-tab {
+ --menu-image: url('chrome://browser/skin/zen-icons/reload.svg');
+ }
+ #context-sendlinktodevice,
+ #context_sendTabToDevice,
+ #context-sendpagetodevice {
+ --menu-image: url('chrome://browser/skin/zen-icons/send-to-device.svg');
+ }
+ #context-openlinkintab,
+ #context-openlinkincontainertab,
+ #context_zenWorkspacesOpenInContainerTab,
+ #context_zenWebPanelContextInContainer,
+ menuitem[id='placesContext_open:newtab'],
+ menuitem[id='placesContext_openLinks:tabs'],
+ menuitem[id='placesContext_openBookmarkLinks:tabs'],
+ menuitem[id='placesContext_openBookmarkContainer:tabs'] {
+ --menu-image: url('chrome://browser/skin/zen-icons/tab.svg');
+ }
+ #context_openANewTab,
+ #toolbar-context-openANewTab {
+ --menu-image: url('chrome://browser/skin/zen-icons/new-tab-image.svg');
+ }
+ #context-openlinkinusercontext-menu,
+ menu[id='placesContext_open:newcontainertab'],
+ menu[id='placesContext_openContainer:tabs'] {
+ --menu-image: url('chrome://browser/skin/zen-icons/container-tab.svg');
+ }
+ #context-openlink,
+ menuitem[id='placesContext_open:newwindow'] {
+ --menu-image: url('chrome://browser/skin/zen-icons/window.svg');
+ }
+ #context-openlinkprivate,
+ menuitem[id='placesContext_open:newprivatewindow'] {
+ --menu-image: url('chrome://browser/skin/zen-icons/private-window.svg');
+ }
+ #context-savelink {
+ --menu-image: url('chrome://browser/skin/zen-icons/downloads.svg');
+ }
+ #spell-add-to-dictionary {
+ --menu-image: url('chrome://browser/skin/zen-icons/add-to-dictionary.svg');
+ }
+ #manage-saved-logins {
+ --menu-image: url('chrome://browser/skin/zen-icons/passwords.svg');
+ }
+ #context-media-play,
+ #context_playTab,
+ #context_playSelectedTabs {
+ --menu-image: url('chrome://browser/skin/zen-icons/media-play.svg');
+ }
+ #context-media-pause {
+ --menu-image: url('chrome://browser/skin/zen-icons/media-pause.svg');
+ }
+ #context-media-mute,
+ #context_toggleMuteTab,
+ #context_toggleMuteSelectedTabs,
+ #context_zenToggleMuteWebPanel {
+ --menu-image: url('chrome://browser/skin/zen-icons/media-mute.svg');
+ }
+ #context-media-unmute,
+ #context_toggleMuteTab[muted],
+ #context_toggleMuteSelectedTabs[muted],
+ #context_zenToggleMuteWebPanel[muted] {
+ --menu-image: url('chrome://browser/skin/zen-icons/media-unmute.svg');
+ }
+ #context-media-playbackrate {
+ --menu-image: url('chrome://browser/skin/zen-icons/media-speed.svg');
+ }
+ #context-video-fullscreen {
+ --menu-image: url('chrome://browser/skin/zen-icons/fullscreen.svg');
+ }
+ #context-leave-dom-fullscreen,
+ menuitem[contexttype='fullscreen'][label*='Exit'] {
+ --menu-image: url('chrome://browser/skin/zen-icons/fullscreen-exit.svg');
+ }
+ #context-media-hidecontrols,
+ #context-media-showcontrols {
+ --menu-image: url('chrome://browser/skin/zen-icons/permissions.svg');
+ }
+ #context_pinTab,
+ #context_unpinTab,
+ #context_pinSelectedTabs,
+ #context_unpinSelectedTabs,
+ .customize-context-moveToPanel,
+ #context_zen-replace-pinned-url-with-current {
+ --menu-image: url('chrome://browser/skin/zen-icons/pin.svg');
+ }
+ #context_zen-add-essential {
+ --menu-image: url('chrome://browser/skin/zen-icons/essential-add.svg');
+ }
+ #context_zen-remove-essential {
+ --menu-image: url('chrome://browser/skin/zen-icons/essential-remove.svg');
+ }
+ .customize-context-removeFromToolbar {
+ --menu-image: url('chrome://browser/skin/zen-icons/unpin.svg');
+ }
+ #zen-sidebar-web-panel-pinned[pinned='true'] {
+ list-style-image: url('chrome://browser/skin/zen-icons/pin.svg') !important;
+ }
+ #zen-sidebar-web-panel-pinned {
+ list-style-image: url('chrome://browser/skin/zen-icons/unpin.svg') !important;
+ }
+ #context_duplicateTab,
+ #context_duplicateTabs {
+ --menu-image: url('chrome://browser/skin/zen-icons/duplicate-tab.svg');
+ }
+ #zen-context-menu-compact-mode {
+ --menu-image: url('chrome://browser/skin/zen-icons/sidebar.svg');
+ }
+ #context_bookmarkTab,
+ #context_bookmarkSelectedTabs,
+ #toggle_PersonalToolbar,
+ #context-bookmarklink,
+ #toolbar-context-bookmarkSelectedTab,
+ #toolbar-context-bookmarkSelectedTabs {
+ --menu-image: url('chrome://browser/skin/zen-icons/bookmark-hollow.svg');
+ }
+ menuitem[id='placesContext_show_bookmark:info'],
+ menuitem[id='placesContext_show_folder:info'],
+ menuitem[id='placesContext_show:info'] {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit.svg');
+ }
+ menuitem[id='placesContext_showAllBookmarks'],
+ #BMB_bookmarksShowAllTop,
+ #BMB_bookmarksShowAll,
+ .customize-context-manageExtension,
+ .unified-extensions-context-menu-manage-extension {
+ --menu-image: url('chrome://browser/skin/zen-icons/manage.svg');
+ }
+ #BMB_viewBookmarksSidebar {
+ --menu-image: url('chrome://browser/skin/sidebars.svg');
+ }
+ #BMB_searchBookmarks {
+ --menu-image: url('chrome://browser/skin/zen-icons/search-page.svg');
+ }
+ menuitem[id='placesContext_new:bookmark'],
+ menuitem[id='placesContext_new:folder'],
+ menuitem[id='placesContext_new:separator'],
+ #context_zenEditWorkspace {
+ --menu-image: url('chrome://browser/skin/zen-icons/plus.svg');
+ }
+ #context-savelinktopocket,
+ #context-pocket {
+ --menu-image: url('chrome://browser/skin/zen-icons/pocket-outline.svg');
+ }
+ #context_ungroupTab,
+ #context_moveTabOptions {
+ --menu-image: url('chrome://browser/skin/zen-icons/move-tab.svg');
+ }
+ .share-tab-url-item {
+ --menu-image: url('chrome://browser/skin/zen-icons/share.svg');
+ }
+ #context_moveTabToNewGroup,
+ #context_moveTabToGroup,
+ #context_reopenInContainer {
+ --menu-image: url('chrome://browser/skin/zen-icons/container-tab.svg');
+ }
+ #context_closeTab,
+ #context_closeDuplicateTabs {
+ --menu-image: url('chrome://browser/skin/zen-icons/close.svg');
+ }
+ #context_closeTabOptions {
+ --menu-image: url('chrome://browser/skin/zen-icons/close-all.svg');
+ }
+ #context_unloadTab,
+ #context_zenTabActions {
+ --menu-image: url('chrome://browser/skin/zen-icons/close-all.svg');
+ }
+ .customize-context-reportExtension,
+ .unified-extensions-context-menu-report-extension {
+ --menu-image: url('chrome://browser/skin/zen-icons/report.svg');
+ }
+ .wordmark::after {
+ content: 'Plus' !important;
+ }
+ }
+
+}
/* Name: Zen Back Forward */
/* Description: Hide Back and Forward button when you don't need them */
/* Author: @KiKaraage */
-@import url("file:///home/system/.zen/main/chrome/zen-themes/c8d9e6e6-e702-4e15-8972-3596e57cf398/chrome.css");
-
+@-moz-document url-prefix("chrome:") { :root:not([customizing]) #back-button[disabled] { display: none !important; } :root:not([customizing]) #forward-button[disabled] { display: none !important; } }
/* Name: Floating History */
/* 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");
+/* 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(#mod-floating_history[mod-floating_history-position="right"]) {
+ right: 15px;
+ }
+
+ body:has(#mod-floating_history[mod-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(#mod-floating_history[mod-floating_history-position="right"]) {
+ transform: translateX(110%) translateY(12%) !important;
+ }
+
+ body:has(#mod-floating_history[mod-floating_history-position="left"]) {
+ transform: translateX(-110%) translateY(12%) !important;
+ }
+ }
+
+ @starting-style {
+ display: flex !important;
+
+ body:has(#mod-floating_history[mod-floating_history-position="right"]) {
+ transform: translateX(110%) translateY(12%) !important;
+ }
+
+ body:has(#mod-floating_history[mod-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;
+}
/* Name: No Search Shortcut Icons */
/* Description: Hides search shortcuts in the Zen browser URL bar, showing them only when the bar is focused. */
/* Author: @itsfaizankhan */
-@import url("file:///home/system/.zen/main/chrome/zen-themes/d7076c31-f6c1-4f28-b2e8-15b95f5a3d6f/chrome.css");
-
+@-moz-document url-prefix("chrome:") { .search-one-offs { display: none !important; } .search-one-offs:has(.searchbar-engine-one-off-item[selected]) { display: flex !important; } }
/* Name: Transparent Zen */
/* 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");
+/* variables */
+:root {
+ @media -moz-pref( "mod.sameerasw.zen_bg_color_enabled") {
+ --zen-main-browser-background: var(
+ --mod-sameerasw-zen_transparency_color,
+ #00000000
+ ) !important;
+ }
+}
+
+/* animation smoothness */
+:root:has([mod-sameerasw_zen_animations="0"]) {
+ --mod-sameerasw-zen-animation-smoothness: all 0.15s
+ cubic-bezier(0.175, 0.885, 0.3, 1.3),
+ filter 0.15s ease-in-out, opacity 0.2s ease-in-out !important;
+}
+
+:root:has([mod-sameerasw_zen_animations="1"]) {
+ --mod-sameerasw-zen-animation-smoothness: all 0.25s
+ cubic-bezier(0.175, 0.885, 0.32, 1.35),
+ filter 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
+}
+
+:root:has([mod-sameerasw_zen_animations="2"]) {
+ --mod-sameerasw-zen-animation-smoothness: all 0.4s
+ cubic-bezier(0.175, 0.885, 0.32, 1.55),
+ filter 0.4s ease-in-out, opacity 0.45s ease-in-out !important;
+}
+
+:root:has([mod-sameerasw_zen_animations="3"]) {
+ --mod-sameerasw-zen-animation-smoothness: all 0.25s
+ cubic-bezier(0.575, 0.685, 0.52, 1.55),
+ filter 0.3s ease-in-out, opacity 0.35s ease-in-out !important;
+}
+/* default */
+:root:not(:has([mod-sameerasw_zen_animations])) {
+ --mod-sameerasw-zen-animation-smoothness: all 0.25s
+ cubic-bezier(0.175, 0.885, 0.32, 1.35),
+ filter 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
+}
+
+/* tab tint */
+:root:has([mod-sameerasw_zen_light_tint="1"]) {
+ .browserStack {
+ browser {
+ background-color: light-dark(
+ rgba(255, 255, 255, 0.1),
+ rgba(0, 0, 0, 0.1)
+ ) !important;
+ }
+ }
+}
+
+:root:has([mod-sameerasw_zen_light_tint="2"]) {
+ .browserStack {
+ browser {
+ 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: var(--mod-sameerasw-zen-animation-smoothness) !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: var(--mod-sameerasw-zen-animation-smoothness) !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;
+ }
+}
+
+/* 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-empty-tab="true"][selected="true"]) .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;
+ }
+ }
+ }
+ }
+}
+/* ============= Transparent Sidebar: Mask or Push ============= */
+
+:root:has(
+ [mod-sameerasw_zen_compact_sidebar_type="1"],
+ [mod-sameerasw_zen_compact_sidebar_type="2"]
+ ) {
+ #zen-main-app-wrapper {
+ --zen-sidebar-custom-width: var(
+ --mod-sameerasw-zen_compact_sidebar_width,
+ 165px
+ ) !important;
+ }
+
+ [zen-compact-mode="true"] #navigator-toolbox {
+ --zen-sidebar-width: var(--zen-sidebar-custom-width) !important;
+ --actual-zen-sidebar-width: var(--zen-sidebar-custom-width) !important;
+ width: var(--zen-sidebar-custom-width) !important;
+ }
+}
+
+/* Shared: Soft mask background and shadow */
+#main-window:has([mod-sameerasw_zen_compact_sidebar_type="2"])
+ #titlebar::before {
+ box-shadow: light-dark(#fff3, #0003) 0px -36px 30px 0px inset,
+ rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px,
+ rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px,
+ rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
+ background-color: light-dark(#fff8, #0005) !important;
+}
+
+/* Shared: Content reveal trigger condition */
+#zen-main-app-wrapper[zen-compact-mode="true"]:has(
+ [zen-user-show=""],
+ #navigator-toolbox[zen-has-hover="true"],
+ [has-popup-menu=""]
+ ) {
+ /* Content styles when sidebar is revealed */
+}
+
+/* Mask type - left sidebar */
+#main-window:not([zen-right-side="true"]):has(
+ [mod-sameerasw_zen_compact_sidebar_type="2"]
+ )
+ #zen-main-app-wrapper[zen-compact-mode="true"]:has(
+ [zen-user-show=""],
+ #navigator-toolbox[zen-has-hover="true"],
+ [has-popup-menu=""]
+ )
+ #tabbrowser-tabpanels {
+ mask-image: linear-gradient(
+ to right,
+ transparent 0,
+ transparent calc(var(--zen-sidebar-custom-width) + 4px),
+ black calc(var(--zen-sidebar-custom-width) + 8px),
+ black 100%
+ ) !important;
+}
+
+/* Mask type - right sidebar */
+#main-window[zen-right-side="true"]:has(
+ [mod-sameerasw_zen_compact_sidebar_type="2"]
+ )
+ #zen-main-app-wrapper[zen-compact-mode="true"]:has(
+ [zen-user-show=""],
+ #navigator-toolbox[zen-has-hover="true"],
+ [has-popup-menu=""]
+ )
+ #tabbrowser-tabpanels {
+ mask-image: linear-gradient(
+ to left,
+ transparent 0,
+ transparent calc(var(--zen-sidebar-custom-width) + 4px),
+ black calc(var(--zen-sidebar-custom-width) + 8px),
+ black 100%
+ ) !important;
+}
+
+/* Push type - left sidebar */
+#main-window:not([zen-right-side="true"]):has(
+ [mod-sameerasw_zen_compact_sidebar_type="1"]
+ )
+ #zen-main-app-wrapper[zen-compact-mode="true"]:has(
+ [zen-user-show=""],
+ #navigator-toolbox[zen-has-hover="true"],
+ [has-popup-menu=""]
+ )
+ #zen-appcontent-wrapper {
+ transform: translateX(var(--zen-sidebar-custom-width)) !important;
+}
+
+/* Push type - right sidebar */
+#main-window[zen-right-side="true"]:has(
+ [mod-sameerasw_zen_compact_sidebar_type="1"]
+ )
+ #zen-main-app-wrapper[zen-compact-mode="true"]:has(
+ [zen-user-show=""],
+ #navigator-toolbox[zen-has-hover="true"],
+ [has-popup-menu=""]
+ )
+ #zen-appcontent-wrapper {
+ transform: translateX(calc(0px - var(--zen-sidebar-custom-width))) !important;
+}
+
+/* Shared Push Transition (used in both left and right) */
+#main-window:has([mod-sameerasw_zen_compact_sidebar_type="1"])
+ #zen-appcontent-wrapper {
+ --zen-compact-mode-func: linear(
+ 0 0%,
+ 0.002748 1%,
+ 0.010544 2%,
+ 0.022757 3%,
+ 0.038804 4%,
+ 0.058151 5%,
+ 0.080308 6%,
+ 0.104828 7%,
+ 0.131301 8%,
+ 0.159358 9%,
+ 0.188662 10%,
+ 0.21891 11%,
+ 0.249828 12%,
+ 0.281172 13%,
+ 0.312724 14%,
+ 0.344288 15%,
+ 0.375693 16%,
+ 0.40679 17%,
+ 0.437447 18%,
+ 0.467549 19%,
+ 0.497 20%,
+ 0.525718 21%,
+ 0.553633 22%,
+ 0.580688 23%,
+ 0.60684 24%,
+ 0.632052 25%,
+ 0.656298 26%,
+ 0.679562 27%,
+ 0.701831 28%,
+ 0.723104 29%,
+ 0.743381 30%,
+ 0.76267 31%,
+ 0.780983 32%,
+ 0.798335 33%,
+ 0.814744 34%,
+ 0.830233 35%,
+ 0.844826 36%,
+ 0.858549 37%,
+ 0.87143 38%,
+ 0.883498 39%,
+ 0.894782 40%,
+ 0.905314 41%,
+ 0.915125 42%,
+ 0.924247 43%,
+ 0.93271 44%,
+ 0.940547 45%,
+ 0.947787 46%,
+ 0.954463 47%,
+ 0.960603 48%,
+ 0.966239 49%,
+ 0.971397 50%,
+ 0.976106 51%,
+ 0.980394 52%,
+ 0.984286 53%,
+ 0.987808 54%,
+ 0.990984 55%,
+ 0.993837 56%,
+ 0.99639 57%,
+ 0.998664 58%,
+ 1.000679 59%,
+ 1.002456 60%,
+ 1.004011 61%,
+ 1.005363 62%,
+ 1.006528 63%,
+ 1.007522 64%,
+ 1.008359 65%,
+ 1.009054 66%,
+ 1.009618 67%,
+ 1.010065 68%,
+ 1.010405 69%,
+ 1.010649 70%,
+ 1.010808 71%,
+ 1.01089 72%,
+ 1.010904 73%,
+ 1.010857 74%,
+ 1.010757 75%,
+ 1.010611 76%,
+ 1.010425 77%,
+ 1.010205 78%,
+ 1.009955 79%,
+ 1.009681 80%,
+ 1.009387 81%,
+ 1.009077 82%,
+ 1.008754 83%,
+ 1.008422 84%,
+ 1.008083 85%,
+ 1.00774 86%,
+ 1.007396 87%,
+ 1.007052 88%,
+ 1.00671 89%,
+ 1.006372 90%,
+ 1.00604 91%,
+ 1.005713 92%,
+ 1.005394 93%,
+ 1.005083 94%,
+ 1.004782 95%,
+ 1.004489 96%,
+ 1.004207 97%,
+ 1.003935 98%,
+ 1.003674 99%,
+ 1.003423 100%
+ ) !important;
+ transition: transform 0.25s var(--zen-compact-mode-func) !important;
+}
+
+/* Push: transparent titlebar */
+#main-window:has([mod-sameerasw_zen_compact_sidebar_type="1"])
+ #titlebar::before {
+ background-color: transparent !important;
+ outline: none !important;
+ box-shadow: none !important;
+}
+
+/* Sidebar background transparency */
+#sidebar-box {
+ @media -moz-pref( "mod.sameerasw.zen_transparent_sidebar_enabled") {
+ background-color: transparent !important;
+ box-shadow: none !important;
+ }
+}
/* 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 49178af1..c1f10a09 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,126 +1,124 @@
-@-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;
+/* 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;
- transform: translateY(12%) !important;
+ body:has(#mod-floating_history[mod-floating_history-position="right"]) {
+ right: 15px;
+ }
+
+ body:has(#mod-floating_history[mod-floating_history-position="left"]) {
+ left: 15px;
+ }
- 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;
- }
+ position: fixed !important;
+ transform: translateX(50%) !important;
+ z-index: 10;
- 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;
- }
+ transform: translateY(12%) !important;
- body:has(#theme-Floating-History[theme-floating_history-position="left"]) {
- transform: translateX(-110%) 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;
- &[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;
- }
+ transition: transform 0.35s !important;
+ visibility: visible !important;
+ opacity: 1 !important;
+
+
+ &[hidden="true"] {
+ display: flex !important;
+
+ body:has(#mod-floating_history[mod-floating_history-position="right"]) {
+ transform: translateX(110%) translateY(12%) !important;
+ }
+
+ body:has(#mod-floating_history[mod-floating_history-position="left"]) {
+ transform: translateX(-110%) translateY(12%) !important;
+ }
+ }
+
+ @starting-style {
+ display: flex !important;
+
+ body:has(#mod-floating_history[mod-floating_history-position="right"]) {
+ transform: translateX(110%) translateY(12%) !important;
+ }
+
+ body:has(#mod-floating_history[mod-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/preferences.json b/dot-zen/main/chrome/zen-themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/preferences.json
new file mode 100644
index 00000000..5e123c19
--- /dev/null
+++ b/dot-zen/main/chrome/zen-themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/preferences.json
@@ -0,0 +1,18 @@
+[
+ {
+ "property": "mod.floating_history.position",
+ "label": "Position",
+ "type": "dropdown",
+ "defaultValue": "right",
+ "options": [
+ {
+ "label": "Left",
+ "value": "left"
+ },
+ {
+ "label": "Right",
+ "value": "right"
+ }
+ ]
+ }
+] \ No newline at end of file
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 6d89a20d..4c1f30fd 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,134 +1,392 @@
-@-moz-document url-prefix("chrome:") {
- /* variables */
- :root {
- @media -moz-pref( "mod.sameerasw.zen_bg_color_enabled") {
- --zen-main-browser-background: var(
- --mod-sameerasw-zen_transparency_color,
- #00000000
+/* variables */
+:root {
+ @media -moz-pref( "mod.sameerasw.zen_bg_color_enabled") {
+ --zen-main-browser-background: var(
+ --mod-sameerasw-zen_transparency_color,
+ #00000000
+ ) !important;
+ }
+}
+
+/* animation smoothness */
+:root:has([mod-sameerasw_zen_animations="0"]) {
+ --mod-sameerasw-zen-animation-smoothness: all 0.15s
+ cubic-bezier(0.175, 0.885, 0.3, 1.3),
+ filter 0.15s ease-in-out, opacity 0.2s ease-in-out !important;
+}
+
+:root:has([mod-sameerasw_zen_animations="1"]) {
+ --mod-sameerasw-zen-animation-smoothness: all 0.25s
+ cubic-bezier(0.175, 0.885, 0.32, 1.35),
+ filter 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
+}
+
+:root:has([mod-sameerasw_zen_animations="2"]) {
+ --mod-sameerasw-zen-animation-smoothness: all 0.4s
+ cubic-bezier(0.175, 0.885, 0.32, 1.55),
+ filter 0.4s ease-in-out, opacity 0.45s ease-in-out !important;
+}
+
+:root:has([mod-sameerasw_zen_animations="3"]) {
+ --mod-sameerasw-zen-animation-smoothness: all 0.25s
+ cubic-bezier(0.575, 0.685, 0.52, 1.55),
+ filter 0.3s ease-in-out, opacity 0.35s ease-in-out !important;
+}
+/* default */
+:root:not(:has([mod-sameerasw_zen_animations])) {
+ --mod-sameerasw-zen-animation-smoothness: all 0.25s
+ cubic-bezier(0.175, 0.885, 0.32, 1.35),
+ filter 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
+}
+
+/* tab tint */
+:root:has([mod-sameerasw_zen_light_tint="1"]) {
+ .browserStack {
+ browser {
+ background-color: light-dark(
+ rgba(255, 255, 255, 0.1),
+ rgba(0, 0, 0, 0.1)
) !important;
}
}
-
- /* tab tint */
+}
+
+:root:has([mod-sameerasw_zen_light_tint="2"]) {
.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;
- }
+ background-color: transparent !important;
}
}
-
- /* hide shadows */
- hbox.browserSidebarContainer,
- #zen-tabbox-wrapper {
- @media -moz-pref( "mod.sameerasw.zen_no_shadow") {
- box-shadow: none !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;
- }
+}
+
+/* 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: var(--mod-sameerasw-zen-animation-smoothness) !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;
- }
+}
+#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;
- }
+}
+
+/* website switch animations */
+#browser:not(:has(.zen-glance-background)) #tabbrowser-tabpanels {
+ @media -moz-pref( "mod.sameerasw.zen_urlbar_zoom_anim") {
+ transition: var(--mod-sameerasw-zen-animation-smoothness) !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;
- }
+}
+
+/* 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;
- }
+}
+
+#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;
- }
+}
+
+/* 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;
}
-
- /* 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;
- }
+}
+
+/* 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;
- }
+}
+
+/* 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 tab image */
+#browser:has([zen-empty-tab="true"][selected="true"]) .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
+}
+/* ============= Transparent Sidebar: Mask or Push ============= */
+
+:root:has(
+ [mod-sameerasw_zen_compact_sidebar_type="1"],
+ [mod-sameerasw_zen_compact_sidebar_type="2"]
+ ) {
+ #zen-main-app-wrapper {
+ --zen-sidebar-custom-width: var(
+ --mod-sameerasw-zen_compact_sidebar_width,
+ 165px
+ ) !important;
+ }
+
+ [zen-compact-mode="true"] #navigator-toolbox {
+ --zen-sidebar-width: var(--zen-sidebar-custom-width) !important;
+ --actual-zen-sidebar-width: var(--zen-sidebar-custom-width) !important;
+ width: var(--zen-sidebar-custom-width) !important;
+ }
+}
+
+/* Shared: Soft mask background and shadow */
+#main-window:has([mod-sameerasw_zen_compact_sidebar_type="2"])
+ #titlebar::before {
+ box-shadow: light-dark(#fff3, #0003) 0px -36px 30px 0px inset,
+ rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px,
+ rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px,
+ rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
+ background-color: light-dark(#fff8, #0005) !important;
+}
+
+/* Shared: Content reveal trigger condition */
+#zen-main-app-wrapper[zen-compact-mode="true"]:has(
+ [zen-user-show=""],
+ #navigator-toolbox[zen-has-hover="true"],
+ [has-popup-menu=""]
+ ) {
+ /* Content styles when sidebar is revealed */
+}
+
+/* Mask type - left sidebar */
+#main-window:not([zen-right-side="true"]):has(
+ [mod-sameerasw_zen_compact_sidebar_type="2"]
+ )
+ #zen-main-app-wrapper[zen-compact-mode="true"]:has(
+ [zen-user-show=""],
+ #navigator-toolbox[zen-has-hover="true"],
+ [has-popup-menu=""]
+ )
+ #tabbrowser-tabpanels {
+ mask-image: linear-gradient(
+ to right,
+ transparent 0,
+ transparent calc(var(--zen-sidebar-custom-width) + 4px),
+ black calc(var(--zen-sidebar-custom-width) + 8px),
+ black 100%
+ ) !important;
+}
+
+/* Mask type - right sidebar */
+#main-window[zen-right-side="true"]:has(
+ [mod-sameerasw_zen_compact_sidebar_type="2"]
+ )
+ #zen-main-app-wrapper[zen-compact-mode="true"]:has(
+ [zen-user-show=""],
+ #navigator-toolbox[zen-has-hover="true"],
+ [has-popup-menu=""]
+ )
+ #tabbrowser-tabpanels {
+ mask-image: linear-gradient(
+ to left,
+ transparent 0,
+ transparent calc(var(--zen-sidebar-custom-width) + 4px),
+ black calc(var(--zen-sidebar-custom-width) + 8px),
+ black 100%
+ ) !important;
+}
+
+/* Push type - left sidebar */
+#main-window:not([zen-right-side="true"]):has(
+ [mod-sameerasw_zen_compact_sidebar_type="1"]
+ )
+ #zen-main-app-wrapper[zen-compact-mode="true"]:has(
+ [zen-user-show=""],
+ #navigator-toolbox[zen-has-hover="true"],
+ [has-popup-menu=""]
+ )
+ #zen-appcontent-wrapper {
+ transform: translateX(var(--zen-sidebar-custom-width)) !important;
+}
+
+/* Push type - right sidebar */
+#main-window[zen-right-side="true"]:has(
+ [mod-sameerasw_zen_compact_sidebar_type="1"]
+ )
+ #zen-main-app-wrapper[zen-compact-mode="true"]:has(
+ [zen-user-show=""],
+ #navigator-toolbox[zen-has-hover="true"],
+ [has-popup-menu=""]
+ )
+ #zen-appcontent-wrapper {
+ transform: translateX(calc(0px - var(--zen-sidebar-custom-width))) !important;
+}
+
+/* Shared Push Transition (used in both left and right) */
+#main-window:has([mod-sameerasw_zen_compact_sidebar_type="1"])
+ #zen-appcontent-wrapper {
+ --zen-compact-mode-func: linear(
+ 0 0%,
+ 0.002748 1%,
+ 0.010544 2%,
+ 0.022757 3%,
+ 0.038804 4%,
+ 0.058151 5%,
+ 0.080308 6%,
+ 0.104828 7%,
+ 0.131301 8%,
+ 0.159358 9%,
+ 0.188662 10%,
+ 0.21891 11%,
+ 0.249828 12%,
+ 0.281172 13%,
+ 0.312724 14%,
+ 0.344288 15%,
+ 0.375693 16%,
+ 0.40679 17%,
+ 0.437447 18%,
+ 0.467549 19%,
+ 0.497 20%,
+ 0.525718 21%,
+ 0.553633 22%,
+ 0.580688 23%,
+ 0.60684 24%,
+ 0.632052 25%,
+ 0.656298 26%,
+ 0.679562 27%,
+ 0.701831 28%,
+ 0.723104 29%,
+ 0.743381 30%,
+ 0.76267 31%,
+ 0.780983 32%,
+ 0.798335 33%,
+ 0.814744 34%,
+ 0.830233 35%,
+ 0.844826 36%,
+ 0.858549 37%,
+ 0.87143 38%,
+ 0.883498 39%,
+ 0.894782 40%,
+ 0.905314 41%,
+ 0.915125 42%,
+ 0.924247 43%,
+ 0.93271 44%,
+ 0.940547 45%,
+ 0.947787 46%,
+ 0.954463 47%,
+ 0.960603 48%,
+ 0.966239 49%,
+ 0.971397 50%,
+ 0.976106 51%,
+ 0.980394 52%,
+ 0.984286 53%,
+ 0.987808 54%,
+ 0.990984 55%,
+ 0.993837 56%,
+ 0.99639 57%,
+ 0.998664 58%,
+ 1.000679 59%,
+ 1.002456 60%,
+ 1.004011 61%,
+ 1.005363 62%,
+ 1.006528 63%,
+ 1.007522 64%,
+ 1.008359 65%,
+ 1.009054 66%,
+ 1.009618 67%,
+ 1.010065 68%,
+ 1.010405 69%,
+ 1.010649 70%,
+ 1.010808 71%,
+ 1.01089 72%,
+ 1.010904 73%,
+ 1.010857 74%,
+ 1.010757 75%,
+ 1.010611 76%,
+ 1.010425 77%,
+ 1.010205 78%,
+ 1.009955 79%,
+ 1.009681 80%,
+ 1.009387 81%,
+ 1.009077 82%,
+ 1.008754 83%,
+ 1.008422 84%,
+ 1.008083 85%,
+ 1.00774 86%,
+ 1.007396 87%,
+ 1.007052 88%,
+ 1.00671 89%,
+ 1.006372 90%,
+ 1.00604 91%,
+ 1.005713 92%,
+ 1.005394 93%,
+ 1.005083 94%,
+ 1.004782 95%,
+ 1.004489 96%,
+ 1.004207 97%,
+ 1.003935 98%,
+ 1.003674 99%,
+ 1.003423 100%
+ ) !important;
+ transition: transform 0.25s var(--zen-compact-mode-func) !important;
+}
+
+/* Push: transparent titlebar */
+#main-window:has([mod-sameerasw_zen_compact_sidebar_type="1"])
+ #titlebar::before {
+ background-color: transparent !important;
+ outline: none !important;
+ box-shadow: none !important;
+}
+
+/* Sidebar background transparency */
+#sidebar-box {
+ @media -moz-pref( "mod.sameerasw.zen_transparent_sidebar_enabled") {
+ background-color: transparent !important;
+ box-shadow: none !important;
+ }
+}
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 85c58389..92a04c0e 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,106 +1,174 @@
[
- {
- "property": "browser.tabs.allow_transparent_browser",
- "label": "\ud83d\udc40 Allow transparency (TURN OFF BEFORE UNINSTALL)",
- "type": "checkbox",
- "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": "\ud83c\udfa8 Set custom background color (Overrides theme)",
- "type": "string",
- "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_tab_switch_anim",
- "label": "\u2728 Tab switch animation",
- "type": "checkbox",
- "defaultValue": true
- },
- {
- "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": "url('https://github.com/sameerasw/my-internet/blob/main/wave-light.png?raw=true')",
- "placeholder": "url('example.com/1.png')"
- },
- {
- "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": false
- },
- {
- "property": "mod.sameerasw.zen_notab_img_invert",
- "label": "\ud83d\uddbc\ufe0f Invert above image in light theme (white \u2192 black)",
- "type": "checkbox",
- "defaultValue": false
- }
-] \ No newline at end of file
+ {
+ "property": "browser.tabs.allow_transparent_browser",
+ "label": "👀 Allow transparency (TURN OFF BEFORE UNINSTALL)",
+ "type": "checkbox",
+ "defaultValue": false
+ },
+ {
+ "property": "zen.widget.linux.transparency",
+ "label": "👀 Allow transparency on linux (TURN OFF BEFORE UNINSTALL)",
+ "type": "checkbox",
+ "defaultValue": false,
+ "disabledOn": ["windows", "macos"]
+ },
+ {
+ "property": "zen.view.grey-out-inactive-windows",
+ "label": "👀 Keep transparency when not in focus on linux",
+ "type": "checkbox",
+ "defaultValue": false,
+ "disabledOn": ["windows", "macos"]
+ },
+ {
+ "property": "mod.sameerasw.zen_transparent_sidebar_enabled",
+ "label": "👀 Transparent sidebar (bookmarks, history and sync)",
+ "type": "checkbox",
+ "defaultValue": true
+ },
+ {
+ "property": "mod.sameerasw.zen_bg_color_enabled",
+ "label": "🎨 Enable custom background color for Zen",
+ "type": "checkbox",
+ "defaultValue": false
+ },
+ {
+ "property": "mod.sameerasw.zen_transparency_color",
+ "label": "🎨 Set custom background color (Overrides theme)",
+ "type": "string",
+ "defaultValue": "#00000000",
+ "placeholder": "light-dark(#fff, #222) or RGBA or hex"
+ },
+ {
+ "property": "mod.sameerasw_zen_light_tint",
+ "label": "🌙 Light website tint",
+ "type": "dropdown",
+ "placeholder": "Select an option",
+ "defaultValue": "2",
+ "options": [
+ {
+ "label": "Flip",
+ "value": "1"
+ },
+ {
+ "label": "Remove",
+ "value": "2"
+ }
+ ]
+ },
+ {
+ "property": "mod.sameerasw.zen_no_shadow",
+ "label": "🌑 Remove the shadow around the web page",
+ "type": "checkbox",
+ "defaultValue": false
+ },
+ {
+ "property": "mod.sameerasw.zen_notab_img_enabled",
+ "label": "🖼️ Add no tab screen background image",
+ "type": "checkbox",
+ "defaultValue": false
+ },
+ {
+ "property": "mod.sameerasw.zen_notab_img",
+ "label": "🖼️ Image URL, format: url('example.com/1.png')",
+ "type": "string",
+ "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_notab_img_size",
+ "label": "🖼️ No tab screen image size with unit",
+ "type": "string",
+ "defaultValue": "150px",
+ "placeholder": "50px (px, em, % ...)"
+ },
+ {
+ "property": "mod.sameerasw.zen_notab_img_opacity",
+ "label": "🖼️ No tab screen image opacity (0-1)",
+ "type": "string",
+ "defaultValue": "1",
+ "placeholder": "0.75"
+ },
+ {
+ "property": "mod.sameerasw.zen_notab_img_saturate",
+ "label": "🖼️ Grayscale the no tab screen image",
+ "type": "checkbox",
+ "defaultValue": false
+ },
+ {
+ "property": "mod.sameerasw.zen_notab_img_invert",
+ "label": "🖼️ Invert above image in light theme (white → black)",
+ "type": "checkbox",
+ "defaultValue": false
+ },
+ {
+ "property": "mod.sameerasw_zen_compact_sidebar_type",
+ "label": "↔️ Compact transparent sidebar type",
+ "type": "dropdown",
+ "placeholder": "Select an option",
+ "defaultValue": "0",
+ "options": [
+ {
+ "label": "Default",
+ "value": "0"
+ },
+ {
+ "label": "Push",
+ "value": "1"
+ },
+ {
+ "label": "Mask",
+ "value": "2"
+ }
+ ]
+ },
+ {
+ "property": "mod.sameerasw.zen_compact_sidebar_width",
+ "label": "↔️ Custom compact sidebar width",
+ "type": "string",
+ "defaultValue": "165px",
+ "placeholder": "165px (use px)"
+ },
+ {
+ "property": "mod.sameerasw.zen_tab_switch_anim",
+ "label": "✨ Tab switch animation",
+ "type": "checkbox",
+ "defaultValue": true
+ },
+ {
+ "property": "mod.sameerasw.zen_urlbar_zoom_anim",
+ "label": "✨ URL bar zoom animation",
+ "type": "checkbox",
+ "defaultValue": false
+ },
+ {
+ "property": "mod.sameerasw.zen_trackpad_anim",
+ "label": "✨ Trackpad swipe animations",
+ "type": "checkbox",
+ "defaultValue": false
+ },
+ {
+ "property": "mod.sameerasw_zen_animations",
+ "label": "✨ Animation smoothness",
+ "type": "dropdown",
+ "placeholder": "Select an option",
+ "defaultValue": "1",
+ "options": [
+ {
+ "label": "Quick Snap",
+ "value": "0"
+ },
+ {
+ "label": "Smooth Flow",
+ "value": "1"
+ },
+ {
+ "label": "Diabolical",
+ "value": "2"
+ },
+ {
+ "label": "Springy",
+ "value": "3"
+ }
+ ]
+ }
+]
diff --git a/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/readme.md b/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/readme.md
index 76f2b523..035d81cf 100644
--- a/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/readme.md
+++ b/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/readme.md
@@ -1,5 +1,6 @@
Make the Zen Browser's background transparent allowing the system blur to come through.
-This will utilize the browser.tabs.allow_transparent_browser flag in about:config to enable transparency. You can use the ["Zen Internet"](https://addons.mozilla.org/en-US/firefox/addon/zen-internet/) firefox addon to get website transparency.
+This will utilize the browser.tabs.allow_transparent_browser flag in about:config to enable transparency.
+Follow the guide : sameerasw.com/zen
-Enjoy <3 \ No newline at end of file
+Enjoy <3
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 e846e903..36b18811 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,8 +1,61 @@
@-moz-document url-prefix("chrome:") {
- /* Zen Context Menu v2.0 by KiKaraage */
+ /* Zen Context Menu v3.0 by KiKaraage */
+
+ /* Fix ergonomics for tab context menu by applying some reorderings
+ * plus hiding disabled options and some separators
+ * Applied by default when enabling Zen Context Menu mod */
+ @media -moz-pref("uc.fixcontext.ergonomicsfortabs") {
+ #tabContextMenu {
+ #context_toggleMuteTab,
+ #context_toggleMuteSelectedTabs,
+ #context_zen-add-essential,
+ #context_zen-remove-essential,
+ #context_pinTab,
+ #context_pinSelectedTabs,
+ #context_unpinTab,
+ #context_unpinSelectedTabs,
+ #context_zenSplitTabs:not([disabled="true"]) {
+ order: -8 !important;
+ }
+ #context_duplicateTab,
+ #context_duplicateTabs,
+ #context_unloadTab {
+ order: -7 !important;
+ }
+ :nth-child(5) {
+ order: -6 !important;
+ }
+ #context_moveTabToGroup,
+ #context_reopenInContainer,
+ #context-zen-change-workspace-tab {
+ order: -5 !important;
+ }
+ :nth-child(32) {
+ order: -4 !important;
+ }
+ #context_zenSplitTabs,
+ #context_undoCloseTab {
+ order: -3 !important;
+ }
+ #context_closeTab,
+ #context_closeTabOptions,
+ #context_closeDuplicateTabs,
+ #context_zen-reset-pinned-tab,
+ #context_zen-replace-pinned-url-with-current {
+ order: 2;
+ }
+ #context_zenSplitTabs[label="Split Tab (multiple selected tabs needed)"],
+ #context_zenSplitTabs[disabled="true"],
+ #context_closeDuplicateTabs[disabled],
+ #context_zen-pinned-tab-separator,
+ :nth-child(28), :nth-child(43) {
+ display: none;
+ }
+ }
+ }
/* Hide all separators */
- @media (-moz-bool-pref: "uc.hidecontext.separators") {
+ @media -moz-pref("uc.hidecontext.separators") {
menuseparator::before {
border-top: none !important;
}
@@ -10,14 +63,14 @@
padding-block: 0px !important;
}
}
- /* Hide all icons (Won't work for extension & checkbox context menu options) */
- @media (-moz-bool-pref: "uc.hidecontext.optionicons") {
+ /* Hide all icons in context menu, except checkboxes and radio buttons, to fit current Zen styling */
+ @media -moz-pref("uc.hidecontext.icons") {
:not(:not(menubar) > menu, #ContentSelectDropdown)
> menupopup
> menuitem:not(
.menuitem-iconic,
- [type="checkbox"],
- [type="radio"],
+ [type='checkbox'],
+ [type='radio'],
.in-menulist,
.in-menulist menuitem,
.unified-nav-current
@@ -26,123 +79,87 @@
> menupopup
> menu:not(
.menu-iconic,
- [type="checkbox"],
- [type="radio"],
+ [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;
+ padding-inline: 6px !important;
+ }
+ menupopup > menuitem:is([type='checkbox']) .menu-iconic-left {
+ --menu-image: none !important;
+ margin-inline-start: 4px !important;
+ @media not (-moz-platform: windows) {
+ margin-inline-end: 0 !important;
+ padding-inline-end: 0 !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;
+ .textbox-contextmenu,
+ menupopup:has(menuitem[type="radio"], menuitem[type="checkbox"]),
+ menu:has(menuitem[type="radio"], menuitem[type="checkbox"]) {
+ .menu-icon {
+ display: none !important;
+ }
+ menuitem[type="radio"],
+ menuitem[type="checkbox"],
+ #context-navigation {
+ .menu-icon {
+ display: inherit !important;
+ }
+ }
+ }
+ menupopup[needsgutter] {
+ @media (-moz-platform: windows) {
+ & > menu:not([icon], .menu-iconic), & > menuitem:not([checked="true"], [icon], .menuitem-iconic) {
+ padding-inline-start: 12px !important;
+ }
+ }
}
}
- /* Apply Zen workspace colors to all context menu, panels, and confirmation pop-ups */
- @media (-moz-bool-pref: "uc.fixcontext.applyzencolors") {
+ /* Apply Zen workspace gradient to all context menu and panels
+ * Suitable if the OS, desktop environment or window manager supported blur background */
+ @media -moz-pref("uc.fixcontext.applyzengradient") {
menupopup, panel {
--panel-background: var(--zen-main-browser-background) !important;
}
- /* Fix text color on confirmation pop-ups when applying Zen colors on light mode */
+ /* Fix text color on Firefox confirmation pop-ups when applying Zen colors on light mode */
#confirmation-hint {
--arrowpanel-color: var(--sidebar-text-color) !important;
+ border: 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;
- }
+ /* Apply Zen workspace accent color to all context menu and panels*/
+ @media -moz-pref("uc.fixcontext.applyzenaccent") {
+ menupopup, panel {
+ --panel-background: color-mix(in srgb, var(--zen-primary-color) 40%, var(--zen-colors-tertiary)) !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;
+
+ /* Prioritize “Copy Clean Link" when available, otherwise, only show "Copy Link” */
+ @media -moz-pref("uc.hidecontext.copylink") {
+ #contentAreaContextMenu:has(#context-stripOnShareLink[disabled="false"]) {
+ #context-copylink {
+ display: none !important;
+ }
}
- }
- /* Hide "Menu Bar" toggle */
- @media (-moz-bool-pref: "uc.hidecontext.menubar") {
- #toggle_toolbar-menubar {
+ #context-stripOnShareLink[disabled="true"] {
display: none !important;
}
}
/* Hide "Bookmark Tab/Link” */
- @media (-moz-bool-pref: "uc.hidecontext.bookmark") {
+ @media -moz-pref("uc.hidecontext.bookmark") {
#toolbar-context-bookmarkSelectedTab,
#toolbar-context-bookmarkSelectedTabs,
+ #context_bookmarkSelectedTabs,
#context_bookmarkTab,
#context-bookmarklink {
display: none !important;
}
}
/* Hide "Mute Tab" option */
- @media (-moz-bool-pref: "uc.hidecontext.mutetab") {
+ @media -moz-pref("uc.hidecontext.mutetab") {
#context_toggleMuteTab,
#context_toggleMuteSelectedTabs,
#context_playTab,
@@ -151,34 +168,29 @@
}
}
/* Hide "New Tab" options */
- @media (-moz-bool-pref: "uc.hidecontext.newtab") {
+ @media -moz-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") {
+ @media -moz-pref("uc.hidecontext.movetaboptions") {
#context_moveTabOptions {
display: none !important;
}
}
/* Hide “Open Tab/Link in New Container Tab” */
- @media (-moz-bool-pref: "uc.hidecontext.newcontainer") {
+ @media -moz-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") {
+ @media -moz-pref("uc.hidecontext.sendtodevice") {
#context_sendTabToDevice,
#context-sendpagetodevice,
#context-sendlinktodevice,
@@ -186,41 +198,52 @@
display: none !important;
}
}
- /* Hide close tab options (Close Tabs, Close Duplicate Tabs, Close Multiple Tabs) */
- @media (-moz-bool-pref: "uc.hidecontext.closetab") {
+ /* Hide "Close Tabs" & "Close Duplicate Tabs"*/
+ @media -moz-pref("uc.hidecontext.closetab") {
#context_closeTab,
- #context_closeDuplicateTabs,
+ #context_closeDuplicateTabs {
+ display: none !important;
+ }
+ }
+ /* Hide "Close Multiple Tabs" */
+ @media -moz-pref("uc.hidecontext.closemultiple") {
#context_closeTabOptions {
display: none !important;
}
}
/* Hide “Search Keywords" with your preferred search engine */
- @media (-moz-bool-pref: "uc.hidecontext.search") {
+ @media -moz-pref("uc.hidecontext.search") {
#context-searchselect {
display: none !important;
}
}
/* Hide “Search Keywords in a Private Window” */
- @media (-moz-bool-pref: "uc.hidecontext.searchinpriv") {
+ @media -moz-pref("uc.hidecontext.searchinpriv") {
#context-searchselect-private {
display: none !important;
}
}
- /* Hide Firefox's "Translate Selection/Link" options */
- @media (-moz-bool-pref: "uc.hidecontext.translate") {
+ /* Hide "Translate Selection/Link" options */
+ @media -moz-pref("uc.hidecontext.translate") {
#context-translate-selection,
#frame-sep {
display: none !important;
}
}
+ /* Hide "Ask AI chatbot" options */
+ @media -moz-pref("uc.hidecontext.askchatbot") {
+ #context-ask-chat {
+ display: none !important;
+ }
+ }
/* Hide "Print Selection” */
- @media (-moz-bool-pref: "uc.hidecontext.printselection") {
+ @media -moz-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") {
+ @media -moz-pref("uc.hidecontext.image") {
#context-sendimage,
#context-sep-setbackground,
#context-setDesktopBackground,
@@ -229,8 +252,18 @@
display: none !important;
}
}
+ /* Hide "Copy Video Link", "Copy Audio Link", "Email Video" and "Email Audio" options */
+ @media -moz-pref("uc.hidecontext.audiovideo") {
+ #context-copyvideourl,
+ #context-copyaudiourl,
+ #context-sendvideo,
+ #context-sendaudio,
+ #context-sep-sharing {
+ display: none !important;
+ }
+ }
/* Hide "Check Spelling" and "Text/Page Direction" option while typing in text fields */
- @media (-moz-bool-pref: "uc.hidecontext.checkspelling") {
+ @media -moz-pref("uc.hidecontext.checkspelling") {
#spell-separator,
#spell-check-enabled,
#spell-add-dictionaries-main,
@@ -241,23 +274,38 @@
display: none !important;
}
}
+ /* Hide "Take Screenshot" option */
+ @media -moz-pref("uc.hidecontext.screenshot") {
+ #context-take-screenshot,
+ #context-sep-screenshots,
+ #frame-sep {
+ display: none !important;
+ }
+ }
+ /* Hide "This Frame" option */
+ @media -moz-pref("uc.hidecontext.frame") {
+ #frame-sep, #frame {
+ display: none !important;
+ }
+ }
/* Hide “Select All Text” option */
- @media (-moz-bool-pref: "uc.hidecontext.selectalltext") {
+ @media -moz-pref("uc.hidecontext.selectalltext") {
#context-selectall,
#context-sep-selectall {
display: none !important;
}
}
/* Hide “Select All Tabs" option */
- @media (-moz-bool-pref: "uc.hidecontext.selectalltabs") {
+ @media -moz-pref("uc.hidecontext.selectalltabs") {
#context_selectAllTabs,
#context_selectedAllTabs,
- #toolbar-context-selectAllTabs {
+ #toolbar-context-selectAllTabs,
+ #tabContextMenu > :nth-child(28) {
display: none !important;
}
}
/* Hide “Reload Tab” option */
- @media (-moz-bool-pref: "uc.hidecontext.reloadtab") {
+ @media -moz-pref("uc.hidecontext.reloadtab") {
#context_reloadTab,
#context_reloadSelectedTabs,
#toolbar-context-reloadSelectedTab,
@@ -266,20 +314,15 @@
}
}
/* Hide "Duplicate Tab" */
- @media (-moz-bool-pref: "uc.hidecontext.duplicatetab") {
+ @media -moz-pref("uc.hidecontext.duplicatetab") {
#context_duplicateTab,
- #context_duplicateTabs {
- display: none !important;
- }
- }
- /* Hide “Tab Unloader Actions” */
- @media (-moz-bool-pref: "uc.hidecontext.unloadactions") {
- #context_zenTabActions {
+ #context_duplicateTabs,
+ #tabContextMenu > :nth-child(21) {
display: none !important;
}
}
/* Hide “View Page Source”, "View Selection Source" and “Inspect” options */
- @media (-moz-bool-pref: "uc.hidecontext.inspect") {
+ @media -moz-pref("uc.hidecontext.inspect") {
#context-viewsource,
#context-inspect-a11y,
#context-inspect,
@@ -290,22 +333,14 @@
}
}
/* Hide “Save Page As and Save Link As” */
- @media (-moz-bool-pref: "uc.hidecontext.savelink") {
+ @media -moz-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") {
+ @media -moz-pref("uc.hidecontext.pin") {
#context_pinTab,
#context_unpinTab,
#context_pinSelectedTabs,
@@ -315,11 +350,446 @@
display: none !important;
}
}
- /* Hide "This Frame" option */
- @media (-moz-bool-pref: "uc.hidecontext.frame") {
- #frame-sep, #frame {
+ /* Hide top buttons (Back, Forward, Reload, Bookmark Page) on page context menu */
+ @media -moz-pref("uc.hidecontext.navigation") {
+ #context-navigation, #context-sep-navigation {
display: none !important;
}
}
+
+ /* Restore back context menu icons pre-1.12.9b */
+ /* I'm not guaranteeing there will be icons for future context menu options */
+ /* Help me contribute on this, hit me up on github.com/KiKaraage/ZenMods/issues */
+
+ /* PART 1: Setting inline padding and margin values */
+ :root {
+ @media -moz-pref("uc.fixcontext.restoreicons") {
+ --zen-contextmenu-menuitem-padding-inline: 5px !important;
+ --zen-contextmenu-menuicon-margin-inline: 3px !important;
+ --zen-contextmenu-menuitem-margin: 0px 2px !important;
+ }
+ }
+
+ @media -moz-pref("uc.fixcontext.restoreicons") {
+ /* PART 2: Adding start inline padding to options,
+ * For now this also affected items with existing paddings
+ * Like on toolbar context menu, or on extension options
+ * Help me fix this, hit me up on github.com/KiKaraage/ZenMods/issues */
+ .menu-text {
+ @media (-moz-platform: windows) {
+ padding-inline-start: 24px !important;
+ }
+ }
+
+ /* PART 3: Adding icons back to regular context menu options */
+ :not(:not(menubar) > menu, #ContentSelectDropdown)
+ > menupopup
+ > menuitem:not(
+ .menuitem-iconic,
+ [type='checkbox'],
+ [type='radio'],
+ .in-menulist,
+ .in-menulist menuitem,
+ .unified-nav-current
+ ) {
+ background-image: var(--menu-image) !important;
+ background-size: 16px !important;
+ background-position: var(--zen-contextmenu-menuitem-padding-inline) center !important;
+ background-repeat: no-repeat !important;
+ -moz-context-properties: fill, fill-opacity !important;
+ fill: currentColor !important;
+ }
+
+ /* PART 4: Adding icons back to context menu options that has arrow */
+ :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: var(--menu-image) !important;
+ background-size: 16px !important;
+ background-position: var(--zen-contextmenu-menuitem-padding-inline) center !important;
+ background-repeat: no-repeat !important;
+ -moz-context-properties: fill, fill-opacity !important;
+ fill: currentColor !important;
+ }
+
+ /* PART 5: Normalize left padding for options with checkboxes, like Compact Mode options
+ * Still not applied to options like 'Tabs on the right' sadly
+ * Help me fix this, hit me up on github.com/KiKaraage/ZenMods/issues */
+ @media (-moz-platform: windows) {
+ @media -moz-pref("uc.fixcontext.restoreicons") {
+ menupopup > menuitem[checked='true'] {
+ padding-inline-start: var(--zen-contextmenu-menuicon-margin-inline) !important;
+ > .menu-text {
+ padding: 0 !important;
+ }
+ }
+ menupopup > menuitem[checked='false'] {
+ padding-inline: calc(var(--zen-contextmenu-menuicon-margin-inline) + 0px) !important;
+ }
+ }
+ }
+ }
+
+ /* PART 6: Specifying icons to apply for options in Unified Extensions Menu */
+ @media not (-moz-platform: linux) {
+ @media -moz-pref("uc.fixcontext.restoreicons") {
+ .unified-extensions-context-menu-pin-to-toolbar {
+ --menu-image: url('chrome://browser/skin/zen-icons/pin.svg');
+ }
+ }
+ .unified-extensions-context-menu-move-widget-down {
+ --menu-image: url('chrome://browser/skin/zen-icons/arrow-down.svg');
+ }
+ .unified-extensions-context-menu-move-widget-up {
+ --menu-image: url('chrome://browser/skin/zen-icons/arrow-up.svg');
+ }
+ }
+
+ /* PART 7: Specifying icons to apply for other context menu options */
+ /* Use icons from Zen icon directory - chrome://browser/skin/zen-icons/ */
+ /* Use icons from Firefox icon directory - chrome://browser/skin/ */
+ @media -moz-pref("uc.fixcontext.restoreicons") {
+ #context_zenSplitTabs {
+ --menu-image: url('chrome://browser/skin/zen-icons/sidebars-right.svg') !important;
+ }
+ #context-zen-change-workspace-tab {
+ --menu-image: url('chrome://browser/skin/zen-icons/move-tab.svg') !important;
+ }
+ #context-zenSplitLink {
+ --menu-image: url('chrome://browser/skin/zen-icons/split.svg') !important;
+ }
+
+ #context_zenOpenWorkspace,
+ #context_zenOpenWorkspacePanel {
+ --menu-image: url('chrome://browser/skin/zen-icons/manage.svg') !important;
+ }
+ #context_zenEditWorkspaceIcon {
+ --menu-image: url('chrome://browser/skin/zen-icons/canvas.svg') !important;
+ }
+ .zenToolbarThemePicker,
+ #zenToolbarThemePicker {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit-theme.svg') !important;
+ }
+ #context-video-pictureinpicture:not([checked='true']) .menu-iconic-icon {
+ list-style-image: url('chrome://browser/skin/zen-icons/media-pip.svg') !important;
+ }
+ #context-media-loop:not([checked='true']) .menu-iconic-icon {
+ list-style-image: url('chrome://browser/skin/zen-icons/media-loop.svg') !important;
+ }
+
+ #context-savepage {
+ --menu-image: url('chrome://browser/skin/zen-icons/save.svg');
+ }
+ #context-selectall,
+ .textbox-contextmenu menuitem[cmd*='selectAll'],
+ #context_selectAllTabs,
+ #toolbar-context-selectAllTabs {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit-select-all.svg');
+ }
+ #context-undo,
+ .textbox-contextmenu menuitem[cmd*='undo'],
+ #context_undoCloseTab,
+ #toolbar-context-undoCloseTab {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit-undo.svg');
+ }
+ #toggle_toolbar-menubar {
+ --menu-image: url('chrome://browser/skin/zen-icons/menu-bar.svg');
+ }
+ #context-redo,
+ .textbox-contextmenu menuitem[cmd*='redo'] {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit-redo.svg');
+ }
+ #context-copy,
+ .textbox-contextmenu menuitem[cmd*='copy'],
+ .textbox-contextmenu #strip-on-share,
+ #placesContext_copy {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit-copy.svg');
+ }
+ #context-paste,
+ .textbox-contextmenu menuitem[cmd*='paste'],
+ #placesContext_paste_group {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit-paste.svg');
+ }
+ #context-cut,
+ .textbox-contextmenu menuitem[cmd*='cut'],
+ #placesContext_cut {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit-cut.svg');
+ }
+ #context-delete,
+ .customize-context-removeExtension,
+ .unified-extensions-context-menu-remove-extension,
+ .textbox-contextmenu menuitem[cmd*='delete'],
+ menuitem[id='placesContext_deleteBookmark'],
+ menuitem[id='placesContext_deleteFolder'],
+ menuitem[id='placesContext_delete'],
+ menuitem[id='placesContext_delete_history'],
+ menuitem[id='placesContext_deleteHost'],
+ #context_zenDeleteWebPanel,
+ #context_zenDeleteWorkspace {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit-delete.svg');
+ }
+ #paste-and-go {
+ --menu-image: url('chrome://browser/skin/zen-icons/paste-and-go.svg');
+ }
+ #context-print-selection {
+ --menu-image: url('chrome://browser/skin/zen-icons/print.svg');
+ }
+ #context-take-screenshot {
+ --menu-image: url('chrome://browser/skin/zen-icons/screenshot.svg');
+ }
+ #context-viewsource {
+ --menu-image: url('chrome://browser/skin/zen-icons/source-code.svg');
+ }
+ #context-inspect-a11y {
+ --menu-image: url('chrome://browser/skin/zen-icons/accessibility.svg');
+ }
+ #context-inspect {
+ --menu-image: url('chrome://browser/skin/zen-icons/inspect.svg');
+ }
+ #context-searchselect {
+ --menu-image: url('chrome://browser/skin/zen-icons/search-glass.svg');
+ }
+ #context-searchselect-private {
+ --menu-image: url('chrome://browser/skin/privateBrowsing.svg');
+ }
+ #context-viewimage {
+ --menu-image: url('chrome://browser/skin/zen-icons/image-open.svg');
+ }
+ #context-viewimageinfo {
+ --menu-image: url('chrome://browser/skin/zen-icons/info.svg');
+ }
+ #context-saveimage,
+ #context-video-saveimage {
+ --menu-image: url('chrome://browser/skin/zen-icons/image-save.svg');
+ }
+ #context-savevideo {
+ --menu-image: url('chrome://browser/skin/zen-icons/video-save.svg');
+ }
+ #context-viewvideo {
+ --menu-image: url('chrome://browser/skin/zen-icons/video-open.svg');
+ }
+ #context-saveaudio {
+ --menu-image: url('chrome://browser/skin/zen-icons/audio-save.svg');
+ }
+ #context-copyimage-contents {
+ --menu-image: url('chrome://browser/skin/zen-icons/image-copy.svg');
+ }
+ #context-copyimage,
+ #context-copyvideourl,
+ #context-copylink,
+ #context-stripOnShareLink,
+ #context_zenOpenNewTabWebPanel,
+ #context-pdfjs-copy {
+ --menu-image: url('chrome://browser/skin/zen-icons/link.svg');
+ }
+ #context-openlinkincurrent {
+ --menu-image: url('chrome://browser/skin/zen-icons/ext-link.svg');
+ }
+ #context-ask-chat {
+ --menu-image: url('chrome://browser/skin/trending.svg');
+ }
+ #context-translate-selection {
+ --menu-image: url('chrome://browser/skin/translations.svg');
+ }
+ #context-viewsource,
+ #context-viewframesource,
+ #context-viewpartialsource-selection {
+ --menu-image: url('chrome://browser/skin/zen-icons/source-code.svg');
+ }
+ #context-sendimage,
+ #context-sendvideo,
+ #context-sendaudio {
+ --menu-image: url('chrome://browser/skin/zen-icons/mail.svg');
+ }
+ #context-setDesktopBackground,
+ .viewCustomizeToolbar {
+ --menu-image: url('chrome://browser/skin/zen-icons/customize.svg');
+ }
+ #context-reloadimage,
+ #context_reloadTab,
+ #context_reloadSelectedTabs,
+ #toolbar-context-reloadSelectedTab,
+ #toolbar-context-reloadSelectedTabs,
+ #context_zen-reset-pinned-tab {
+ --menu-image: url('chrome://browser/skin/zen-icons/reload.svg');
+ }
+ #context-sendlinktodevice,
+ #context_sendTabToDevice,
+ #context-sendpagetodevice {
+ --menu-image: url('chrome://browser/skin/zen-icons/send-to-device.svg');
+ }
+ #context-openlinkintab,
+ #context-openlinkincontainertab,
+ #context_zenWorkspacesOpenInContainerTab,
+ #context_zenWebPanelContextInContainer,
+ menuitem[id='placesContext_open:newtab'],
+ menuitem[id='placesContext_openLinks:tabs'],
+ menuitem[id='placesContext_openBookmarkLinks:tabs'],
+ menuitem[id='placesContext_openBookmarkContainer:tabs'] {
+ --menu-image: url('chrome://browser/skin/zen-icons/tab.svg');
+ }
+ #context_openANewTab,
+ #toolbar-context-openANewTab {
+ --menu-image: url('chrome://browser/skin/zen-icons/new-tab-image.svg');
+ }
+ #context-openlinkinusercontext-menu,
+ menu[id='placesContext_open:newcontainertab'],
+ menu[id='placesContext_openContainer:tabs'] {
+ --menu-image: url('chrome://browser/skin/zen-icons/container-tab.svg');
+ }
+ #context-openlink,
+ menuitem[id='placesContext_open:newwindow'] {
+ --menu-image: url('chrome://browser/skin/zen-icons/window.svg');
+ }
+ #context-openlinkprivate,
+ menuitem[id='placesContext_open:newprivatewindow'] {
+ --menu-image: url('chrome://browser/skin/zen-icons/private-window.svg');
+ }
+ #context-savelink {
+ --menu-image: url('chrome://browser/skin/zen-icons/downloads.svg');
+ }
+ #spell-add-to-dictionary {
+ --menu-image: url('chrome://browser/skin/zen-icons/add-to-dictionary.svg');
+ }
+ #manage-saved-logins {
+ --menu-image: url('chrome://browser/skin/zen-icons/passwords.svg');
+ }
+ #context-media-play,
+ #context_playTab,
+ #context_playSelectedTabs {
+ --menu-image: url('chrome://browser/skin/zen-icons/media-play.svg');
+ }
+ #context-media-pause {
+ --menu-image: url('chrome://browser/skin/zen-icons/media-pause.svg');
+ }
+ #context-media-mute,
+ #context_toggleMuteTab,
+ #context_toggleMuteSelectedTabs,
+ #context_zenToggleMuteWebPanel {
+ --menu-image: url('chrome://browser/skin/zen-icons/media-mute.svg');
+ }
+ #context-media-unmute,
+ #context_toggleMuteTab[muted],
+ #context_toggleMuteSelectedTabs[muted],
+ #context_zenToggleMuteWebPanel[muted] {
+ --menu-image: url('chrome://browser/skin/zen-icons/media-unmute.svg');
+ }
+ #context-media-playbackrate {
+ --menu-image: url('chrome://browser/skin/zen-icons/media-speed.svg');
+ }
+ #context-video-fullscreen {
+ --menu-image: url('chrome://browser/skin/zen-icons/fullscreen.svg');
+ }
+ #context-leave-dom-fullscreen,
+ menuitem[contexttype='fullscreen'][label*='Exit'] {
+ --menu-image: url('chrome://browser/skin/zen-icons/fullscreen-exit.svg');
+ }
+ #context-media-hidecontrols,
+ #context-media-showcontrols {
+ --menu-image: url('chrome://browser/skin/zen-icons/permissions.svg');
+ }
+ #context_pinTab,
+ #context_unpinTab,
+ #context_pinSelectedTabs,
+ #context_unpinSelectedTabs,
+ .customize-context-moveToPanel,
+ #context_zen-replace-pinned-url-with-current {
+ --menu-image: url('chrome://browser/skin/zen-icons/pin.svg');
+ }
+ #context_zen-add-essential {
+ --menu-image: url('chrome://browser/skin/zen-icons/essential-add.svg');
+ }
+ #context_zen-remove-essential {
+ --menu-image: url('chrome://browser/skin/zen-icons/essential-remove.svg');
+ }
+ .customize-context-removeFromToolbar {
+ --menu-image: url('chrome://browser/skin/zen-icons/unpin.svg');
+ }
+ #zen-sidebar-web-panel-pinned[pinned='true'] {
+ list-style-image: url('chrome://browser/skin/zen-icons/pin.svg') !important;
+ }
+ #zen-sidebar-web-panel-pinned {
+ list-style-image: url('chrome://browser/skin/zen-icons/unpin.svg') !important;
+ }
+ #context_duplicateTab,
+ #context_duplicateTabs {
+ --menu-image: url('chrome://browser/skin/zen-icons/duplicate-tab.svg');
+ }
+ #zen-context-menu-compact-mode {
+ --menu-image: url('chrome://browser/skin/zen-icons/sidebar.svg');
+ }
+ #context_bookmarkTab,
+ #context_bookmarkSelectedTabs,
+ #toggle_PersonalToolbar,
+ #context-bookmarklink,
+ #toolbar-context-bookmarkSelectedTab,
+ #toolbar-context-bookmarkSelectedTabs {
+ --menu-image: url('chrome://browser/skin/zen-icons/bookmark-hollow.svg');
+ }
+ menuitem[id='placesContext_show_bookmark:info'],
+ menuitem[id='placesContext_show_folder:info'],
+ menuitem[id='placesContext_show:info'] {
+ --menu-image: url('chrome://browser/skin/zen-icons/edit.svg');
+ }
+ menuitem[id='placesContext_showAllBookmarks'],
+ #BMB_bookmarksShowAllTop,
+ #BMB_bookmarksShowAll,
+ .customize-context-manageExtension,
+ .unified-extensions-context-menu-manage-extension {
+ --menu-image: url('chrome://browser/skin/zen-icons/manage.svg');
+ }
+ #BMB_viewBookmarksSidebar {
+ --menu-image: url('chrome://browser/skin/sidebars.svg');
+ }
+ #BMB_searchBookmarks {
+ --menu-image: url('chrome://browser/skin/zen-icons/search-page.svg');
+ }
+ menuitem[id='placesContext_new:bookmark'],
+ menuitem[id='placesContext_new:folder'],
+ menuitem[id='placesContext_new:separator'],
+ #context_zenEditWorkspace {
+ --menu-image: url('chrome://browser/skin/zen-icons/plus.svg');
+ }
+ #context-savelinktopocket,
+ #context-pocket {
+ --menu-image: url('chrome://browser/skin/zen-icons/pocket-outline.svg');
+ }
+ #context_ungroupTab,
+ #context_moveTabOptions {
+ --menu-image: url('chrome://browser/skin/zen-icons/move-tab.svg');
+ }
+ .share-tab-url-item {
+ --menu-image: url('chrome://browser/skin/zen-icons/share.svg');
+ }
+ #context_moveTabToNewGroup,
+ #context_moveTabToGroup,
+ #context_reopenInContainer {
+ --menu-image: url('chrome://browser/skin/zen-icons/container-tab.svg');
+ }
+ #context_closeTab,
+ #context_closeDuplicateTabs {
+ --menu-image: url('chrome://browser/skin/zen-icons/close.svg');
+ }
+ #context_closeTabOptions {
+ --menu-image: url('chrome://browser/skin/zen-icons/close-all.svg');
+ }
+ #context_unloadTab,
+ #context_zenTabActions {
+ --menu-image: url('chrome://browser/skin/zen-icons/close-all.svg');
+ }
+ .customize-context-reportExtension,
+ .unified-extensions-context-menu-report-extension {
+ --menu-image: url('chrome://browser/skin/zen-icons/report.svg');
+ }
+ .wordmark::after {
+ content: 'Plus' !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 d4c67319..bf6d5b20 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,165 +1,193 @@
[
{
"property": "widget.macos.native-context-menus",
- "label": "Enable this mod on macOS (Let Zen override native macOS context menu)",
+ "label": "‼️ Uncheck to enable this mod in macOS, overriding native context menu. (Check this again ✅ before disabling/removing this mod)",
"type": "checkbox",
+ "defaultValue": "false",
"disabledOn": [
"windows",
"linux"
]
},
{
+ "property": "uc.fixcontext.ergonomicsfortabs",
+ "label": "🔁 Reorder options for tab context menu to improve ergonomics (enabled by default)",
+ "defaultValue": "true",
+ "type": "checkbox"
+ },
+ {
"property": "uc.hidecontext.separators",
- "label": "Hide all separators",
+ "label": "〰️ Hide all separators",
"type": "checkbox"
},
{
- "property": "uc.hidecontext.optionicons",
- "label": "Hide all icons (won't work for extension and checkbox context menu options)",
+ "property": "uc.fixcontext.restoreicons",
+ "label": "🔣 Restore back all icons (buggy, hit me up to suggest fixes on KiKaraage/ZenMods repo)",
"type": "checkbox"
},
{
- "property": "uc.fixcontext.applyzencolors",
- "label": "Apply Zen workspace colors to all context menu, panels, and confirmation pop-ups",
+ "property": "uc.hidecontext.icons",
+ "label": "🔣 Hide all icons in context menu, except checkboxes and radio buttons, to fit current Zen styling",
"type": "checkbox"
},
{
- "property": "uc.fixcontext.extensionmargins",
- "label": "[Toolbar] Fix margin for 'Tabs on the right' checkbox and extensions-related context menu",
- "type": "checkbox",
- "disabledOn": [
- "macos",
- "linux"
- ]
+ "property": "uc.fixcontext.applyzengradient",
+ "label": "🎨 Apply Zen workspace gradient (works best if your OS/DE/WM supports blur)",
+ "type": "checkbox"
},
{
- "property": "uc.hidecontext.copylink",
- "label": "[Link] Hide regular 'Copy Link' button (Only shown when hovering above 'Copy Clean Link')",
+ "property": "uc.fixcontext.applyzenaccent",
+ "label": "🎨 Apply Zen accent color (the main color on your workspace gradient)",
"type": "checkbox"
},
{
- "property": "uc.hidecontext.menubar",
- "label": "[Toolbar] Hide 'Menu Bar' toggle",
+ "property": "uc.hidecontext.copylink",
+ "label": "🔗 Prioritize 'Copy Clean Link' when possible (enabled by default)",
+ "defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.bookmark",
- "label": "[Tab] [Link] Hide 'Bookmark Tab/Link'",
+ "label": "📑 🔗 Hide 'Bookmark Tab/Tabs/Link' options (enabled by default)",
+ "defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.mutetab",
- "label": "[Tab] Hide 'Mute Tab' option",
+ "label": "📑 Hide 'Mute Tab' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.newtab",
- "label": "[Tab] Hide 'New Tab' option",
- "type": "checkbox"
- },
- {
- "property": "uc.hidecontext.addtowebpanel",
- "label": "[Link] Hide 'Add to Web Panel' option",
+ "label": "📑 Hide 'New Tab' & 'New Tab Below' (enabled by default)",
+ "defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.movetaboptions",
- "label": "[Tab] Hide 'Move Tab' options",
+ "label": "📑 Hide 'Move Tab' options (enabled by default)",
+ "defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.newcontainer",
- "label": "[Tab] [Link] Hide 'Open Tab/Link in New Container Tab'",
+ "label": "📑 🔗 Hide 'Open Tab/Link in New Container Tab' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.sendtodevice",
- "label": "[Tab] [Link] Hide 'Send Tab/Link to Device'",
+ "label": "📑 🌐 🔗 Hide 'Send Tab/Page/Link to Device' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.closetab",
- "label": "[Tab] Hide close tab options (Close Tab, Close Duplicate Tabs, Close Multiple Tabs)",
+ "label": "📑 Hide 'Close Tab' & 'Close Duplicate Tabs'",
+ "type": "checkbox"
+ },
+ {
+ "property": "uc.hidecontext.closemultiple",
+ "label": "📑 Hide 'Close Multiple Tabs' options (enabled by default)",
+ "defaultValue": "true",
+ "type": "checkbox"
+ },
+ {
+ "property": "uc.hidecontext.askchatbot",
+ "label": "📑 🌐 🔤 🔗 Hide 'Ask AI chatbot' options if you enabled the feature",
"type": "checkbox"
},
{
"property": "uc.hidecontext.search",
- "label": "[Link] Hide 'Search Keywords' on your preferred search engine",
+ "label": "🔤 🔗 Hide 'Search Web for Selected Text/Link' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.searchinpriv",
- "label": "[Text] [Link] Hide 'Search Keywords in a Private Window'",
+ "label": "🔤 🔗 Hide 'Search in a Private Window' (enabled by default)",
+ "defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.translate",
- "label": "[Text] [Link] Hide Firefox's 'Translate Selection/Link' options",
+ "label": "🔤 🔗 Hide 'Translate Selection/Link Text' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.printselection",
- "label": "[Text] Hide 'Print Selection'",
+ "label": "🔤 Hide 'Print Selection' (enabled by default)",
+ "defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.image",
- "label": "[Image] Hide 'Email Image', 'Set Image as Desktop Background', and 'View Image Info' options",
+ "label": "🖼️ Hide 'Email Image', 'Set Image as Desktop Background', & 'View Image Info' options",
+ "type": "checkbox"
+ },
+ {
+ "property": "uc.hidecontext.audiovideo",
+ "label": "🎵 📺 Hide 'Copy Video Link', 'Copy Audio Link', 'Email Video' and 'Email Audio' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.checkspelling",
- "label": "[Text] Hide 'Check Spelling' and 'Change Text/Page Direction' options while typing in text fields",
+ "label": "⌨️ Hide 'Check Spelling' and 'Change Text/Page Direction' options while typing in text fields",
"type": "checkbox"
},
{
"property": "uc.hidecontext.selectalltext",
- "label": "[Page] [Text] Hide 'Select All Text' option",
+ "label": "🌐 🔤 Hide 'Select All Text' option (enabled by default)",
+ "defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.selectalltabs",
- "label": "[Tab] Hide 'Select All Tabs' option",
+ "label": "📑 Hide 'Select All Tabs' (enabled by default)",
+ "defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.reloadtab",
- "label": "[Tab] Hide 'Reload Tab' option",
+ "label": "📑 Hide 'Reload Tab' (enabled by default)",
+ "defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.duplicatetab",
- "label": "[Tab] Hide 'Duplicate Tab' option",
+ "label": "📑 Hide 'Duplicate Tab'",
"type": "checkbox"
},
{
"property": "uc.hidecontext.unloadactions",
- "label": "[Tab] Hide 'Tab Unloader Actions'",
+ "label": "📑 Hide 'Unload Tabs'",
"type": "checkbox"
},
{
"property": "uc.hidecontext.inspect",
- "label": "[Text] [Page] Hide 'View Page Source' and 'Inspect' options",
+ "label": "🌐 🔤 Hide 'View Page Source' & 'Inspect' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.savelink",
- "label": "[Page] [Link] Hide 'Save Page As' and 'Save Link As' option",
+ "label": "🌐 🔗 Hide 'Save Page/Link As' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.screenshot",
- "label": "[Page] Hide 'Take Screenshot' option",
+ "label": "🌐 Hide 'Take Screenshot'",
+ "type": "checkbox"
+ },
+ {
+ "property": "uc.hidecontext.frame",
+ "label": "🖼️ 📺 Hide 'This Frame' option",
"type": "checkbox"
},
{
"property": "uc.hidecontext.pin",
- "label": "[Page] Hide 'Pin Tab' and 'Add to Essentials' option",
+ "label": "📑 Hide 'Pin Tab' & 'Add to Essentials' options",
"type": "checkbox"
},
{
- "property": "uc.hidecontext.frame",
- "label": "[Image] Hide 'This Frame' options",
+ "property": "uc.hidecontext.navigation",
+ "label": "🌐 Hide 'Back', 'Forward', 'Reload' & 'Bookmark Page' options",
"type": "checkbox"
}
-] \ No newline at end of file
+]
generated by cgit v1.2.3 (git 2.25.1) at 2026-11-01 13:55:28 +0000