From ae6473195b38f07f66b5dbc158807c51e5feed12 Mon Sep 17 00:00:00 2001 From: Macleod Sawyer Date: Wed, 15 May 2024 20:06:44 -0500 Subject: [PATCH] Removed some old extensions, removed the themes, simplified (and rebuilt) the sidebar core extension, fixed overhand bug, fixed a handful of defaults, sidebar header color is now default to theme, fixed sidebery defaults for new version. --- changelog.md | 5 -- custom.css | 54 +------------ extensions/sidebar.css | 173 +++++++++++++++++++---------------------- prefs.css | 2 +- readme.md | 20 +++-- sidebery-data.json | 2 +- themes/gtk_adwaita.css | 25 ------ themes/gtk_breeze.css | 30 ------- userChrome.css | 18 ----- 9 files changed, 91 insertions(+), 238 deletions(-) delete mode 100644 changelog.md delete mode 100644 themes/gtk_adwaita.css delete mode 100644 themes/gtk_breeze.css diff --git a/changelog.md b/changelog.md deleted file mode 100644 index f8c4dfd..0000000 --- a/changelog.md +++ /dev/null @@ -1,5 +0,0 @@ -# unreleased -Heavy rework, formatting, more extensions, first theme. - -# 12022.02.23 -Implemented an extension system, and seperated different components into their own files. diff --git a/custom.css b/custom.css index 6cc2c3e..28c6624 100644 --- a/custom.css +++ b/custom.css @@ -4,58 +4,6 @@ appearance: none !important; } -#sidebar-header { - padding: 5px 8px !important; - padding-top: 11px !important; -} - #nav-bar { padding-top: 2px !important; -} - -/* #main-window { - background-color: rgba(0,0,0,0.45) !important; - background: linear-gradient(8deg, rgba(0,0,0,0.4) 96%, #000) !important; /* gradient to hide the required windows control buttons in bg - -moz-appearance: -moz-win-glass !important; -} */ -/* #navigator-toolbox { - background: transparent !important; -} -#TabsToolbar { - background-image: none !important; /* Windows 7 */ -} -/* -/* referenced from what FF does when using some persona themes */ -/* :root { - --toolbar-bgcolor: rgba(255,255,255,.4) !important; - --toolbar-field-background-color: rgba(255,255,255,.8) !important; - --urlbar-box-bgcolor: var(--button-bgcolor) !important; - --button-hover-bgcolor: color-mix(in srgb, currentColor 17%, transparent) !important; - --button-active-bgcolor: color-mix(in srgb, currentColor 30%, transparent) !important; -} -#urlbar-background, #searchbar { - background-color: rgba(255,255,255,0.4) !important; -} -#urlbar[open="true"] > #urlbar-background { - background-color: rgb(255,255,255) !important; -} -@media (prefers-color-scheme: dark) { - :root { - --toolbar-bgcolor: rgba(0,0,0,.2) !important; - --toolbar-field-background-color: rgba(0,0,0,.8) !important; - } - #urlbar-background, #searchbar { - background-color: rgba(0,0,0,0.2) !important; - } - #urlbar[open="true"] > #urlbar-background { - background-color: rgb(0,0,0) !important; - } -} -#nav-bar { - box-shadow: 0 calc(-1 * var(--tabs-navbar-shadow-size)) 0 var(--lwt-tabs-border-color, rgba(0,0,0,.3)) !important; - color: var(--toolbar-color) !important; -} -.tab-background[selected="true"] { - background-color: transparent !important; - background-image: linear-gradient(transparent, transparent), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important; -} */ +} \ No newline at end of file diff --git a/extensions/sidebar.css b/extensions/sidebar.css index 609a621..0494f71 100644 --- a/extensions/sidebar.css +++ b/extensions/sidebar.css @@ -2,135 +2,120 @@ Extension (Core): Sidebar Description: This is the core implementation of the sidebar used in drannex42's FirefoxSidebar. Repository URL: https://github.com/drannex42/FirefoxSidebar - Version: v12022.11.22 (YYYYY.MM.DD) + Version: v12024.05.15 (YYYYY.MM.DD) */ #main-window #TabsToolbar { visibility: collapse; } +/* As of v12024.05.15 we updated to using this one by MrOtherGuy, with modifications */ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_sidebar.css made available under Mozilla Public License v. 2.0 */ +/* Show sidebar only when the cursor is over it */ +/* The border controlling sidebar width will be removed so you'll need to modify these values to change width */ -#sidebar-box > #browser, -#webextpanels-window { - background: transparent !important; - +#sidebar-box{ + --uc-sidebar-width: 50px; + --uc-sidebar-hover-width: 260px; + --uc-autohide-sidebar-delay: 10ms; /* Wait 0.6s before hiding sidebar */ + --uc-autohide-transition-duration: 115ms; + --uc-autohide-transition-type: linear; + position: relative; + min-width: var(--uc-sidebar-width) !important; + width: var(--uc-sidebar-width) !important; + max-width: var(--uc-sidebar-width) !important; + z-index:1; + margin-top: -73px; } -#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] - #sidebar-header { - /*! display: none; */ -} -/*Collapse in default state and add transition*/ -#sidebar-box { - /*! overflow: visible !important; */ - border-right: none !important; /* border-right: 1px solid var(--sidebar-border-color) !important; */ - z-index: 2; - border-right: none !important; - width: 100% !important; - background: var(--custom-sidebar-bg, --sidebar-background); - - /* lock sidebar to height by doing the inverse margin of the toolbar element */ - z-index: 1000 !important; - position: relative !important; - margin-top: var(--menubar-height) !important; - border-right: none; - transition: none !important; - - /* lock sidebar to specified width */ - min-width: var(--sidebar-width) !important; - max-width: var(--sidebar-width) !important; - overflow: hidden !important; - transition-property: width; - transition-duration: 0.25s; - transition-delay: 0.25s; - transition-timing-function: ease-in; -} +#sidebar-box[positionend]{ direction: rtl } +#sidebar-box[positionend] > *{ direction: ltr } -#sidebar-box::after { - background: var(--sidebar-border-color) !important; - margin-left: 207px; - z-index: 9999999; - position: absolute; - content: " "; - width: 1px; - height: 100%; - top: 0; - right: 0px; -} +#sidebar-box[positionend]:-moz-locale-dir(rtl){ direction: ltr } +#sidebar-box[positionend]:-moz-locale-dir(rtl) > *{ direction: rtl } -#sidebar-box:hover:after { - top: 42px; -} +#main-window[sizemode="fullscreen"] #sidebar-box{ --uc-sidebar-width: 1px; } -/*All other sidebar-boxes should be larger on hover*/ -#sidebar-box:hover, #sidebar-box #sidebar:hover { - min-width: 350px !important; - max-width: 350px !important; - z-index: 999; - margin-right: -300px !important; +#sidebar-splitter{ display: none } + +#sidebar-header{ + overflow: hidden; + color: var(--chrome-color, inherit) !important; + padding-inline: 0 !important; + background: var(--custom-sidebar-header-bg, inherit) !important; + padding: 8px 12px !important; + padding-top: 9px !important; + border-bottom: none !Important; } -/*Tree Style Tabs && Sideberry specific sidebar width and size*/ +#sidebar-header::before, +#sidebar-header::after{ + content: ""; + display: flex; + padding-left: 0px; +} -#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover, -#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover, -#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] #sidebar:hover { - min-width: 260px !important; - max-width: 260px !important; - margin-right: -210px !important; +#sidebar-header, +#sidebar{ + transition: min-width var(--uc-autohide-transition-duration) var(--uc-autohide-transition-type) var(--uc-autohide-sidebar-delay) !important; + min-width: var(--uc-sidebar-width) !important; + will-change: min-width; } -#sidebar-header { - border: none !important; - border-right: 1px solid var(--sidebar-border-color); - background: var(--custom-sidebar-header-bg, transparent) !important; +#sidebar-box:hover > #sidebar-header, +#sidebar-box:hover > #sidebar{ + min-width: var(--uc-sidebar-hover-width) !important; + width: var(--uc-sidebar-hover-width) !important; + transition-delay: 0ms !important; } -#sidebar-close, -#sidebar-title, -#sidebar-switcher-arrow { - display: none; - border: none; +#sidebar-box > #sidebar-header #sidebar-title { + opacity: 0; } -#sidebar-switcher-target { - border: none !important; - margin-left: 4.5px !important; - padding-top: 4px !important; - padding-bottom: 6px !important; +#sidebar-box:hover > #sidebar-header #sidebar-title { + opacity: 1; } -#sidebar-switcher-target:focus-visible:not(:hover, [open]), -#sidebar-close:focus-visible:not(:hover, [open]) { - outline: none !important; +.sidebar-panel{ + background-color: transparent !important; + color: var(--newtab-text-primary-color) !important; } +.sidebar-panel #search-box{ + -moz-appearance: none !important; + background-color: rgba(249,249,250,0.1) !important; + color: inherit !important; +} +/* Add sidebar divider and give it background */ -.sidebar-splitter { - opacity: 0 !important; - width: 0px !important; - border: none !important; - --avatar-image-url: none !important; +#sidebar, +#sidebar-header{ + background-color: inherit !important; + border-right: 1px solid var(--sidebar-border-color); + border-inline-width: 0px 1px; } -#sidebarMenu-popup .subviewbutton { - min-width: 0px; - padding: 0; - margin: 0 !important; +#sidebar-box:not([positionend]) > :-moz-locale-dir(rtl), +#sidebar-box[positionend] > *{ + border-inline-width: 1px 0px; } -toolbarseparator { - display: none; -} -#nav-bar-customization-target { - z-index: 99999; - position: relative; +/* Move statuspanel to the other side when sidebar is hovered so it doesn't get covered by sidebar */ + +#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel{ + inset-inline: auto 0px !important; +} +#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel-label{ + margin-inline: 0px !important; + border-left-style: solid !important; } + .browser-toolbar { padding-left: var(--sidebar-width) !important; position: relative !important; @@ -141,4 +126,4 @@ toolbarseparator { padding-top: 0px !important; margin-top: 0px !important; padding-left: calc(var(--sidebar-width) + 6px) !important; -} +} \ No newline at end of file diff --git a/prefs.css b/prefs.css index 4298b2b..17cf9cf 100644 --- a/prefs.css +++ b/prefs.css @@ -15,7 +15,7 @@ This sets the background for the other sidebar options (bookmarks, history, in case it is transparent from a theme that is not set up properly */ /* --custom-sidebar-bg: Field; /* Default: Field (Disabled) */ - --custom-sidebar-header-bg: #000; /* Default: Field (Disabled) */ + /* --custom-sidebar-header-bg: #000; */ /* ====== Extension Settings ====== */ diff --git a/readme.md b/readme.md index 8cca401..988ae60 100644 --- a/readme.md +++ b/readme.md @@ -18,10 +18,6 @@ https://user-images.githubusercontent.com/4322153/205100497-f56637c4-1d46-4c15-b - Pinned tabs (right click to close) - Built in CSS Extension Management -## Updates - -Release notes have migrated to [here](https://github.com/drannex42/FirefoxSidebar/releases). You can find prior release notes before v12021.12.22 [here](https://github.com/drannex42/FirefoxSidebar/releases/tag/v12021.12.22). - # How to use To use FirefoxSidebar you will need to clone this repo into your firefox profile as the `chrome` folder and then follow the Sideberry section below. Both are outlined below in how to do so. @@ -42,9 +38,9 @@ You could skip the clone step entirely if you manually add the FirefoxSidebar fi Visit [userchrome.org](https://www.userchrome.org/how-create-userchrome-css.html) if you are confused or have any questions. -## 2. Sideberry +## 2. Sidebery (Sideberry) -Load the `sideberry-data.json` file into your Sideberry addon by using the 'import' section under 'Help'. +Load the `sidebery-data.json` file into your Sidebery addon by using the 'import' section under 'Help'. If you dislike any of the theme presets for dark or light themes, or you have a particular color scheme in mind then navigate to Sideberry Settings > Style Editor (found at the end of the settings sidebar). The preference is to replace the values in the right panel, not in the theme editor to the left - this way you can easily update to newer versions in the future. @@ -54,14 +50,12 @@ All extensions can be found in `/extensions`. In version 2022.02.23 we broke up the components into extensions using css imports. This makes adding and removing features incredibly easy. -**The following extensions are added:** +**The following extensions are added by default:** - [Window Controls / Client Side Decorations (CSD)](/extensions/window_controls.css) - This adds the window controls to be inline with your address bar. -- [Superbox Removal](/extensions/superbox_removal.css) - - This removes the superbox and fixes the address bar padding. -- [Bookmark Arrows](/extensions/bookmark_arrow.css) - - This adds a nice little arrow next to your bookmark folders. + +There are a number of additional 'extensions' added in that folder. ## User Settings @@ -82,3 +76,7 @@ Then the sidebar switcher will be missing, edit `custom.css` and uncomment the r ## TreeStyleTabs (Legacy) Either add the firefox/treestyletabs.css to your TST addon preferences or import the treestyletabs-\*.json preferences to your TST addon (_prefered_) + +## Updates + +Release notes have migrated to [here](https://github.com/drannex42/FirefoxSidebar/releases). You can find prior release notes before v12021.12.22 [here](https://github.com/drannex42/FirefoxSidebar/releases/tag/v12021.12.22). diff --git a/sidebery-data.json b/sidebery-data.json index 7dcc3df..c21ed9b 100644 --- a/sidebery-data.json +++ b/sidebery-data.json @@ -1 +1 @@ -{"settings":{"version":"4.10.2","nativeScrollbars":false,"selWinScreenshots":true,"tabsCheck":true,"tabsFix":"notify","markWindow":true,"markWindowPreface":"​","ctxMenuNative":false,"autoHideCtxMenu":"none","ctxMenuRenderInact":true,"ctxMenuIgnoreContainers":"","navBarLayout":"horizontal","navBarInline":true,"hideAddBtn":false,"hideSettingsBtn":false,"navBtnCount":true,"hideEmptyPanels":true,"navActTabsPanelLeftClickAction":"none","navActBookmarksPanelLeftClickAction":"none","navMidClickAction":"none","navSwitchPanelsWheel":true,"groupLayout":"grid","skipEmptyPanels":false,"dndTabAct":true,"dndTabActDelay":750,"dndTabActMod":"none","dndExp":"pointer","dndExpDelay":0,"dndExpMod":"none","stateStorage":"global","warnOnMultiTabClose":"collapsed","activateOnMouseUp":true,"activateLastTabOnPanelSwitching":true,"showTabRmBtn":true,"showTabCtx":true,"hideInact":false,"activateAfterClosing":"next","activateAfterClosingPrevRule":"visible","activateAfterClosingNextRule":"tree","activateAfterClosingGlobal":false,"activateAfterClosingNoFolded":true,"activateAfterClosingNoDiscarded":true,"shiftSelAct":true,"askNewBookmarkPlace":false,"tabsRmUndoNote":true,"nativeHighlight":false,"tabsUnreadMark":false,"tabsReloadLimit":5,"tabsReloadLimitNotif":true,"tabsPanelSwitchActMove":true,"moveNewTabPin":"start","moveNewTabParent":"last_child","moveNewTabParentActPanel":false,"moveNewTab":"end","pinnedTabsPosition":"panel","pinnedTabsList":true,"pinnedAutoGroup":false,"tabsTree":true,"groupOnOpen":true,"tabsTreeLimit":"none","hideFoldedTabs":false,"autoFoldTabs":false,"autoFoldTabsExcept":"none","autoExpandTabs":false,"rmChildTabs":"none","tabsChildCount":true,"tabsLvlDots":false,"discardFolded":false,"discardFoldedDelay":0,"discardFoldedDelayUnit":"sec","tabsTreeBookmarks":true,"treeRmOutdent":"branch","bookmarksPanel":true,"warnOnMultiBookmarkDelete":"collapsed","openBookmarkNewTab":false,"midClickBookmark":"open_new_tab","actMidClickTab":false,"autoCloseBookmarks":false,"autoRemoveOther":false,"highlightOpenBookmarks":false,"activateOpenBookmarkTab":false,"showBookmarkLen":false,"bookmarksRmUndoNote":true,"fontSize":"s","bgNoise":false,"animations":true,"animationSpeed":"fast","theme":"default","style":"auto","sidebarCSS":true,"groupCSS":false,"snapNotify":true,"snapExcludePrivate":false,"snapInterval":0,"snapIntervalUnit":"min","snapLimit":0,"snapLimitUnit":"snap","hScrollThroughPanels":false,"scrollThroughTabs":"none","scrollThroughVisibleTabs":false,"scrollThroughTabsSkipDiscarded":false,"scrollThroughTabsExceptOverflow":true,"scrollThroughTabsCyclic":false,"tabDoubleClick":"none","tabLongLeftClick":"none","tabLongRightClick":"none","tabsPanelLeftClickAction":"none","tabsPanelDoubleClickAction":"tab","tabsPanelRightClickAction":"menu","tabsPanelMiddleClickAction":"tab","syncName":"","syncSaveSettings":true,"syncSaveCtxMenu":true,"syncSaveStyles":true,"syncAutoApply":false},"cssVars":{"bg":null,"title_fg":null,"sub_title_fg":null,"label_fg":null,"label_fg_hover":null,"label_fg_active":null,"info_fg":null,"true_fg":null,"false_fg":null,"active_fg":null,"inactive_fg":null,"favicons_placeholder_bg":null,"btn_bg":null,"btn_bg_hover":null,"btn_bg_active":null,"btn_fg":null,"btn_fg_hover":null,"btn_fg_active":null,"scroll_progress_h":null,"scroll_progress_bg":null,"ctx_menu_font":null,"ctx_menu_bg":null,"ctx_menu_bg_hover":null,"ctx_menu_fg":null,"nav_btn_fg":null,"nav_btn_width":null,"nav_btn_height":null,"pinned_dock_overlay_bg":null,"pinned_dock_overlay_shadow":null,"tabs_height":null,"tabs_pinned_height":null,"tabs_pinned_width":null,"tabs_indent":null,"tabs_font":null,"tabs_count_font":null,"tabs_fg":null,"tabs_fg_hover":null,"tabs_fg_active":null,"tabs_bg_hover":null,"tabs_bg_active":null,"tabs_activated_bg":null,"tabs_activated_fg":null,"tabs_selected_bg":null,"tabs_selected_fg":null,"tabs_border":null,"tabs_activated_border":null,"tabs_selected_border":null,"tabs_shadow":null,"tabs_activated_shadow":null,"tabs_selected_shadow":null,"tabs_lvl_indicator_bg":null,"bookmarks_bookmark_height":null,"bookmarks_folder_height":null,"bookmarks_separator_height":null,"bookmarks_bookmark_font":null,"bookmarks_folder_font":null,"bookmarks_node_title_fg":null,"bookmarks_node_title_fg_hover":null,"bookmarks_node_title_fg_active":null,"bookmarks_node_bg_hover":null,"bookmarks_node_bg_active":null,"bookmarks_folder_closed_fg":null,"bookmarks_folder_closed_fg_hover":null,"bookmarks_folder_closed_fg_active":null,"bookmarks_folder_open_fg":null,"bookmarks_folder_open_fg_hover":null,"bookmarks_folder_open_fg_active":null,"bookmarks_folder_empty_fg":null,"bookmarks_open_bookmark_fg":null},"sidebarCSS":"#root {\n --nav-btn-height: 34.5px !Important;\n\n --tabs-spacing: 4px; */ Spacing between the tabs, be sure to change the tab height for it to look right!) */\n --tabs-indent: 10px !important;\n --tabs-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;\n\n}\n\n@media (prefers-color-scheme:light) {\n #root {\n --bg: #f7f6f6 !important; /* Sideberry background color (follow instruction in userChrome.css):: default: #fff */\n\n --tabs-fg: #323232 !important; /* Font color :: default: #323232 */\n --tabs-bg-hover: #dedddaff !important; /* Tab background on hover :: default: #dedddaff */\n --tabs-activated-bg: transparent !important; /* Active tab :: default :: transparent */\n --tabs-activated-shadow: 0px 5px 10px rgba(0,0,0,0.15); !important; /* Active tab shadow :: default: 0px 5px 10px rgba(0,0,0,0.15); */\n\n --btn-fg: #555 !important; /* Button main color :: default: #555; */\n --nav-btn-fg: var(--btn-fg) !important; /* Nav Button main color :: default: var(--btn-fg); */\n --border-color: rgba(0,0,0,0.1);\n }\n}\n\n@media (prefers-color-scheme:dark) {\n #root {\n --bg: #2b2a33 !important; /* Sideberry background color (follow instruction in userChrome.css):: default: #2b2a33 */\n\n --tabs-fg: #fff !important; /* Font color :: default: #323232 */\n --tabs-bg-hover: rgba(255,255,255,0.135) !important; /* Tab background on hover :: default: rgba(255,255,255,0.1) */\n --tabs-activated-bg: var(--tabs-bg-hover) !important; /* Active tab :: default: var(--tabs-bg-hover) */\n --tabs-activated-shadow: none; !important; /* Active tab shadow :: default: none */\n\n --btn-fg: #fff !important; /* Button main color :: default: #fff; */\n --nav-btn-fg: var(--btn-fg) !important; /* Nav Button main color :: default: var(--btn-fg); */\n --border-color: rgba(0,0,0,0.15);\n }\n\n /* These exist for the bookmarks panel, not changed for light schemes */\n #root { \n --bookmarks-folder-expanded-fg: #fff !important;\n --bookmarks-node-title-fg: #fff !important;\n --favicons-placeholder-bg: #fff !important;\n --bookmarks-folder-closed-fg: #fff !important;\n --bookmarks-folder-expanded-fg-hover: #ccc !important;\n --bookmarks-node-title-fg-hover: #ccc !important;\n --favicons-placeholder-bg-hover: #ccc !important;\n --bookmarks-folder-closed-fg-hover: #ccc !important;\n }\n}\n\n\n\n\n@media screen and (max-width: 60px) {\n #root {\n --tabs-indent: unset !important;\n }\n\n .container { \n max-width: 60px;\n } \n\n .Tab .audio {\n margin-left: -15px;\n transform: scale(.80);\n z-index: 99 !important;\n }\n\n .Tab[data-lvl] , .PinnedTab[data-lvl] {\n max-width: 30px;\n float: left;\n }\n .container { \n margin: 0px !important;\n max-width: 50px;\n }\n\n .Tab[data-lvl] , .PinnedTab[data-lvl] {\n max-width: 30px;\n float: left;\n }\n\n .panel-btn[data-active=\"true\"] {\n display: ;\n display: flex !important;\n position: absolute !important;\n background: none !important;\n }\n\n\n .panel-btn {\n display: none !important;\n }\n\n .Sidebar .settings-btn {\n display: none;\n }\n\n .container::after { \n margin-left: 16px;\n }\n}\n\n\n.Sidebar .panel-box {\n border-bottom: 2px solid var(--border-color) !important;\n}\n\n.Sidebar {\n font-family: var(--tabs-font);\n}\n\n.container {\n padding-top: 2.5px !important;\n margin: 0 auto !important;\n max-width: calc(100% - 20px);\n}\n\n.NavigationBar {\n padding-left: 8px;\n}\n\n.Sidebar .settings-btn {\n\n}\n\n\n/* Reset default styles */\n.Tab[data-active], .Tab:hover, .PinnedTab[data-active], .PinnedTab:hover {\n background-color: transparent;\n box-shadow: none !Important;\n}\n\n.Tab[data-active] .lvl-wrapper:after, .PinnedTab[data-active] {\n background-color: var(--tabs-activated-bg);\n}\n\n\n/* Style for Tabs and Pinned Tabs */\n.Tab .lvl-wrapper:after, .PinnedTab {\n border-radius: 5px;\n border: 1px solid transparent !important;\n border-radius: 5px;\n text-align: left;\n transition: width 0.1s !Important;\n}\n\n/* Background layer for tabs */\n.Tab .lvl-wrapper:after {\n content: '';\n position: absolute;\n top: 0px;\n left: 2px;\n margin: var(--tabs-spacing) 0;\n width: calc(100% - 4px);\n height: calc(100% - calc(var(--tabs-spacing) * 2));\n z-index: -1;\n}\n\n/* Style for pinned tabs */ \n\n.PinnedTab {\n height: calc(var(--tabs-height) - calc(var(--tabs-spacing) * 2)) !important; \n margin: var(--tabs-spacing) 10px;\n}\n\n.Tab {\n border-radius: 5px; \n}\n\n\n.Tab[data-active] .lvl-wrapper:after, .PinnedTab[data-active] {\n box-shadow: var(--tabs-activated-shadow) !important;\n}\n\n.Tab:hover .lvl-wrapper:after, .PinnedTab:hover {\n background: var(--tabs-bg-hover);\n}\n\n.Tab[data-active]:hover .lvl-wrapper:after {\n box-shadow: none !Important;\n}\n\n/* Favicon Settings */\n\n.Tab .fav, .PinnedTab .fav {\n position: relative;\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n margin: 0 6px 0 7px;\n opacity: 1 !important;\n\n}\n\n.Tab .placeholder > svg {\n width: 18px;\n height: 18px;\n fill: var(--btn-fg);\n;}\n\n.PinnedTab .fav {\n margin-left: 4px;\n}\n\n.Tab:hover .fav, .PinnedTab:hover fav {\n opacity: 1 !important;\n}\n\n.Tab .placeholder, .PinnedTab . placeholder {\n}\n\n\n/* Internal Tab Settings */ \n.Tab .t-box, .PinnedTab .title {\n mask: linear-gradient(-90deg,transparent,#000 25px,#000);\n /*! display: none; */\n}\n\n.Tab .t-box .title, .PinnedTab .title {\npadding-left: 4px;\nfont-family: var(--tabs-font) !important;\ncolor: var(--tabs-fg);\n}\n\n/* Tab Close and Context Buttons */\n.Tab .close {\n fill: var(--btn-fg);\n}\n\n.Tab .close > svg {\n fill: var(--btn-fg);\n background: none;\n opacity: 1;\n height: 18px !important;\nwidth: 18px !important;\n}\n\n.Tab .close > svg:hover {\n background: rgba(0,0,0,0.075);\n border-radius: 4px;\n}\n\n.PinnedTab .close {\ndisplay: none !important;\n}\n\n.Tab .ctx,\n.PinnedTab .ctx {\ntop: 4px;\nright: auto;\nleft: -11px;\nwidth: 4px;\nheight: calc(100% - 5px);\n}\n\n.Sidebar {\nmargin-top: -2.5px;\n}\n\n\n\n.PinnedDock {\npadding-top: 2.5px !important;\npadding-bottom: 0 !important;\nmargin-bottom: -2.5px;\n}\n\n.PinnedDock::after {\n display: none !important;\n}\n\n.Sidebar .panel-btn > svg, .Sidebar .panel-btn > img, .HiddenPanelsBar .hidden-panel > img, .HiddenPanelsBar .hidden-panel > svg {\n fill: var(--nav-btn-fg) !important;\n}\n\n.Sidebar .panel-btn .len {\n top: 6px !important;\n}\n\n.audio {\n position: absolute;\n margin-left: -14px;\n margin-top: 7px;\n z-index: 99;\n \n}\n\n.audio svg {\n padding: 3px;\n height: 14px !important;\n width: 14px !important;\n background: #fff;\n border-radius: 50%;\n box-shadow: 1px 1px 5px rgba(0,0,0,0.25);\n background: #000;\n z-index: 999;\n}\n\n.Tab[data-audible] .t-box, .Tab[data-muted] .t-box {\n transform: none !important;\n}","groupCSS":"","ver":"4.10.2"} \ No newline at end of file +{"settings":{"nativeScrollbars":true,"nativeScrollbarsThin":true,"nativeScrollbarsLeft":false,"selWinScreenshots":false,"updateSidebarTitle":true,"markWindow":false,"markWindowPreface":"[Sidebery] ","ctxMenuNative":false,"ctxMenuRenderInact":true,"ctxMenuRenderIcons":true,"ctxMenuIgnoreContainers":"","navBarLayout":"horizontal","navBarInline":true,"navBarSide":"left","hideAddBtn":false,"hideSettingsBtn":false,"navBtnCount":true,"hideEmptyPanels":true,"hideDiscardedTabPanels":false,"navActTabsPanelLeftClickAction":"none","navActBookmarksPanelLeftClickAction":"none","navTabsPanelMidClickAction":"discard","navBookmarksPanelMidClickAction":"none","navSwitchPanelsWheel":true,"subPanelRecentlyClosedBar":true,"subPanelBookmarks":true,"subPanelHistory":true,"groupLayout":"grid","containersSortByName":false,"skipEmptyPanels":false,"dndTabAct":true,"dndTabActDelay":750,"dndTabActMod":"none","dndExp":"pointer","dndExpDelay":750,"dndExpMod":"none","dndOutside":"win","dndActTabFromLink":true,"dndActSearchTab":true,"dndMoveTabs":false,"dndMoveBookmarks":false,"searchBarMode":"dynamic","searchPanelSwitch":"same_type","searchBookmarksShortcut":"","searchHistoryShortcut":"","warnOnMultiTabClose":"collapsed","activateLastTabOnPanelSwitching":true,"activateLastTabOnPanelSwitchingLoadedOnly":true,"switchPanelAfterSwitchingTab":"always","tabRmBtn":"hover","activateAfterClosing":"next","activateAfterClosingStayInPanel":false,"activateAfterClosingGlobal":false,"activateAfterClosingNoFolded":true,"activateAfterClosingNoDiscarded":true,"askNewBookmarkPlace":true,"tabsRmUndoNote":true,"tabsUnreadMark":false,"tabsUpdateMark":"all","tabsUpdateMarkFirst":true,"tabsReloadLimit":5,"tabsReloadLimitNotif":true,"showNewTabBtns":true,"newTabBarPosition":"after_tabs","tabsPanelSwitchActMove":false,"tabsPanelSwitchActMoveAuto":true,"tabsUrlInTooltip":"full","newTabCtxReopen":false,"tabWarmupOnHover":true,"tabSwitchDelay":0,"moveNewTabPin":"start","moveNewTabParent":"last_child","moveNewTabParentActPanel":false,"moveNewTab":"end","moveNewTabActivePin":"start","pinnedTabsPosition":"panel","pinnedTabsList":false,"pinnedAutoGroup":false,"pinnedNoUnload":false,"pinnedForcedDiscard":false,"tabsTree":true,"groupOnOpen":true,"tabsTreeLimit":"none","autoFoldTabs":false,"autoFoldTabsExcept":"none","autoExpandTabs":false,"autoExpandTabsOnNew":false,"rmChildTabs":"folded","tabsLvlDots":false,"discardFolded":false,"discardFoldedDelay":0,"discardFoldedDelayUnit":"sec","tabsTreeBookmarks":true,"treeRmOutdent":"branch","autoGroupOnClose":false,"autoGroupOnClose0Lvl":false,"autoGroupOnCloseMouseOnly":false,"ignoreFoldedParent":false,"showNewGroupConf":true,"sortGroupsFirst":true,"colorizeTabs":false,"colorizeTabsSrc":"domain","colorizeTabsBranches":false,"colorizeTabsBranchesSrc":"url","inheritCustomColor":true,"previewTabs":true,"previewTabsMode":"w","previewTabsPageModeFallback":"w","previewTabsInlineHeight":70,"previewTabsPopupWidth":280,"previewTabsSide":"right","previewTabsDelay":500,"previewTabsFollowMouse":true,"previewTabsWinOffsetY":36,"previewTabsWinOffsetX":6,"previewTabsInPageOffsetY":0,"previewTabsInPageOffsetX":0,"previewTabsCropRight":0,"hideInact":false,"hideFoldedTabs":false,"hideFoldedParent":"none","nativeHighlight":false,"warnOnMultiBookmarkDelete":"collapsed","autoCloseBookmarks":false,"autoRemoveOther":false,"highlightOpenBookmarks":false,"activateOpenBookmarkTab":false,"showBookmarkLen":true,"bookmarksRmUndoNote":true,"loadBookmarksOnDemand":true,"pinOpenedBookmarksFolder":true,"oldBookmarksAfterSave":"ask","loadHistoryOnDemand":true,"fontSize":"s","animations":true,"animationSpeed":"norm","theme":"proton","density":"compact","colorScheme":"ff","sidebarCSS":true,"groupCSS":false,"snapNotify":true,"snapExcludePrivate":false,"snapInterval":0,"snapIntervalUnit":"min","snapLimit":0,"snapLimitUnit":"snap","snapAutoExport":false,"snapAutoExportType":"json","snapAutoExportPath":"Sidebery/snapshot-%Y.%M.%D-%h.%m.%s","snapMdFullTree":false,"hScrollAction":"none","onePanelSwitchPerScroll":false,"wheelAccumulationX":true,"wheelAccumulationY":true,"navSwitchPanelsDelay":128,"scrollThroughTabs":"none","scrollThroughVisibleTabs":true,"scrollThroughTabsSkipDiscarded":true,"scrollThroughTabsExceptOverflow":true,"scrollThroughTabsCyclic":false,"scrollThroughTabsScrollArea":0,"autoMenuMultiSel":true,"multipleMiddleClose":false,"longClickDelay":500,"wheelThreshold":false,"wheelThresholdX":10,"wheelThresholdY":60,"tabDoubleClick":"none","tabsSecondClickActPrev":true,"tabsSecondClickActPrevPanelOnly":false,"shiftSelAct":true,"activateOnMouseUp":false,"tabLongLeftClick":"none","tabLongRightClick":"none","tabMiddleClick":"close","tabMiddleClickCtrl":"discard","tabMiddleClickShift":"duplicate","tabCloseMiddleClick":"close","tabsPanelLeftClickAction":"none","tabsPanelDoubleClickAction":"tab","tabsPanelRightClickAction":"menu","tabsPanelMiddleClickAction":"tab","newTabMiddleClickAction":"new_child","bookmarksLeftClickAction":"open_in_act","bookmarksLeftClickActivate":false,"bookmarksLeftClickPos":"default","bookmarksMidClickAction":"open_in_new","bookmarksMidClickActivate":false,"bookmarksMidClickRemove":false,"bookmarksMidClickPos":"default","historyLeftClickAction":"open_in_act","historyLeftClickActivate":false,"historyLeftClickPos":"default","historyMidClickAction":"open_in_new","historyMidClickActivate":false,"historyMidClickPos":"default","syncName":"FirefoxWin","syncSaveSettings":true,"syncSaveCtxMenu":true,"syncSaveStyles":true,"syncSaveKeybindings":true,"selectActiveTabFirst":true},"sidebar":{"panels":{"I0pRunKuFvZ9":{"type":2,"id":"I0pRunKuFvZ9","name":"Tabs","color":"toolbar","iconSVG":"icon_tabs","iconIMGSrc":"","iconIMG":"","lockedPanel":false,"skipOnSwitching":false,"noEmpty":false,"newTabCtx":"none","dropTabCtx":"none","moveRules":[],"moveExcludedTo":-1,"bookmarksFolderId":-1,"newTabBtns":[],"srcPanelConfig":null}},"nav":["I0pRunKuFvZ9","add_tp","sp-0","settings"]},"sidebarCSS":"\n\n/* Dynamic Sidebery (v12024.05.15) by Drannex42 (https://github.com/drannex42/FirefoxSidebar) */\n\n#root.root {--tabs-font: 0.85rem sans-serif;}\n\n#root.root {--tabs-margin: 10px;} /* Centers the tabs on sidebar close */\n#root.root {--tabs-inner-gap: 5px;} /* Modify this to center the icons better */\n\n#root.root {--nav-height-padding: 1px} /* Modify this to reduce or increase the navbars bottom/top margin */\n#root.root {--nav-btn-height: 25px;} /* Modifies the navbar button height */\n#root.root {--nav-margin: 11px;} /* Modifies the navbar button height */\n\n#root.root {--tabs-text-padding-left: 6px;} /* Modify this to change the spacing between the icon and title */\n#root.root {--tabs-margin-bottom: -1px;} /* Modify this to change the spacing between tabs Default: -2px */\n\n/* Minimized Sidebar */\n@media screen and (max-width: 60px) {\n #root {\n --tabs-indent: unset !important;\n }\n\n .container {\n max-width: 60px;\n }\n\n .Tab .title {\n      display: none;\n }\n\n .NavigationBar .nav-item#settings, .NavigationBar .main-items {\n display: none;\n }\n}\n\n/* Navbar */\n\n#root .NavigationBar {\npadding: var(--nav-height-padding) var(--nav-margin);\nmargin-bottom: 10px !Important;\n}\n\n/* Tab Display Settings */\n\n.Tab {\nmargin-bottom: var(--tabs-margin-bottom) !important;\n}\n\n.Tab .title {\npadding-left: var(--tabs-text-padding-left);\n}\n\n.Tab .ctx {\nleft: 0px; /* This sets the container indicator border-color to the left, instead of the right */\n}\n\n/* Audio Button Settings */\n\n.Tab[data-audible=\"true\"] .audio, .Tab[data-muted=\"true\"] .audio, .Tab[data-paused=\"true\"] .audio {\nbackground: var(--tabs-normal-bg);\nleft: 11px;\nheight: unset;\nbottom: 7px;\ntop: unset;\n}\n\n.Tab[data-audible=\"true\"] .t-box .title, .Tab[data-muted=\"true\"] .t-box .title, .Tab[data-paused=\"true\"] .t-box .title {\n--audio-btn-offset: 0px !important;\n}\n\n\n/* End Dynamic Sidebery */\n\n/* Tip: Copy & place your modifications to the dynamic tab variables below for easier upgrading\n * Example: #root.root {--tabs-margin-bottom: -2px;}\n*/\n\n\n","ver":"5.2.0"} \ No newline at end of file diff --git a/themes/gtk_adwaita.css b/themes/gtk_adwaita.css deleted file mode 100644 index fbfe2ae..0000000 --- a/themes/gtk_adwaita.css +++ /dev/null @@ -1,25 +0,0 @@ -@import url("../extensions/window_controls.css"); -@import url("../extensions/hide_sidebar_switcher.css"); - -.browser-toolbar { - padding-left: 2px !important; - position: unset !important; - background-color: unset !important; - background-image: unset !important; -} - -#nav-bar { - padding-right: 127px !important; -} - -.titlebar-buttonbox-container { - right: 20px; -} - -toolbarbutton { - margin: 3px !important; -} - -toolbar[id="nav-bar"] { - min-height: 46px !important; -} diff --git a/themes/gtk_breeze.css b/themes/gtk_breeze.css deleted file mode 100644 index ac191af..0000000 --- a/themes/gtk_breeze.css +++ /dev/null @@ -1,30 +0,0 @@ -@import url("../extensions/window_controls.css"); -@import url("../extensions/hide_sidebar_switcher.css"); - -.browser-toolbar { - padding-left: 2px !important; - position: unset !important; - background-color: unset !important; - background-image: unset !important; -} - -#nav-bar { - padding-right: 84px !important; -} - -.titlebar-buttonbox-container { - top: 12px !important; - right: 0px !important; -} - -toolbarbutton { - margin: 1px !important; -} - -.titlebar-buttonbox-container > .titlebar-buttonbox > toolbarbutton { - margin-right: -2px !important; -} - -toolbar[id="nav-bar"] { - min-height: 46px !important; -} diff --git a/userChrome.css b/userChrome.css index 7149c87..1f6f0c5 100644 --- a/userChrome.css +++ b/userChrome.css @@ -31,9 +31,6 @@ /* Bookmark Arrows :: add a little arrow next to folders in bookmarks toolbar */ /* @import url("./extensions/bookmark_arrow.css"); */ - /* Superbox Removal :: heavily customize superbox (flat look, colors, smaller entries,...) */ - @import url("./extensions/superbox_removal.css"); - /* Avatar Size :: change the avatar size for the Firefox Account to what makes sense */ /* @import url("./extensions/avatar_size.css"); */ @@ -45,21 +42,6 @@ /* END EXTENSIONS ========================================================== */ -/* - Themes :: - To enable/disable specific theme just comment/uncomment the line below. - Please enable only one theme at a time! - ========================================================================= -*/ - - /* GTK Adwaita */ - /* @import url("./themes/gtk_adwaita.css"); */ - - /* GTK Breeze */ - /* @import url("./themes/gtk_breeze.css"); */ - -/* END THEMES ========================================================== */ - /* Custom tweaks :: If you have any custom CSS for Firefox, place them in this file.