diff options
| author | littleblack111 <littleblack11111@gmail.com> | 2025-11-23 16:38:25 +0800 |
|---|---|---|
| committer | littleblack111 <littleblack11111@gmail.com> | 2025-11-23 16:38:25 +0800 |
| commit | 6a74825a6cac020d71f5142f0e88d74a887b3089 (patch) | |
| tree | 9fbb7e15564122286b7253807989c4bcabc7111f | |
| parent | 0723aaeb434373f1fb9b4af089b80868c8591d82 (diff) | |
bump: zen
| -rw-r--r-- | dot-config/btop/btop.conf | 4 | ||||
| m--------- | dot-zen/main/chrome/Zen-Nebula | 0 | ||||
| -rw-r--r-- | dot-zen/main/chrome/zen-themes.css | 253 | ||||
| -rw-r--r-- | dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css | 124 | ||||
| -rw-r--r-- | dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json | 78 |
5 files changed, 250 insertions, 209 deletions
diff --git a/dot-config/btop/btop.conf b/dot-config/btop/btop.conf index 44aae1fe..993f4b5b 100644 --- a/dot-config/btop/btop.conf +++ b/dot-config/btop/btop.conf @@ -57,7 +57,7 @@ update_ms = 1500 #* Processes sorting, "pid" "program" "arguments" "threads" "user" "memory" "cpu lazy" "cpu direct", #* "cpu lazy" sorts top process over time (easier to follow), "cpu direct" updates top process directly. -proc_sorting = "memory" +proc_sorting = "cpu direct" #* Reverse sorting order, True or False. proc_reversed = False @@ -205,7 +205,7 @@ net_download = 100 net_upload = 100 #* Use network graphs auto rescaling mode, ignores any values set above and rescales down to 10 Kibibytes at the lowest. -net_auto = False +net_auto = True #* Sync the auto scaling for download and upload to whichever currently has the highest scale. net_sync = True diff --git a/dot-zen/main/chrome/Zen-Nebula b/dot-zen/main/chrome/Zen-Nebula -Subproject 5c7897357f8d252bb99418043665def8b0ab228 +Subproject 35d2ffa96126410dbe58e9d6ab05b4198c505eb diff --git a/dot-zen/main/chrome/zen-themes.css b/dot-zen/main/chrome/zen-themes.css index 53dc65d6..4b99af43 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: Saturday, October 11, 2025 at 3:43:52 PM Hong Kong Standard Time +* FILE GENERATED AT: Saturday, November 22, 2025 at 12:15:53 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. @@ -857,133 +857,6 @@ /* Description: Hide Back and Forward button when you don't need them */ /* Author: @KiKaraage */ @-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 */ -/* 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 */ @@ -1132,31 +1005,44 @@ tabpanels .browserStack browser { } /* 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; +:root:has( + [mod-sameerasw_zen_empty_tab_logo="1"], + [mod-sameerasw_zen_empty_tab_logo="2"], + [mod-sameerasw_zen_empty_tab_logo="3"] + ) { + #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack { + 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-size: var(--mod-sameerasw-zen_notab_img_size, 150px) !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; + } +} - opacity: var(--mod-sameerasw-zen_notab_img_opacity, 1) !important; +:root:has( + [mod-sameerasw_zen_empty_tab_logo="2"] + ) { + #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack { + filter: saturate(0) !important; + } +} - @media -moz-pref( "mod.sameerasw.zen_notab_img_saturate") { - filter: saturate(0) !important; +:root:has( + [mod-sameerasw_zen_empty_tab_logo="3"] + ) { + #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack { + 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( @@ -1174,6 +1060,10 @@ tabpanels .browserStack browser { --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; + + #titlebar{ + width: var(--zen-sidebar-width) !important; + } } #zen-toolbar-background, #zen-toolbar-background::after, .zen-toolbar-background, .zen-toolbar-background::after{ @@ -1380,30 +1270,77 @@ tabpanels .browserStack browser { } } +/* Custom background */ +@media -moz-pref("mod.sameerasw.zen_bg_img_enabled") { + @media -moz-pref("mod.sameerasw.zen_bg_img_not_fullscreen") { + #main-window::before { + content: ""; + position: fixed; + inset: 0; + z-index: -1; + background: var(--mod-sameerasw-zen_bg_img) no-repeat center center fixed !important; + background-size: cover !important; + opacity: var(--mod-sameerasw-zen_bg_opacity, 1) !important; + filter: blur(var(--mod-sameerasw-zen_bg_blur, 0)) !important; + } + } + @media (display-mode: fullscreen) { + #main-window::before { + content: ""; + position: fixed; + inset: 0; + z-index: -1; + background: var(--mod-sameerasw-zen_bg_img) no-repeat center center fixed !important; + background-size: cover !important; + opacity: var(--mod-sameerasw-zen_bg_opacity, 1) !important; + filter: blur(var(--mod-sameerasw-zen_bg_blur, 0)) !important; + } + } +} + /* Transparent glance */ .zen-glance-background > vbox { @media -moz-pref( "mod.sameerasw.zen_transparent_glance_enabled") { mask-image: linear-gradient( - to right, - black 0%, - black 4%, - transparent 7%, - transparent 93.5%, - black 96%, - black 100% - ); - mask-repeat: no-repeat; - mask-size: 100% 100%; + to right, + black 0%, + black 3.7%, + transparent 6.7%, + transparent 93.3%, + black 96.3%, + black 100% + ); + mask-repeat: no-repeat; + mask-size: 100% 100%; + + transition: all var(--zen-hidden-toolbar-transition), mask-image 0.3s ease-in-out 1s !important; } } .zen-glance-overlay > vbox { @media -moz-pref( "mod.sameerasw.zen_transparent_glance_enabled") { background-color: light-dark(#fff7, #0007) !important; - margin-top: 0.5% !important; - margin-bottom: 0.5% !important; - height: 99% !important; - border-radius: 1.5em !important; + border-radius: 1.5em !important; + border: 1px solid light-dark(#ffff, #fff3); + box-shadow: 4px 2px 60px light-dark(#0005, #0001), inset 0 2px 4px light-dark(#ffff, #fff3); + } +} + +.zen-glance-sidebar-container{ + @media -moz-pref( "mod.sameerasw.zen_transparent_glance_enabled") { + background-color: light-dark(#fff7, #0007) !important; + border-radius: 10em !important; + margin: 0.5em; + padding: 0 !important; + border: 1px solid light-dark(#ffff, #fff5); + box-shadow: 4px 2px 60px light-dark(#0005, #0001), inset 0 2px 4px light-dark(#ffff, #fff3); + gap: 6px !important; + height: fit-content !important; + backdrop-filter: blur(10px) !important; + + toolbarbutton{ + margin: 0.5em !important; + } } } 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 1c2c08fd..c23c66c3 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 @@ -139,31 +139,44 @@ tabpanels .browserStack browser { } /* 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; +:root:has( + [mod-sameerasw_zen_empty_tab_logo="1"], + [mod-sameerasw_zen_empty_tab_logo="2"], + [mod-sameerasw_zen_empty_tab_logo="3"] + ) { + #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack { + 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-size: var(--mod-sameerasw-zen_notab_img_size, 150px) !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; + } +} - opacity: var(--mod-sameerasw-zen_notab_img_opacity, 1) !important; +:root:has( + [mod-sameerasw_zen_empty_tab_logo="2"] + ) { + #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack { + filter: saturate(0) !important; + } +} - @media -moz-pref( "mod.sameerasw.zen_notab_img_saturate") { - filter: saturate(0) !important; +:root:has( + [mod-sameerasw_zen_empty_tab_logo="3"] + ) { + #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack { + 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( @@ -181,6 +194,10 @@ tabpanels .browserStack browser { --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; + + #titlebar{ + width: var(--zen-sidebar-width) !important; + } } #zen-toolbar-background, #zen-toolbar-background::after, .zen-toolbar-background, .zen-toolbar-background::after{ @@ -387,29 +404,76 @@ tabpanels .browserStack browser { } } +/* Custom background */ +@media -moz-pref("mod.sameerasw.zen_bg_img_enabled") { + @media -moz-pref("mod.sameerasw.zen_bg_img_not_fullscreen") { + #main-window::before { + content: ""; + position: fixed; + inset: 0; + z-index: -1; + background: var(--mod-sameerasw-zen_bg_img) no-repeat center center fixed !important; + background-size: cover !important; + opacity: var(--mod-sameerasw-zen_bg_opacity, 1) !important; + filter: blur(var(--mod-sameerasw-zen_bg_blur, 0)) !important; + } + } + @media (display-mode: fullscreen) { + #main-window::before { + content: ""; + position: fixed; + inset: 0; + z-index: -1; + background: var(--mod-sameerasw-zen_bg_img) no-repeat center center fixed !important; + background-size: cover !important; + opacity: var(--mod-sameerasw-zen_bg_opacity, 1) !important; + filter: blur(var(--mod-sameerasw-zen_bg_blur, 0)) !important; + } + } +} + /* Transparent glance */ .zen-glance-background > vbox { @media -moz-pref( "mod.sameerasw.zen_transparent_glance_enabled") { mask-image: linear-gradient( - to right, - black 0%, - black 4%, - transparent 7%, - transparent 93.5%, - black 96%, - black 100% - ); - mask-repeat: no-repeat; - mask-size: 100% 100%; + to right, + black 0%, + black 3.7%, + transparent 6.7%, + transparent 93.3%, + black 96.3%, + black 100% + ); + mask-repeat: no-repeat; + mask-size: 100% 100%; + + transition: all var(--zen-hidden-toolbar-transition), mask-image 0.3s ease-in-out 1s !important; } } .zen-glance-overlay > vbox { @media -moz-pref( "mod.sameerasw.zen_transparent_glance_enabled") { background-color: light-dark(#fff7, #0007) !important; - margin-top: 0.5% !important; - margin-bottom: 0.5% !important; - height: 99% !important; - border-radius: 1.5em !important; + border-radius: 1.5em !important; + border: 1px solid light-dark(#ffff, #fff3); + box-shadow: 4px 2px 60px light-dark(#0005, #0001), inset 0 2px 4px light-dark(#ffff, #fff3); + } +} + +.zen-glance-sidebar-container{ + @media -moz-pref( "mod.sameerasw.zen_transparent_glance_enabled") { + background-color: light-dark(#fff7, #0007) !important; + border-radius: 10em !important; + margin: 0.5em; + padding: 0 !important; + border: 1px solid light-dark(#ffff, #fff5); + box-shadow: 4px 2px 60px light-dark(#0005, #0001), inset 0 2px 4px light-dark(#ffff, #fff3); + gap: 6px !important; + height: fit-content !important; + backdrop-filter: blur(10px) !important; + + toolbarbutton{ + margin: 0.5em !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 93f4b25c..6df8cbc3 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 @@ -74,45 +74,85 @@ "defaultValue": false }, { - "property": "mod.sameerasw.zen_notab_img_enabled", - "label": "\ud83d\uddbc\ufe0f Add no tab screen background image", + "property": "mod.sameerasw.zen_bg_img_enabled", + "label": "\ud83c\udf20 Enable custom background image in full screen", "type": "checkbox", "defaultValue": false }, { + "property": "mod.sameerasw.zen_bg_img_not_fullscreen", + "label": "\ud83c\udf20 Always show custom background image", + "type": "checkbox", + "defaultValue": false + }, + { + "property": "mod.sameerasw.zen_bg_img", + "label": "\ud83c\udf20 Custom bg image", + "type": "string", + "defaultValue": "url('https://github.com/sameerasw/my-internet/blob/main/wallpapers/zen-coral-01.jpeg?raw=true')", + "placeholder": "url('https://example.com/1.png')" + }, + { + "property": "mod.sameerasw.zen_bg_opacity", + "label": "\ud83c\udf20 Custom bg image opacity (0\u20131)", + "type": "string", + "defaultValue": "0.8", + "placeholder": "0.75" + }, + { + "property": "mod.sameerasw.zen_bg_blur", + "label": "\ud83c\udf20 Custom bg image blur (px)", + "type": "string", + "defaultValue": "3px", + "placeholder": "3px" + }, + { + "property": "mod.sameerasw_zen_empty_tab_logo", + "label": "\ud83d\uddbc\ufe0f Enable empty tab logo", + "type": "dropdown", + "placeholder": "Select an option", + "defaultValue": "0", + "options": [ + { + "label": "Disabled", + "value": "0" + }, + { + "label": "Enabled", + "value": "1" + }, + { + "label": "Enabled - grayscale", + "value": "2" + }, + { + "label": "Enabled - grayscale, inverted", + "value": "3" + } + ] + }, + { "property": "mod.sameerasw.zen_notab_img", - "label": "\ud83d\uddbc\ufe0f Image URL, format: url('example.com/1.png')", + "label": "\ud83d\uddbc\ufe0f Empty tab logo URL", "type": "string", "defaultValue": "url('https://github.com/sameerasw/my-internet/blob/main/wave-light.png?raw=true')", - "placeholder": "url('example.com/1.png')" + "placeholder": "url('https://example.com/1.png')" }, { "property": "mod.sameerasw.zen_notab_img_size", - "label": "\ud83d\uddbc\ufe0f No tab screen image size with unit", + "label": "\ud83d\uddbc\ufe0f Empty tab logo size", "type": "string", "defaultValue": "150px", - "placeholder": "50px (px, em, % ...)" + "placeholder": "50px" }, { "property": "mod.sameerasw.zen_notab_img_opacity", - "label": "\ud83d\uddbc\ufe0f No tab screen image opacity (0-1)", + "label": "\ud83d\uddbc\ufe0f Empty tab logo 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 - }, - { "property": "mod.sameerasw_zen_compact_sidebar_type", "label": "\u2194\ufe0f Compact transparent sidebar type", "type": "dropdown", |
