├── My Screenshot with Info.jpg ├── README.md └── chrome ├── !!css_ONLY_works_in_ROOT.css ├── !!extensionOptionsMenu.uc.js ├── !bottomtoolbar.css ├── !bottomtoolbar.uc.js ├── BookmarksFolderImages ├── Firefox.ico ├── Firefox_Alt.ico ├── KillSticky.ico └── reddit.ico ├── Dblclick_ReloadTab.uc.js ├── Private_tab.uc.css ├── Private_tab.uc.js ├── RestartFirefoxButtonM_Red.uc.js ├── RestartFirefoxMenu.uc.js ├── aboutconfig-button.uc.js ├── bookmarks_backup_restore_buttons.uc.js ├── bookmarks_menu_undo.uc.js ├── css ├── addon_button_style_and_color_2_rounded_2_square.css ├── addon_button_style_and_color_round.css ├── addon_button_style_and_color_rounded_corners.css ├── buttons │ ├── button_effect_icon_glow.css │ ├── buttons_background_2_round_2_square.css │ ├── buttons_background_rounded_corners.css │ ├── buttons_on_NAVIGATOR-TOOLBOX_glass_appearance.css │ ├── buttons_on_addonbar_glass_appearance.css │ ├── buttons_on_bookmarks_toolbar_glass_appearance.css │ ├── buttons_on_menubar_toolbar_glass_appearance.css │ ├── buttons_on_navbar_glass_appearance.css │ ├── buttons_on_tabtoolbar_glass_appearance.css │ ├── custom_backforward_large.css │ ├── custom_backforward_large_ff3.css │ ├── custom_home_dewman.css │ ├── custom_sidebar_dewman.css │ └── icons_colorized.css ├── content │ ├── !change_link_colors.css │ ├── DuckDuckGo_Background.css │ ├── DuckDuckGo_Background.jpg │ ├── DuckDuckGo_Logo_Martha.css │ ├── DuckDuckGo_Logo_Martha.jpg │ ├── DuckDuckGo_remove_tab_flash_darkmode.css │ ├── GoogleMartha_Logo.css │ ├── GoogleMartha_Logo_Dark.jpg │ ├── GoogleMartha_Logo_Light.jpg │ ├── Google_Background_Dark.css │ ├── Google_Background_Dark.jpg │ ├── Google_Background_Light.css │ ├── Google_Background_Light.jpg │ ├── _clear_browsing_data.css │ ├── _containerize.css │ ├── _cookie_autodelete.css │ ├── _decentraleyes.css │ ├── _export_tab_urls.css │ ├── _firefox_multi-container_accounts.css │ ├── _https_everywhere.css │ ├── _no_script.css │ ├── _privacy_badger.css │ ├── _read_aloud.css │ ├── _tab_list_button_enhanced.css │ ├── _tab_manager.css │ ├── _tab_reloader.css │ ├── _theme_toggler.css │ ├── _ublock_origin.css │ ├── _undo_closed_tabs_button.css │ ├── _user_agent_switcher.css │ ├── _violentmonkey.css │ ├── about_about_four_columns.css │ ├── addon_button_style_and_color.css │ ├── addon_button_style_and_color_2_rounded_2_square.css │ ├── addon_button_style_and_color_round.css │ ├── addon_button_style_and_color_rounded_corners.css │ ├── addon_compact_addons_manager.css │ ├── addon_manage_buttons_without_popup.css │ ├── addon_multi_column_addons.css │ ├── addon_recentupdates_category_always_visible.css │ ├── addon_recommondations_category_always_hidden.css │ ├── arrow-cursor-over-text.css.css │ ├── checkboxes_radio_buttons.css │ ├── dark_page_preferences_checkboxes_radio_buttons.css │ ├── dark_settings_pages.css │ ├── focus_rings.css │ ├── remove_tab_flash.css │ ├── remove_tab_flash_content.css │ ├── scrollbars-dark.css │ ├── select_menu.css │ ├── selected_text_colors.css │ ├── server_not_found.css │ ├── server_not_found_lolifox.jpg │ ├── server_not_found_lolifox_orange.jpg │ ├── theweathernetwork.css │ └── youtube_separate_scroll_no_ad.css ├── generalui │ ├── !!_TOP_THEME_BB_TOOLBAR_TEXT.css │ ├── _library_window.css │ ├── _page_info_window.css │ ├── appMenu_update_available_notification.css │ ├── findbar_on_top_solid.css │ ├── fullscreen_hide_min_max_close.css │ ├── install_addon_notification.css │ ├── menu_app_devtools.css │ ├── menu_bookmark_toolbar_color.css │ ├── menu_more_tools_appmenu.css │ ├── menu_popup_colors_and_stuff.css │ ├── menu_popup_dark_context_menus.css │ ├── menubar_text.css │ ├── notifications_dark.css │ ├── popup_bookmark_edit_panel_dark.css │ ├── sidebar_appearance_dark.css │ ├── sidebar_autohide.css │ ├── sidebar_library_popup_menu.css │ ├── sidebar_resizable.css │ ├── status_in_bottombar.css │ └── status_panel_color.css ├── locationbar │ ├── background_color_dark.css │ ├── icons_colorized.css │ ├── identity_box_icon_order.css │ ├── identitybox_colors.css │ ├── identitybox_no_label_text.css │ ├── identitybox_padlock_icon_modern.css │ ├── locationbar_addon_prefix_hide.css │ ├── locationbar_adjustments.css │ ├── locationbar_broken_lock_red_bg.css │ ├── locationbar_color_security.css │ ├── locationbar_page_action_hide.css │ ├── locationbar_page_action_order.css │ ├── navbar_hide.css │ ├── protection_panel_dropdown_color.css │ ├── reader_alternative_icon.css │ ├── searchbar_settings.css │ ├── starbutton_alternative_icon.css │ ├── urlbar_caret_color.css │ ├── urlbar_container_color_border.css │ ├── urlbar_dropdown_search_icons.css │ ├── urlbar_rich_items_list_MEGAbar_shit.css │ └── urlbar_selected_colors.css ├── tabs │ ├── alltabs_on_tabbar_remove_left_spacer.css │ ├── custom_tab_color_border_line_normal.css │ ├── custom_tab_icon_color.css │ ├── custom_tab_text_color.css │ ├── missing_tab_favicon_restored_default.css │ ├── multiple_tabs_selected_mark.css │ ├── tab_close_always_visible.css │ ├── tab_close_spin_hover.css │ ├── tab_icon_colors.css │ ├── tab_icon_pause_play.css │ ├── tab_loading_animation.css │ ├── tab_throbber_style_color_1.css │ ├── tab_throbber_style_color_2.css │ ├── tabs_below_navigation_toolbar.css │ └── tabs_below_navigation_toolbar_OLD.css ├── toolbars │ ├── bookmark_folder_icon_color.css │ ├── bookmark_tab_generic_icon.css │ ├── bookmark_tab_generic_icon_with_glow.css │ ├── bookmark_toolbar_text_color.css │ ├── bookmarks_bar_visible_in_fullscreen.css │ ├── bookmarks_double_columns.css │ ├── bookmarks_toolbar_bookmark_labels_hidden.css │ ├── bookmarks_toolbar_old_height.css │ ├── bookmarksbar_autohide_show_on_hover.css │ ├── bookmarksbar_double_row.css │ ├── bookmarksbar_fade.css │ └── bookmarksbar_navbar_bg_transparent.css └── various │ ├── about_firefox_logo.css │ ├── about_firefox_logo.png │ ├── checkboxes_interface.css │ ├── context_menu_hide_commands.css │ ├── context_menu_stuff.css │ ├── drm_notification_hide.css │ ├── flexible_spring.css │ ├── generic_addon_colors.css │ ├── grid_overflow_menu.css │ ├── remove_tab_flash_chrome.css │ ├── saved_to_library.css │ └── tooltip_styling.css ├── favicon_in_urlbar.uc.js ├── image ├── !header_black.jpg ├── !header_black_abstract_fox.jpg ├── !header_black_eyes_1.jpg ├── !header_black_eyes_2.jpg ├── !header_black_lips_1.jpg ├── !header_dark_fox_7_lite.jpg ├── !header_glowing_tiger.jpg ├── !header_kelly_brook_01.jpg ├── Private_tab.png ├── behind_overlay_removal_auto.png ├── behind_overlay_revival.png ├── bf_ff3.png ├── block_site.png ├── bookmarksMenu1.png ├── broom1.png ├── check_all_scripts_with_urlvoid.png ├── css_exfil_protection.png ├── dewhome1.png ├── eraser1.png ├── export_tabs_urls.png ├── firefox.png ├── folder-item.png ├── globe.png ├── globe.svg ├── open_menu.png ├── overflow.png ├── padlock_modern.png ├── padlock_modern_mab.png ├── padlock_modern_mal.png ├── padlock_modern_mpl.png ├── reader.png ├── star_button.svg ├── star_button48.png ├── tab_manager.png ├── tabs_to_bookmarks_group.png ├── tabthrobber_fx56_connecting.png ├── tabthrobber_fx56_connecting@2x.png ├── tabthrobber_fx56_loading.png ├── tabthrobber_fx56_loading@2x.png ├── tabthrobber_loading_blue.png ├── tabthrobber_loading_green.png ├── tabthrobber_loading_red.png └── theme_toggler.png ├── oneClickOneOffSearchButtons.uc.js ├── pageInfo.uc.js ├── password_manager_button.uc.js ├── searchSelectionShortcut.uc.js ├── search_engine_icon_in_searchbar.uc.js ├── toggle-findbar.uc.js ├── userChrome.css ├── userContent.css └── utils ├── aboutconfig ├── config.css ├── config.js └── config.xhtml ├── boot.jsm ├── chrome.manifest ├── userChrome.jsm └── xPref.jsm /My Screenshot with Info.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/My Screenshot with Info.jpg -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Firefox-CSS 2 | 3 | # Updated February 12, 2022 , it works in version 97 on my system and has us.js that restores the old ABOUT:CONFIG and funtionality. 4 | 5 | This gives Firefox a decorative appearance with enhanced security features in the identity box and location bar. 6 | 7 | The first lines in the userChrome.css file changes between the different button styles. 8 | 9 | I suugest you install a Firefox theme the like Black Abstract Fox... https://addons.mozilla.org/en-US/firefox/addon/black-abstract-fox/ 10 | 11 | You should install javascript functionality, here is how you do it....https://github.com/xiaoxiaoflood/firefox-scripts 12 | 13 | Then download this script that puts a favicon in the identity box... https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/favicon_in_urlbar.uc.js 14 | 15 | I've hidden the tracking protection icon but if you click it you'll get the tracking protection dropdown and the lock gives the site security info. 16 | 17 | This is a mish-mash of my code and others I've collected and edited over time to acheive this. It uses @import in the userChrome.css file so it's easier to enable or disable features you want or not. I works well for me but it's a work in progress. 18 | 19 | ![Firefox](https://github.com/Shadow-of-Colossus/Firefox-CSS/blob/master/My%20Screenshot%20with%20Info.jpg) 20 | -------------------------------------------------------------------------------- /chrome/!bottomtoolbar.css: -------------------------------------------------------------------------------- 1 | /**/ 2 | #addonbar { 3 | background-color: black !important; 4 | } 5 | 6 | #browser-bottombox { 7 | background-color: black !important; 8 | height: 24px !important; /* The value should be between 24-40px */ 9 | /* direction: rtl !important; /* This makes the toolbar buttons positioned from right to left 10 | Should be used with the pseudo Separators below */ 11 | } 12 | 13 | /* Pseudo Separators 14 | This technically transforms the flexible spaces to separators whenever they are put to the bottombar. 15 | The down side is that you cannot use flexible spaces on bottombar anymore */ 16 | #browser-bottombox toolbarspring { 17 | background: transparent !important; 18 | max-width: 0px !important; 19 | min-width: 0px !important; 20 | width: 0px !important; 21 | border-left: 0px none !important; 22 | border-right: 0px none !important; 23 | border-top: 0px none !important; 24 | border-right: 0px none !important; 25 | margin-top: 4px !important; 26 | margin-bottom: 4px !important; 27 | /*margin-left: 6px !important;*/ 28 | margin-right: 6px !important; 29 | } 30 | 31 | /* Change these if you want more or less space between each button */ 32 | #browser-bottombox toolbarbutton { 33 | --toolbarbutton-inner-padding: 2px!important; 34 | padding-left: 3px !important; 35 | padding-right: 3px !important; 36 | padding-top: 3px !important; 37 | padding-bottom: 3px !important; 38 | margin-left: 0px !important; 39 | margin-right: 6px !important; 40 | } 41 | 42 | /* Don't like the flat look? Try these lines! This is for dark theme, if you want light, you can try using rgba(112,112,112,1) 0%, rgba(237,237,237,1) 100% */ 43 | #browser-bottombox-vbox { 44 | background: -moz-radial-gradient(center, ellipse cover, rgba(55,55,55,1) 0%, rgba(12,12,12,1) 100%); 45 | } 46 | 47 | /* Hide bar in fullscreen */ 48 | :root[inFullscreen="true"] #browser-bottombox { display:none !important; } 49 | :root[inFullscreen="true"] #statuspanel { display:none !important; } 50 | 51 | -------------------------------------------------------------------------------- /chrome/BookmarksFolderImages/Firefox.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/BookmarksFolderImages/Firefox.ico -------------------------------------------------------------------------------- /chrome/BookmarksFolderImages/Firefox_Alt.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/BookmarksFolderImages/Firefox_Alt.ico -------------------------------------------------------------------------------- /chrome/BookmarksFolderImages/KillSticky.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/BookmarksFolderImages/KillSticky.ico -------------------------------------------------------------------------------- /chrome/BookmarksFolderImages/reddit.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/BookmarksFolderImages/reddit.ico -------------------------------------------------------------------------------- /chrome/Private_tab.uc.css: -------------------------------------------------------------------------------- 1 | /* REPLACED ICON new private tab*/ 2 | #newPrivateTab-button, 3 | #privateTab-button .toolbarbutton-icon { 4 | list-style-image: url("./image/Private_tab.png") !important; 5 | opacity: 0.7 !important; 6 | } 7 | 8 | #newPrivateTab-button, 9 | #privateTab-button .toolbarbutton-icon:hover:not([selected]) { 10 | list-style-image: url("./image/Private_tab.png") !important; 11 | opacity: 0.9 !important; 12 | } 13 | 14 | /* ORIGINAL ICON new private new tab - change color * 15 | #newPrivateTab-button, 16 | #privateTab-button { 17 | opacity: 0.7 !important; 18 | color: #BE80F7 !important; 19 | } 20 | 21 | #newPrivateTab-button, 22 | #privateTab-button:hover:not([selected]) { 23 | opacity: 0.9 !important; 24 | color: #BE80F7 !important; 25 | } 26 | */ 27 | 28 | /* private new tab page indicator location */ 29 | .private-browsing-indicator, 30 | #private-mask.private-browsing-indicator { 31 | position: relative !important; 32 | top: 4px !important; 33 | left: -10px !important 34 | } 35 | -------------------------------------------------------------------------------- /chrome/RestartFirefoxMenu.uc.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name Restart Entry in File Menu 3 | // @author xiaoxiaoflood 4 | // ==/UserScript== 5 | // @namespace http://space.geocities.yahoo.co.jp/gl/alice0775 6 | // @charset UTF-8 7 | // @include main 8 | // @compatibility Firefox 69 9 | // by Alice0775 10 | 11 | 12 | var ToolRstart = { 13 | //SAVE_SESSION_RESTART_VERSION: "0.0.2", 14 | init: function() { 15 | if (document.getElementById("Restart_Firefox")) return; 16 | var optionsitem, menuitem, menupopup; 17 | var UI = Components.classes["@mozilla.org/intl/scriptableunicodeconverter"]. 18 | createInstance(Components.interfaces.nsIScriptableUnicodeConverter); 19 | UI.charset = "UTF-8"; 20 | 21 | var gPref = Components.classes["@mozilla.org/preferences-service;1"]. 22 | getService(Components.interfaces.nsIPrefBranch); 23 | try{ 24 | if (!gPref.getBoolPref("browser.sessionstore.enabled")&&gPref.getBoolPref("extensions.tabmix.sessions.manager")){ 25 | var button = document.getElementById("btn_sessionmanager"); 26 | var label = "????????????"; 27 | 28 | menuitem = document.createXULElement("menuitem"); 29 | menuitem.setAttribute("id", "Restart_Firefox1"); 30 | menuitem.setAttribute("label", label); 31 | menuitem.setAttribute("oncommand", "ToolRstart.SaveRestart(event);"); 32 | optionsitem = document.getElementById("menu_FileQuitItem"); 33 | optionsitem.parentNode.insertBefore(menuitem, optionsitem); 34 | } 35 | }catch(e){} 36 | label = "Restart Firefox"; 37 | //try {label =UI.ConvertToUnicode(label)} catch(e){} 38 | menuitem = document.createXULElement("menuitem"); 39 | menuitem.setAttribute("label", label); 40 | menuitem.setAttribute("accesskey", "R"); 41 | menuitem.setAttribute("oncommand", "ToolRstart.restartApp(true);"); 42 | optionsitem = document.getElementById("menu_FileQuitItem"); 43 | optionsitem.parentNode.insertBefore(menuitem, optionsitem); 44 | menuitem.setAttribute("id", "Restart_Firefox"); 45 | optionsitem = document.getElementById("appmenu_quit") || document.getElementById("appmenu-quit"); 46 | if (optionsitem) { 47 | menuitem = optionsitem.parentNode.insertBefore(menuitem.cloneNode(true), optionsitem); 48 | menuitem.setAttribute("id", "Restart_Firefox2"); 49 | } 50 | dump("Initialized addRestartButtons"); 51 | }, 52 | 53 | SaveRestart: function(event) { 54 | event.stopPropagation(); 55 | SessionManager.sessionUtil('save', 'allwindows'); 56 | ToolRstart.restartApp(true); 57 | }, 58 | 59 | //sessionsaver_.2-0.2.1.031-fx+mz.xpi?? 60 | restartApp: function(clearCache) { 61 | if (typeof clearCache == 'undefined') 62 | clearCache = false; 63 | 64 | if ("BrowserUtils" in window && typeof BrowserUtils.restartApplication == "function") { 65 | if (clearCache) { 66 | let XRE = Cc["@mozilla.org/xre/app-info;1"].getService(Ci.nsIXULRuntime); 67 | XRE.invalidateCachesOnRestart(); 68 | } 69 | BrowserUtils.restartApplication(); 70 | return; 71 | } 72 | 73 | const appStartup = Components.classes["@mozilla.org/toolkit/app-startup;1"] 74 | .getService(Components.interfaces.nsIAppStartup); 75 | 76 | // Notify all windows that an application quit has been requested. 77 | var os = Components.classes["@mozilla.org/observer-service;1"] 78 | .getService(Components.interfaces.nsIObserverService); 79 | var cancelQuit = Components.classes["@mozilla.org/supports-PRBool;1"] 80 | .createInstance(Components.interfaces.nsISupportsPRBool); 81 | os.notifyObservers(cancelQuit, "quit-application-requested", null); 82 | 83 | // Something aborted the quit process. 84 | if (cancelQuit.data) 85 | return; 86 | 87 | // Notify all windows that an application quit has been granted. 88 | os.notifyObservers(null, "quit-application-granted", null); 89 | 90 | // Enumerate all windows and call shutdown handlers 91 | var wm = Components.classes["@mozilla.org/appshell/window-mediator;1"] 92 | .getService(Components.interfaces.nsIWindowMediator); 93 | var windows = wm.getEnumerator(null); 94 | var win; 95 | while (windows.hasMoreElements()) { 96 | win = windows.getNext(); 97 | if (("tryToClose" in win) && !win.tryToClose()) 98 | return; 99 | } 100 | 101 | if (clearCache) { 102 | let XRE = Cc["@mozilla.org/xre/app-info;1"].getService(Ci.nsIXULRuntime); 103 | XRE.invalidateCachesOnRestart(); 104 | } 105 | appStartup.quit(appStartup.eRestart | appStartup.eAttemptQuit); 106 | } 107 | 108 | } 109 | 110 | ToolRstart.init(); 111 | 112 | -------------------------------------------------------------------------------- /chrome/aboutconfig-button.uc.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name About:Config Button 3 | // @author xiaoxiaoflood 4 | // ==/UserScript== 5 | 6 | // 'about:'-Button script for Firefox 60+ by Aris 7 | // 8 | // Need a different 'about' page button? 9 | // - replace 'about:config' url with a different 'about:' url 10 | // - replace button id 11 | // - replace icon / icon url / icon color 12 | 13 | (function() { 14 | 15 | try { 16 | Components.utils.import("resource:///modules/CustomizableUI.jsm"); 17 | var {Services} = Components.utils.import("resource://gre/modules/Services.jsm", {}); 18 | var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService); 19 | 20 | var button_label = "About Config Button"; 21 | 22 | CustomizableUI.createWidget({ 23 | id: "about-button", // button id 24 | defaultArea: CustomizableUI.AREA_NAVBAR, 25 | removable: true, 26 | label: button_label, // button title 27 | tooltiptext: button_label, // tooltip title 28 | onClick: function(event) { 29 | if(event.button=='0') { 30 | try { 31 | gBrowser.selectedTab = gBrowser.addTrustedTab('chrome://userchromejs/content/aboutconfig/config.xhtml'); 32 | } catch (e) {} 33 | } 34 | 35 | }, 36 | onCreated: function(button) { 37 | return button; 38 | } 39 | 40 | }); 41 | 42 | // style button icon 43 | var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\ 44 | \ 45 | #about-button .toolbarbutton-icon {\ 46 | list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAALHRFWHRDcmVhdGlvbiBUaW1lAFNhdCAyMSBBcHIgMjAxOCAxNzozMzozOSAtMDUwMB8fI8gAAAAHdElNRQfiBBUVITpVYbyOAAAACXBIWXMAAB7BAAAewQHDaVRTAAAABGdBTUEAALGPC/xhBQAAA3dJREFUeNptk+1vU3UUx7/319u729v1drvdQ+3dENhGh8pGWh8YNZlCZFlGgAQkGuQfQCXxIb7CMF/4QuNTjImJvMBEjRpRJHNs0xA2zNiUod3U4HCyB7q162h729v29vbe3usPDUbU8+rkl9/55pzz/RzGtm38OzRNc43OL+wxYIVYkJLfyZ0PtbWM4n+C+aeAZVnk5IXLR14j4pO/b2pq6a11Obu0FPS0Wixez07tkbiXI1vu/vo/AoW86pm9OLj/WNR9cCgv9R5ZXwYvA2/IHXhkbRHvy8fgrhcBO4dMEkOc+OYzgUBw9m+BqcFTB6rPvfhZvCoEnqtCc81pPEVO4ExHBDBMvLVyCk9HngVppBU8oNxoSBbssW5Zbv/V0d/fj4XxDw43zn354EbpJwSEKBiU4MxG0GrouMiKmMA6uGaaICXX4CIVeGTFvbq61Oyrf+wTElua3yD9/PFhoc4Ly+ChxQG2ci8OdNNO1OtAPIe6vIH3xB4Ep4/j7LntsBIcArWjD125Mh4h0YEvHuVWMn67UIaRs2EoLmiJKZy+NI2jyQ0IGiVUawWIJQ1wVEGUGBBnETzJiWpmpI8llskSOqdVqMByMFhLajgxeRDRpgCwKY9ZgUGbi4GWN7FPvYZIxwDgBogDDLFW/MQlehSGhVUp0QU5HMjHgB7/IrqQxru1E5hY9yl2pK7i6koWm5klCC5quw6YKrHKWiDGeoOhH9TPBZWDInGNTvi3iGjMRNEpf4cicycuXwjjRjEDFA2Ed81Q2ygvCpCNi1m31DNCQtu2Ta76wpfKmgUjXYYv7AH/QDuGV3fh0DtdePzHNiyWChjbO4C9wW9gLlMc5oFY4uHzneHI+F8cDA/16s/3na0POCAF3eBbBNgVFuk8dYWvoK75GiTKkWkQmDELqsWXMjvHutvvuf/7PzkItLbNzSyrHnVkfLuilKEmiyCMBmc5BZeZhkNnYVAH9N8slKhTC1vfPro1su/MbbdQqVQcw6+8dFw/+fpzyBQFiz57Gih4dLliDVC7mR7ZXXfE812vvnDfzic+vHUL7K3ENE22df+hj77lqvPW5Fe7pcLCeoujQjWMvVbrUX/xtM6lvH2DOxo6p1VV9dBQb+tA1/WqRCLhz+UoIPTDzVxRlBqGYWxJktI+ny/F83zJ6/VmZVleFgSheLPuD1GnjyW5j4EAAAAAAElFTkSuQmCC); /* icon / path to icon */ \ 47 | fill: goldenrod; /* icon color name/code */\ 48 | }\ 49 | \ 50 | '), null, null); 51 | 52 | sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET); 53 | 54 | } catch (e) { 55 | Components.utils.reportError(e); 56 | }; 57 | 58 | })(); -------------------------------------------------------------------------------- /chrome/css/buttons/button_effect_icon_glow.css: -------------------------------------------------------------------------------- 1 | /* Replace the button background-colors with a glow effect */ 2 | /* Edit the color choices how you see fit */ 3 | 4 | 5 | /* Make backgrounds transparent */ 6 | 7 | .urlbar-icon, 8 | .urlbar-icon-wrapper, 9 | toolbar .toolbarbutton-1, 10 | #tabbrowser-tabs toolbarbutton, 11 | toolbar toolbarbutton > .toolbarbutton-icon, 12 | toolbar toolbarbutton > .toolbarbutton-badge-stack, 13 | .titlebar-button, 14 | /*#identity-box, 15 | #tracking-protection-icon-container, */ 16 | .findbar-textbox~toolbarbutton, 17 | toolbarbutton.scrollbutton-up, 18 | toolbarbutton.scrollbutton-down{ background-color: transparent !important; border-color: transparent !important;} 19 | 20 | /* Glow effects on hover */ 21 | /*.close-icon:hover, */ 22 | .urlbar-history-dropmarker:hover, 23 | #page-action-buttons > .urlbar-icon:hover, 24 | .urlbar-icon-wrapper:hover > .urlbar-icon, 25 | toolbar .toolbarbutton-1:not([disabled]):hover .toolbarbutton-icon, 26 | #TabsToolbar toolbarbutton:not([disabled]):hover .toolbarbutton-icon, 27 | toolbar #downloads-button:hover #downloads-indicator-anchor, 28 | /* #identity-box:not(.no-hover):hover, 29 | #tracking-protection-icon:hover, */ 30 | .findbar-textbox~toolbarbutton:not([disabled]):hover, 31 | toolbarbutton.scrollbutton-up:not([disabled]):hover, 32 | toolbarbutton.scrollbutton-down:not([disabled]):hover{ 33 | filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 1px cyan) 34 | } 35 | 36 | /* Active states and close window button hover state */ 37 | /*#titlebar .titlebar-buttonbox > .titlebar-close:hover > .toolbarbutton-icon, */ 38 | /*.close-icon:active, */ 39 | .urlbar-history-dropmarker:active, 40 | #page-action-buttons > .urlbar-icon:active, 41 | #page-action-buttons > .urlbar-icon[open], 42 | .urlbar-icon-wrapper:active > .urlbar-icon, 43 | .urlbar-icon-wrapper[open] > .urlbar-icon, 44 | toolbar toolbarbutton:not([disabled]):active .toolbarbutton-icon, 45 | toolbar toolbarbutton:not([disabled])[open] .toolbarbutton-icon, 46 | #TabsToolbar toolbarbutton:not([disabled]):active .toolbarbutton-icon, 47 | toolbar #downloads-button:active #downloads-indicator-anchor, 48 | toolbar #downloads-button[open] #downloads-indicator-anchor, 49 | /* #identity-box:not([disabled]):active, 50 | #tracking-protection-icon-container[open] #tracking-protection-icon, */ 51 | .findbar-textbox~toolbarbutton:not([disabled]):active, 52 | toolbarbutton.scrollbutton-up:active, 53 | toolbarbutton.scrollbutton-down:active{ 54 | filter: brightness(2) drop-shadow(0 0 2px red) drop-shadow(0 0 1px yellow) 55 | } -------------------------------------------------------------------------------- /chrome/css/buttons/buttons_background_2_round_2_square.css: -------------------------------------------------------------------------------- 1 | /* MUST HAVE buttons glass effects enabled to work */ 2 | 3 | /* urlbar border load on new tab */ 4 | #urlbar, 5 | #urlbar-background, 6 | #urlbar-input-container { 7 | border-radius: 10px 100px / 120px !important; border: none !important; 8 | } 9 | 10 | /*menubar items */ 11 | #file-menu, #edit-menu, #view-menu, #history-menu, 12 | #bookmarksMenu, #tools-menu, #helpMenu { 13 | margin-top: 4px !important; 14 | padding-top: 2px !important; 15 | padding-bottom: 2px !important; 16 | } 17 | 18 | /* menubar items hovered*/ 19 | #file-menu:hover, #edit-menu:hover, #view-menu:hover, #history-menu:hover, 20 | #bookmarksMenu:hover, #tools-menu:hover, #helpMenu:hover { 21 | border-radius: 10px 100px / 120px !important; 22 | background: rgba(151,152,153,.05) linear-gradient(rgba(251,252,253,.55), rgba(246,247,248,.17) 49%, 23 | rgba(231,232,233,.25) 51%, rgba(225,226,229,.1)) !important; 24 | } 25 | 26 | 27 | /* bookmarks bar */ 28 | #PlacesToolbarItems toolbarbutton.bookmark-item:hover { 29 | border-radius: 10px 100px / 120px !important; 30 | background: rgba(151,152,153,.05) linear-gradient(rgba(251,252,253,.55), rgba(246,247,248,.17) 49%, 31 | rgba(231,232,233,.25) 51%, rgba(225,226,229,.1)) !important; 32 | } 33 | 34 | /* hamburger - more tools button */ 35 | #nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-icon, 36 | #nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack, 37 | #nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text, 38 | #nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack, 39 | #nav-bar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-text, 40 | #nav-bar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack, 41 | /* new tab button */ 42 | #tabs-newtab-button .toolbarbutton-icon, 43 | /* private tab button */ 44 | #privateTab-button .toolbarbutton-icon, 45 | /* overflow button */ 46 | #nav-bar-overflow-button .toolbarbutton-icon, 47 | /* sidebar button */ 48 | #sidebar-button .toolbarbutton-icon, 49 | /* home button */ 50 | #home-button .toolbarbutton-icon, 51 | /* my uc.js buttons */ 52 | #uc-restart .toolbarbutton-icon, 53 | /* sextensions options menu button */ 54 | #eom-button .toolbarbutton-icon, 55 | /* extensions buttons */ 56 | .webextension-browser-action .toolbarbutton-badge-stack, 57 | /* addon bar buttons */ 58 | #addonbar .toolbarbutton-1, 59 | /* menu bar buttons */ 60 | #main-window toolbox toolbar :is(#home-button) .toolbarbutton-icon, 61 | /*policies container */ 62 | #policies-container { 63 | border-radius: 10px 100px / 120px !important; 64 | } 65 | 66 | /* rounded top corners on tabs */ 67 | #identity-box, 68 | #urlbar, 69 | #identity-box:after, 70 | /* rounded top corners on tabs */ 71 | .tabbrowser-tab, 72 | .tab-background, 73 | .tabbrowser-tab:not([selected]):hover .tab-content, 74 | /* tab loading burst */ 75 | .tabbrowser-tab .tab-loading-burst { 76 | border-radius: 10px 100px / 120px !important; 77 | } 78 | -------------------------------------------------------------------------------- /chrome/css/buttons/buttons_background_rounded_corners.css: -------------------------------------------------------------------------------- 1 | /* MUST HAVE buttons glass effects enabled to work */ 2 | 3 | /* urlbar border load on new tab */ 4 | #urlbar, 5 | #urlbar-background, 6 | #urlbar-input-container { 7 | border-radius: 4px !important; border: none !important; 8 | } 9 | 10 | /*menubar items */ 11 | #file-menu, #edit-menu, #view-menu, #history-menu, 12 | #bookmarksMenu, #tools-menu, #helpMenu { 13 | margin-top: 4px !important; 14 | padding-top: 2px !important; 15 | padding-bottom: 2px !important; 16 | } 17 | 18 | /* menubar items hovered*/ 19 | #file-menu:hover, #edit-menu:hover, #view-menu:hover, #history-menu:hover, 20 | #bookmarksMenu:hover, #tools-menu:hover, #helpMenu:hover { 21 | border-radius: 4px !important; 22 | background: rgba(151,152,153,.05) linear-gradient(rgba(251,252,253,.55), rgba(246,247,248,.17) 49%, 23 | rgba(231,232,233,.25) 51%, rgba(225,226,229,.1)) !important; 24 | } 25 | 26 | /* bookmarks bar */ 27 | #PlacesToolbarItems toolbarbutton.bookmark-item:hover { 28 | border-radius: 4px !important; 29 | background: rgba(151,152,153,.05) linear-gradient(rgba(251,252,253,.55), rgba(246,247,248,.17) 49%, 30 | rgba(231,232,233,.25) 51%, rgba(225,226,229,.1)) !important; 31 | } 32 | 33 | /* hamburger - more tools button */ 34 | #nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-icon, 35 | #nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack, 36 | #nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text, 37 | #nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack, 38 | #nav-bar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-text, 39 | #nav-bar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack, 40 | /* new tab button */ 41 | #tabs-newtab-button .toolbarbutton-icon, 42 | /* private tab button */ 43 | #privateTab-button .toolbarbutton-icon, 44 | /* overflow button */ 45 | #nav-bar-overflow-button .toolbarbutton-icon, 46 | /* sidebar button */ 47 | #sidebar-button .toolbarbutton-icon, 48 | /* home button */ 49 | #home-button .toolbarbutton-icon, 50 | /* my uc.js buttons */ 51 | #uc-restart .toolbarbutton-icon, 52 | /* sextensions options menu button */ 53 | #eom-button .toolbarbutton-icon, 54 | /* extensions buttons */ 55 | .webextension-browser-action .toolbarbutton-badge-stack, 56 | /* addon bar buttons */ 57 | #addonbar .toolbarbutton-1, 58 | /* menu bar buttons */ 59 | #main-window toolbox toolbar :is(#home-button) .toolbarbutton-icon, 60 | /*policies container */ 61 | #policies-container { 62 | border-radius: 8px !important; 63 | } 64 | 65 | /* round corners on address bar */ 66 | #identity-box, 67 | #urlbar, 68 | #identity-box:after, 69 | /* round top corners on tabs */ 70 | .tabbrowser-tab, 71 | .tab-background, 72 | .tabbrowser-tab:not([selected]):hover .tab-content, 73 | /* tab loading burst */ 74 | .tabbrowser-tab .tab-loading-burst { 75 | border-radius: 8px !important; 76 | } 77 | -------------------------------------------------------------------------------- /chrome/css/buttons/buttons_on_NAVIGATOR-TOOLBOX_glass_appearance.css: -------------------------------------------------------------------------------- 1 | /* transparent button style */ 2 | #main-window:not([customizing]) #navigator-toolbox .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-icon, 3 | #main-window:not([customizing]) #navigator-toolbox .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-text, 4 | #main-window:not([customizing]) #navigator-toolbox .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack, 5 | #navigator-toolbox toolbarbutton[type="menu-button"] .toolbarbutton-icon, 6 | #navigator-toolbox .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 7 | #navigator-toolbox .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, 8 | #navigator-toolbox .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 9 | #navigator-toolbox .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-icon, 10 | #navigator-toolbox .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-text, 11 | #navigator-toolbox .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack, 12 | #navigator-toolbox .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { 13 | background: rgba(151,152,153,.05) linear-gradient(rgba(251,252,253,.55), rgba(246,247,248,.17) 49%, 14 | rgba(231,232,233,.25) 51%, rgba(225,226,229,.1)) !important; 15 | border-color: rgba(0,0,0,.10) rgba(0,0,0,.16) rgba(0,0,0,.18) !important; 16 | box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 17 | 0 0 0 2px rgba(255,255,255,.1) inset, 18 | 0 0 0 1px rgba(0,0,0,.4) inset !important; 19 | } 20 | #navigator-toolbox .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 21 | #navigator-toolbox .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, 22 | #navigator-toolbox .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 23 | #navigator-toolbox .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon, 24 | #navigator-toolbox .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text, 25 | #navigator-toolbox .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack, 26 | #navigator-toolbox .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { 27 | background-color: hsla(190,60%,70%,.3) !important; 28 | border-color: hsla(190,50%,65%,.8) hsla(190,50%,50%,.8) hsla(190,50%,40%,.8) !important; 29 | box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 30 | 0 0 0 1.5px rgba(255,255,255,.1) inset, 31 | 0 0 3.5px hsl(190,90%,80%), 32 | 0 0 0 1px rgba(0,0,0,.4) inset !important; 33 | transition: background-color .3s ease-in, 34 | border-color .2s ease-in, 35 | box-shadow .2s ease-in !important; 36 | } 37 | #navigator-toolbox toolbarbutton[type="menu"][open]:not([disabled]) .toolbarbutton-icon, 38 | #navigator-toolbox toolbarbutton[type="menu-button"]:not([open]):hover:not([disabled]):active .toolbarbutton-icon, 39 | #navigator-toolbox .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):is(:hover:active,:active, [open]) > .toolbarbutton-icon, 40 | #navigator-toolbox .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, 41 | #navigator-toolbox .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-icon, 42 | #navigator-toolbox .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-text, 43 | #navigator-toolbox .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack { 44 | background-color: transparent !important; 45 | border-color: rgba(0,0,0,.65) rgba(0,0,0,.55) rgba(0,0,0,.5) !important; 46 | box-shadow: 0 0 6.5px rgba(0,0,0,.4) inset, 47 | 0 0 2px rgba(0,0,0,.4) inset, 48 | 0 1px 0 rgba(255,255,255,.4), 49 | 0 0 0 1px rgba(0,0,0,.4) inset !important; 50 | } 51 | #navigator-toolbox toolbarbutton[disabled=true] > .toolbarbutton-icon { 52 | opacity: .6 !important; 53 | } 54 | 55 | #navigator-toolbox toolbarbutton[disabled=true]{ 56 | opacity: 1.0 !important; 57 | } 58 | -------------------------------------------------------------------------------- /chrome/css/buttons/buttons_on_addonbar_glass_appearance.css: -------------------------------------------------------------------------------- 1 | /* button spacing */ 2 | #addonbar .toolbarbutton-1{ 3 | margin-left: 2px !important; 4 | margin-right: 0px !important; 5 | margin-top: 0px !important; 6 | margin-bottom: 1px !important; 7 | width: 28px !important; 8 | } 9 | 10 | /* classic button style */ 11 | #main-window:not([customizing]) #addonbar .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active), 12 | #addonbar toolbarbutton[type="menu-button"], 13 | #addonbar .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 14 | #addonbar .toolbarbutton-1[open] > .toolbarbutton-menubutton-button, 15 | #addonbar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 16 | #addonbar .toolbarbutton-1:not([checked]):not([open]):not(:active), 17 | #addonbar .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { 18 | background: rgba(151,152,153,.05) linear-gradient(rgba(251,252,253,.55), rgba(246,247,248,.17) 49%, 19 | rgba(231,232,233,.25) 51%, rgba(225,226,229,.1)) !important; 20 | border-color: rgba(0,0,0,.10) rgba(0,0,0,.16) rgba(0,0,0,.18) !important; 21 | box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 22 | 0 0 0 2px rgba(255,255,255,.1) inset, 23 | 0 0 0 1px rgba(0,0,0,.4) inset !important; 24 | } 25 | #addonbar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 26 | #addonbar .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button , 27 | #addonbar .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 28 | #addonbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover, 29 | #addonbar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { 30 | background-color: hsla(190,60%,70%,.3) !important; 31 | border-color: hsla(190,50%,65%,.8) hsla(190,50%,50%,.8) hsla(190,50%,40%,.8) !important; 32 | box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 33 | 0 0 0 1.5px rgba(255,255,255,.1) inset, 34 | 0 0 3.5px hsl(190,90%,80%), 35 | 0 0 0 1px rgba(0,0,0,.4) inset !important; 36 | transition: background-color .3s ease-in, 37 | border-color .2s ease-in, 38 | box-shadow .2s ease-in !important; 39 | } 40 | #addonbar toolbarbutton[type="menu"][open]:not([disabled]), 41 | #addonbar toolbarbutton[type="menu-button"]:not([open]):hover:not([disabled]):active , 42 | #addonbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):is(:hover:active,:active, [open]), 43 | #addonbar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, 44 | #addonbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) { 45 | background-color: transparent !important; 46 | border-color: rgba(0,0,0,.65) rgba(0,0,0,.55) rgba(0,0,0,.5) !important; 47 | box-shadow: 0 0 6.5px rgba(0,0,0,.4) inset, 48 | 0 0 2px rgba(0,0,0,.4) inset, 49 | 0 1px 0 rgba(255,255,255,.4), 50 | 0 0 0 1px rgba(0,0,0,.4) inset !important; 51 | } 52 | #addonbar toolbarbutton[disabled=true] > .toolbarbutton-icon { 53 | opacity: .6 !important; 54 | } 55 | 56 | #addonbar toolbarbutton[disabled=true]{ 57 | opacity: 1.0 !important; 58 | } -------------------------------------------------------------------------------- /chrome/css/buttons/buttons_on_bookmarks_toolbar_glass_appearance.css: -------------------------------------------------------------------------------- 1 | /* back button adjustment */ 2 | #PersonalToolbar #back-button .toolbarbutton-icon { 3 | border: 0 !important; 4 | } 5 | 6 | /* adjust zoom reset and copy buttons position */ 7 | #PersonalToolbar :is(#copy-button,#zoom-reset-button) { 8 | -moz-margin-start: -1px !important; 9 | -moz-margin-end: -1px !important; 10 | } 11 | #PersonalToolbar :is(#edit-controls, #zoom-controls) separator { 12 | visibility: collapse !important; 13 | } 14 | 15 | /* button spacing */ 16 | #PersonalToolbar .toolbarbutton-1{ 17 | margin-left: 1px !important; 18 | margin-right: 1px !important; 19 | } 20 | 21 | /* classic button style */ 22 | #main-window:not([customizing]) #PersonalToolbar .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active), 23 | #PersonalToolbar toolbarbutton[type="menu-button"], 24 | #PersonalToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 25 | #PersonalToolbar .toolbarbutton-1[open] > .toolbarbutton-menubutton-button, 26 | #PersonalToolbar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 27 | #PersonalToolbar .toolbarbutton-1:not([checked]):not([open]):not(:active), 28 | #PersonalToolbar .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { 29 | background: rgba(151,152,153,.05) linear-gradient(rgba(251,252,253,.95), rgba(246,247,248,.47) 1%, 30 | rgba(231,232,233,.45) 51%, rgba(225,226,229,.3)) !important; 31 | border-color: rgba(0,0,0,.12) rgba(0,0,0,.19) rgba(0,0,0,.38) !important; 32 | box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 33 | 0 0 0 2px rgba(255,255,255,.1) inset, 34 | 0 0 0 1px rgba(0,0,0,.4) inset !important; 35 | } 36 | #PersonalToolbar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 37 | #PersonalToolbar .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button , 38 | #PersonalToolbar .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 39 | #PersonalToolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover, 40 | #PersonalToolbar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { 41 | background-color: hsla(190,60%,70%,.5) !important; 42 | border-color: hsla(190,50%,65%,.8) hsla(190,50%,50%,.8) hsla(190,50%,40%,.8) !important; 43 | box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 44 | 0 0 0 1.5px rgba(255,255,255,.1) inset, 45 | 0 0 3.5px hsl(190,90%,80%), 46 | 0 0 0 1px rgba(0,0,0,.4) inset !important; 47 | transition: background-color .3s ease-in, 48 | border-color .2s ease-in, 49 | box-shadow .2s ease-in !important; 50 | } 51 | #PersonalToolbar toolbarbutton[type="menu"][open]:not([disabled]), 52 | #PersonalToolbar toolbarbutton[type="menu-button"]:not([open]):hover:not([disabled]):active , 53 | #PersonalToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):is(:hover:active,:active, [open]), 54 | #PersonalToolbar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, 55 | #PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) { 56 | background-color: transparent !important; 57 | border-color: rgba(0,0,0,.65) rgba(0,0,0,.55) rgba(0,0,0,.5) !important; 58 | box-shadow: 0 0 6.5px rgba(0,0,0,.4) inset, 59 | 0 0 2px rgba(0,0,0,.4) inset, 60 | 0 1px 0 rgba(255,255,255,.4), 61 | 0 0 0 1px rgba(0,0,0,.4) inset !important; 62 | } 63 | #PersonalToolbar toolbarbutton[disabled=true] > .toolbarbutton-icon { 64 | opacity: .1 !important; 65 | } 66 | 67 | #PersonalToolbar toolbarbutton[disabled=true]{ 68 | opacity: .1 !important; 69 | } -------------------------------------------------------------------------------- /chrome/css/buttons/buttons_on_tabtoolbar_glass_appearance.css: -------------------------------------------------------------------------------- 1 | /* transparent button style */ 2 | #main-window:not([customizing]) #TabsToolbar .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-icon, 3 | #main-window:not([customizing]) #TabsToolbar .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-text, 4 | #main-window:not([customizing]) #TabsToolbar .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack, 5 | #TabsToolbar toolbarbutton[type="menu-button"] .toolbarbutton-icon, 6 | #TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 7 | #TabsToolbar .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, 8 | #TabsToolbar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 9 | #TabsToolbar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-icon, 10 | #TabsToolbar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-text, 11 | #TabsToolbar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack, 12 | #TabsToolbar .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { 13 | background: rgba(151,152,153,.05) linear-gradient(rgba(251,252,253,.55), rgba(246,247,248,.17) 49%, 14 | rgba(231,232,233,.25) 51%, rgba(225,226,229,.1)) !important; 15 | border-color: rgba(0,0,0,.10) rgba(0,0,0,.16) rgba(0,0,0,.18) !important; 16 | box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 17 | 0 0 0 2px rgba(255,255,255,.1) inset, 18 | 0 0 0 1px rgba(0,0,0,.4) inset !important; 19 | } 20 | #TabsToolbar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 21 | #TabsToolbar .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, 22 | #TabsToolbar .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, 23 | #TabsToolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon, 24 | #TabsToolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text, 25 | #TabsToolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack, 26 | #TabsToolbar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { 27 | background-color: hsla(190,60%,70%,.3) !important; 28 | border-color: hsla(190,50%,65%,.8) hsla(190,50%,50%,.8) hsla(190,50%,40%,.8) !important; 29 | box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 30 | 0 0 0 1.5px rgba(255,255,255,.1) inset, 31 | 0 0 3.5px hsl(190,90%,80%), 32 | 0 0 0 1px rgba(0,0,0,.4) inset !important; 33 | transition: background-color .3s ease-in, 34 | border-color .2s ease-in, 35 | box-shadow .2s ease-in !important; 36 | } 37 | #TabsToolbar toolbarbutton[type="menu"][open]:not([disabled]) .toolbarbutton-icon, 38 | #TabsToolbar toolbarbutton[type="menu-button"]:not([open]):hover:not([disabled]):active .toolbarbutton-icon, 39 | #TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):is(:hover:active,:active, [open]) > .toolbarbutton-icon, 40 | #TabsToolbar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, 41 | #TabsToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-icon, 42 | #TabsToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-text, 43 | #TabsToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack { 44 | background-color: transparent !important; 45 | border-color: rgba(0,0,0,.65) rgba(0,0,0,.55) rgba(0,0,0,.5) !important; 46 | box-shadow: 0 0 6.5px rgba(0,0,0,.4) inset, 47 | 0 0 2px rgba(0,0,0,.4) inset, 48 | 0 1px 0 rgba(255,255,255,.4), 49 | 0 0 0 1px rgba(0,0,0,.4) inset !important; 50 | } 51 | #TabsToolbar toolbarbutton[disabled=true] > .toolbarbutton-icon { 52 | opacity: .6 !important; 53 | } 54 | 55 | #TabsToolbar toolbarbutton[disabled=true]{ 56 | opacity: 1.0 !important; 57 | } 58 | -------------------------------------------------------------------------------- /chrome/css/buttons/custom_backforward_large_ff3.css: -------------------------------------------------------------------------------- 1 | /* custom large back-forward buttons */ 2 | @import url(./custom_backforward_large.css); 3 | 4 | #main-window toolbox toolbar :is(#back-button, #forward-button) .toolbarbutton-icon { 5 | list-style-image: url("./../../image/bf_ff3.png") !important; 6 | } -------------------------------------------------------------------------------- /chrome/css/buttons/custom_home_dewman.css: -------------------------------------------------------------------------------- 1 | /* custom home button */ 2 | #main-window toolbox toolbar #home-button .toolbarbutton-icon { 3 | list-style-image: url("./../../image/dewhome1.png") !important; 4 | } 5 | 6 | -------------------------------------------------------------------------------- /chrome/css/buttons/custom_sidebar_dewman.css: -------------------------------------------------------------------------------- 1 | /* custom sidebar button */ 2 | #main-window toolbox toolbar #sidebar-button .toolbarbutton-icon { 3 | list-style-image: url("./../../image/bookmarksMenu1.png") !important; 4 | } 5 | 6 | -------------------------------------------------------------------------------- /chrome/css/buttons/icons_colorized.css: -------------------------------------------------------------------------------- 1 | /******* button icon colors ******/ 2 | 3 | #reload-button, 4 | #reload-button .toolbarbutton-animatable-image { 5 | fill: lime !important; 6 | } 7 | #stop-button, 8 | #stop-button .toolbarbutton-animatable-image, 9 | #stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image{ 10 | fill: red !important; 11 | } 12 | 13 | /* red */ 14 | #containers-panelmenu, 15 | #pocket-button:not([open]), 16 | #PanelUI-quit:not(:hover), 17 | #web-apps-button, 18 | #e10s-button, 19 | #panic-button, 20 | #cut-button, 21 | #zoom-out-button { 22 | fill: red !important; 23 | } 24 | 25 | /*ROYAL BLUE*/ 26 | #save-page-button , 27 | #back-button, 28 | #forward-button, 29 | #new-window-button, 30 | #new-tab-button, 31 | .scrollbutton-up, 32 | .scrollbutton-down, 33 | #navigator-toolbox #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up, 34 | #navigator-toolbox #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down, 35 | .search-go-button, 36 | #downloads-button, 37 | #downloads-button[indicator="true"]:not([attention="success"]) #downloads-indicator-icon, 38 | #zoom-in-button, 39 | #copy-button, 40 | #find-button, 41 | #sidebar-button, 42 | #fullscreen-button, 43 | #PanelUI-customize, 44 | #password-notification-icon, 45 | #PanelUI-fxa-status, 46 | #sync-button, 47 | #tabview-button, 48 | #social-share-button{ 49 | fill: #4169e1 !important; 50 | } 51 | 52 | /*green*/ 53 | #search-go-button, 54 | .search-go-button, 55 | #urlbar-go-button, 56 | .urlbar-go-button, 57 | #paste-button, 58 | #email-link-button { 59 | fill: green !important; 60 | } 61 | 62 | /*orange*/ 63 | #PanelUI-menu-button, 64 | #open-file-button, 65 | #home-button, 66 | #feed-button{ 67 | fill: orange !important; 68 | } 69 | 70 | /*PURPLE*/ 71 | #history-button, 72 | #history-panelmenu, 73 | #library-button, 74 | #privatebrowsing-button, 75 | #print-button{ 76 | fill: #800080 !important; 77 | } 78 | 79 | /*AZURE*/ 80 | #webide-button, 81 | #nav-bar-overflow-button, 82 | #bookmarks-menu-button, 83 | #bookmarks-button, 84 | #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon{ 85 | fill: #336699 !important; 86 | } 87 | 88 | /* gray*/ 89 | #developer-button, 90 | #characterencoding-button { 91 | fill: gray !important; 92 | } 93 | 94 | #preferences-button { 95 | fill: #e0850f !important; 96 | } 97 | 98 | #add-ons-button { 99 | fill: #05b405 !important; 100 | } -------------------------------------------------------------------------------- /chrome/css/content/!change_link_colors.css: -------------------------------------------------------------------------------- 1 | /* Link colors on all sites, except those specified */ 2 | 3 | /* @-moz-document regexp("https?://(?!(addons.mozilla.org|www.reddit.com)).*") { 4 | a:link { color: SaddleBrown !important; } 5 | a:visited { color: Red !important; } 6 | a:hover { color: Crimson !important; } 7 | a:active { color: DarkGoldenrod !important; } 8 | } */ 9 | 10 | 11 | /* Link colors on all sites */ 12 | 13 | 14 | @-moz-document url-prefix("http://"), url-prefix("https://") { 15 | /* a:link { color: Blue !important; } */ 16 | a:visited { color: Red !important; } 17 | a:hover { color: Magenta !important; } 18 | /* a:active { color: LimeGreen !important; } */ 19 | } 20 | 21 | 22 | /* Link colors on specific sites */ 23 | 24 | @-moz-document domain("google.ca"), domain("google.com") { 25 | a:visited { color: Red !important; } 26 | a:hover { color: Magenta !important; } 27 | } 28 | 29 | @-moz-document domain(duckduckgo.com) { 30 | a:link {font-weight: bold !important; } 31 | a:visited { color: Red !important; } 32 | a:hover { color: Magenta !important; } 33 | a:active { color: LimeGreen !important; } 34 | } 35 | 36 | @-moz-document domain("greasyfork.org") { 37 | a:visited { color: Red !important; } 38 | a:hover { color: Green !important; } 39 | } 40 | 41 | @-moz-document domain("ipleak.net") { 42 | a:visited { color: Lime !important; } 43 | } 44 | 45 | @-moz-document domain("newsnow.co.uk") { 46 | a:visited { color: DarkOrange !important; } 47 | } 48 | 49 | @-moz-document domain("pof.com") { 50 | a:visited { color: DarkOrange !important; } 51 | } 52 | 53 | @-moz-document domain("rawstory.com") { 54 | a:visited { color: DarkTurquoise !important; } 55 | a:hover { color: LimeGreen !important; } 56 | } 57 | 58 | @-moz-document domain("scotiabank.com") { 59 | a:visited { color: LimeGreen !important; } 60 | } 61 | 62 | @-moz-document domain("squirt.org") { 63 | a:visited { color: LimeGreen !important; } 64 | } 65 | 66 | @-moz-document domain("theguardian.com") { 67 | a:link { color: LimeGreen !important; } 68 | a:visited { color: Magenta !important; } 69 | a:hover { color: Gold !important; } 70 | } 71 | 72 | @-moz-document domain("theweathernetwork.com") { 73 | a:visited { color: LimeGreen !important; } 74 | } 75 | 76 | @-moz-document domain("tsn.ca") { 77 | a:visited { color: DarkOrange !important; } 78 | } 79 | 80 | @-moz-document domain("youtube.com") { 81 | a:link { color: Gold !important; } 82 | a:visited { color: Red !important; } 83 | a:hover { color: LimeGreen !important; } 84 | } 85 | 86 | @-moz-document domain("reddit.com") { 87 | /* a:link { color: DarkCyan !important; } */ 88 | a:visited { color: Red !important; } 89 | a:hover { color: Magenta !important; } 90 | } 91 | 92 | @-moz-document domain("old.reddit.com") { 93 | /* a:link { color: DarkCyan !important; } */ 94 | a:visited { color: Red !important; } 95 | a:hover { color: Magenta !important; } 96 | } 97 | 98 | @-moz-document domain("list25.com") { 99 | a:link {font-weight: bold !important; } 100 | a:link { color: LimeGreen !important; } 101 | a:visited { color: DarkCyan !important; } 102 | a:hover { color: Magenta !important; } 103 | } 104 | 105 | 106 | /**/ -------------------------------------------------------------------------------- /chrome/css/content/DuckDuckGo_Background.css: -------------------------------------------------------------------------------- 1 | @-moz-document domain("duckduckgo.com") { 2 | body { background: #1c1c1c !important; 3 | background-image: url(DuckDuckGo_Background.jpg) !important; } 4 | } -------------------------------------------------------------------------------- /chrome/css/content/DuckDuckGo_Background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/css/content/DuckDuckGo_Background.jpg -------------------------------------------------------------------------------- /chrome/css/content/DuckDuckGo_Logo_Martha.css: -------------------------------------------------------------------------------- 1 | @-moz-document domain("duckduckgo.com") { 2 | 3 | .logo_homepage {background-image: url("./../../css/content/DuckDuckGo_Logo_Martha.jpg") !important; 4 | width: 580px !important; 5 | height: 225px !important; 6 | } 7 | 8 | /* logo position */ 9 | #content_homepage { 10 | margin-top: -60px !important; 11 | } 12 | 13 | .logo_homepage__tt, 14 | .header--aside, 15 | .tag-home--slide, 16 | .onboarding-ed, 17 | .site-wrapper-border { 18 | display: none !important; 19 | } 20 | 21 | .header-wrap--home, .header-wrap {border-top: none !important} 22 | .logo-wrap--home {max-width: 634px !important; width: 70% !important;} 23 | 24 | .header__logo {background-image: url("./../../css/content/DuckDuckGo_Logo_Martha.jpg") !important; 25 | } 26 | 27 | /* bottom advertizing and faq */ 28 | .badge-link, 29 | .faq__content { 30 | display: none !important; 31 | } 32 | 33 | } -------------------------------------------------------------------------------- /chrome/css/content/DuckDuckGo_Logo_Martha.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/css/content/DuckDuckGo_Logo_Martha.jpg -------------------------------------------------------------------------------- /chrome/css/content/DuckDuckGo_remove_tab_flash_darkmode.css: -------------------------------------------------------------------------------- 1 | /* Remove DDG New Tab Flash */ 2 | 3 | @-moz-document domain("duckduckgo.com"),url-prefix("https://duckduckgo.com/") { 4 | body { background: #1c1c1c !important; } 5 | } 6 | 7 | -------------------------------------------------------------------------------- /chrome/css/content/GoogleMartha_Logo.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix("http://www.google."), url-prefix("https://www.google.") { 2 | div.om7nvf { padding: 90px !important } 3 | 4 | img#hplogo, img.lnXdpd { 5 | background: url("./../../css/content/GoogleMartha_Logo_Dark.jpg") no-repeat!important; 6 | background-size: 450px 179px!important; 7 | height: 0!important; 8 | width: 450px!important; 9 | padding-top:179px !important; 10 | } 11 | 12 | #hplogo, .lnXdpd { 13 | background: url("./../../css/content/GoogleMartha_Logo_Dark.jpg") no-repeat !important; 14 | background-size: 450px 179px!important; 15 | width: 450px !important; 16 | height: 179px !important; 17 | padding-top:179px !important; 18 | } 19 | 20 | div#hplogo, div.lnXdpd { 21 | background: url("./../../css/content/GoogleMartha_Logo_Dark.jpg") no-repeat!important; 22 | background-size: 450px 179px!important; 23 | height: 179px!important; 24 | width: 450px!important; 25 | padding-top:179px !important; 26 | } 27 | 28 | /* google crap */ 29 | #hplogoy, .ddlv-a, 30 | .FPdoLc, 31 | .szppmdbYutt__middle-slot-promo, 32 | #gws-output-pages-elements-homepage_additional_languages__als { 33 | display: none !important; 34 | } 35 | 36 | 37 | /* some new animated shit */ 38 | #hplogo2, #hpcta, #hpctaplay { 39 | display: none !important; 40 | } 41 | 42 | } 43 | 44 | /* 45 | @-moz-document regexp("https?://www.google.(co.uk)).*") 46 | 47 | 48 | */ -------------------------------------------------------------------------------- /chrome/css/content/GoogleMartha_Logo_Dark.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/css/content/GoogleMartha_Logo_Dark.jpg -------------------------------------------------------------------------------- /chrome/css/content/GoogleMartha_Logo_Light.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/css/content/GoogleMartha_Logo_Light.jpg -------------------------------------------------------------------------------- /chrome/css/content/Google_Background_Dark.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix("https://www.google.com/web"), url-prefix("https://www.google.ca/web") 2 | { 3 | body { background-image: url(Google_Background_Dark.jpg) !important; } 4 | 5 | #gb {background: transparent !important;) 6 | } -------------------------------------------------------------------------------- /chrome/css/content/Google_Background_Dark.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/css/content/Google_Background_Dark.jpg -------------------------------------------------------------------------------- /chrome/css/content/Google_Background_Light.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix("https://www.google.com/web"), url-prefix("https://www.google.ca/web") 2 | { 3 | body { background-image: url(Google_Background_Light.jpg) !important; } 4 | 5 | #gb {background: transparent !important;) 6 | } -------------------------------------------------------------------------------- /chrome/css/content/Google_Background_Light.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/css/content/Google_Background_Light.jpg -------------------------------------------------------------------------------- /chrome/css/content/_clear_browsing_data.css: -------------------------------------------------------------------------------- 1 | /* webextension Clear Browsing Data */ 2 | @-moz-document url-prefix("moz-extension://ed9070fc-eb6c-458e-bf08-d878e6bd2a66/") { 3 | 4 | .list, 5 | .list-item { 6 | color: #ddd !important; 7 | background-color: #111 !important; 8 | } 9 | 10 | .mdc-list-item:hover { 11 | color: #fff !important; 12 | background-color: #777 !important; 13 | } 14 | 15 | .mdc-list-item:focus, 16 | .mdc-list-item--selected, 17 | .mdc-list-item--activated { 18 | color: #fff !important; 19 | background-color: #9C04D1 !important; 20 | } 21 | 22 | } 23 | 24 | 25 | -------------------------------------------------------------------------------- /chrome/css/content/_containerize.css: -------------------------------------------------------------------------------- 1 | /*------ CONTAINERIZE ------*/ 2 | @-moz-document url-prefix(moz-extension://139f926f-d3d1-4e48-a076-774ff750dfe2/) { 3 | html, body {background: #222 !important; 4 | color: #ddd !important; 5 | } 6 | 7 | h3, legend {color: #ddd !important} 8 | span:not(#current-container), #container-info-movetabs, 9 | .container-info-tab-title, .truncate-text {color: #ddd !important} 10 | 11 | #sort-containers-link, .userContext-wrapper, .show-tabs:not(.pop-button-image-small), 12 | #edit-containers-link, #container-add-link, #edit-container-cancel-link, .panel-back-arrow, 13 | .container-panel-row { 14 | background-color: #333 !important; 15 | color: #ddd !important} 16 | 17 | #sort-containers-link:hover, .userContext-wrapper:hover, .show-tabs:hover, 18 | #edit-containers-link:hover, #container-add-link:hover, #edit-container-cancel-link:hover, 19 | .panel-back-arrow:hover, .clickable:hover, .pop-button:hover { 20 | background-color: #444 !important; 21 | color: #fff !important} 22 | 23 | .pop-button-image-small {fill: #fff !important} 24 | 25 | #container-page-assigned {filter: invert(80%)} 26 | 27 | #sort-containers-link, .container-panel-row {border-color: #666 !important} 28 | #edit-containers-link {border: 1px solid #666 !important} 29 | 30 | #container-add-link { 31 | border-top: 1px solid #666 !important; 32 | border-right: 1px solid #666 !important; 33 | border-bottom: 1px solid #666 !important} 34 | 35 | .edit-containers-text {border-inline-end: transparent !important} 36 | .scrollable {border-block-start: 1px solid #666 !important} 37 | .panel-footer {border-block-end: transparent !important} 38 | 39 | #redirect-url {background-color: #333 !important} 40 | } 41 | 42 | @-moz-document url-prefix(http){ 43 | .container-notification { 44 | background-color: rgba(50,50,50,0.7) !important; 45 | color: #0c0 !important} 46 | } 47 | -------------------------------------------------------------------------------- /chrome/css/content/_cookie_autodelete.css: -------------------------------------------------------------------------------- 1 | /* webextension Cookie AutoDelete */ 2 | @-moz-document url-prefix("moz-extension://b126e5ec-4d00-4737-829d-3a8eb44de22d/") { 3 | a { 4 | color: var(--accent-1) 5 | } 6 | a:hover { 7 | color: var(--accent-2) 8 | } 9 | #layout, 10 | html { 11 | background: #111!important; 12 | color: var(--primary-light-color)!important 13 | } 14 | #menu { 15 | background-color: #111!important 16 | } 17 | .menu-link { 18 | background: #111!important 19 | } 20 | 21 | .pure-menu-item:hover, 22 | .pure-menu-selected { 23 | background-color: #111!important; 24 | } 25 | .form-control, 26 | input[type=number] { 27 | -moz-appearance: none!important; 28 | background: #111!important; 29 | color: var(--tone-4)!important; 30 | border-color: var(--tone-5)!important 31 | } 32 | .nav-tabs .nav-link { 33 | color: var(--tone-4)!important 34 | } 35 | .nav-tabs .nav-link.active { 36 | color: var(--accent-1)!important; 37 | background-color: #111!important; 38 | border-color: #ddd #ddd #fff!important 39 | } 40 | body { 41 | color: #bbb !important; 42 | background-color: #111!important 43 | } 44 | .btn-light { 45 | color: var(--tone-4)!important; 46 | background-color: #111!important; 47 | border-color: var(--tone-4)!important 48 | } 49 | 50 | .table { 51 | color: #ddd!important; 52 | background-color: #666!important; 53 | border-color: var(--tone-4)!important 54 | } 55 | 56 | } 57 | -------------------------------------------------------------------------------- /chrome/css/content/_decentraleyes.css: -------------------------------------------------------------------------------- 1 | /* webextension Decentraleyes */ 2 | @-moz-document url-prefix("moz-extension://fb09b367-64c7-4630-a3c1-bc8919b21b44/") { 3 | body { 4 | background-color: #111 !important; 5 | color: #ddd !important 6 | } 7 | .panel:not(:last-child), 8 | header { 9 | border-color: var(--tone-5) !important 10 | } 11 | .button { 12 | background-color: #111 !important; 13 | border-color: var(--tone-5) !important 14 | } 15 | .button:hover { 16 | background-color: #111 !important 17 | } 18 | } -------------------------------------------------------------------------------- /chrome/css/content/_export_tab_urls.css: -------------------------------------------------------------------------------- 1 | /*------ EXPORT TABS URLs ------*/ 2 | @-moz-document url-prefix(moz-extension://f7842559-b99b-47e6-84a8-eab7dd8a640c/) { 3 | 4 | *, 5 | body, 6 | h1, 7 | p+p { 8 | background: #111!important; 9 | color: #ddd !important; 10 | } 11 | 12 | } -------------------------------------------------------------------------------- /chrome/css/content/_firefox_multi-container_accounts.css: -------------------------------------------------------------------------------- 1 | /*------ MULTI-ACCOUNTS CONTAINER ADDON ------*/ 2 | @-moz-document url-prefix(moz-extension://ba0306a3-e138-4b5a-ab63-6d15ac81b010/) { 3 | 4 | :root { 5 | --bgColor: #111 !important; 6 | --text-normal-color: #fff !important; 7 | --text-heading-color: #ddd !important; 8 | } 9 | 10 | html , body { 11 | --highlight-blue: #777 !important; 12 | background: #111 !important; 13 | } 14 | 15 | h3, legend {color: #ddd !important} 16 | span:not(#current-container), #container-info-movetabs, 17 | .container-info-tab-title, .truncate-text {color: #ddd !important} 18 | 19 | #sort-containers-link, .userContext-wrapper, .show-tabs:not(.pop-button-image-small), 20 | #edit-containers-link, #container-add-link, #edit-container-cancel-link, .panel-back-arrow, 21 | .container-panel-row { 22 | background-color: #555 !important; 23 | color: #ddd !important} 24 | 25 | #sort-containers-link:hover, .userContext-wrapper:hover, .show-tabs:hover, 26 | #edit-containers-link:hover, #container-add-link:hover, #edit-container-cancel-link:hover, 27 | .panel-back-arrow:hover, .clickable:hover, .pop-button:hover { 28 | background-color: #444 !important; 29 | color: #fff !important} 30 | 31 | .pop-button-image-small {fill: #fff !important} 32 | 33 | #container-page-assigned {filter: invert(80%)} 34 | 35 | #sort-containers-link, .container-panel-row {border-color: #666 !important} 36 | #edit-containers-link {border: 1px solid #666 !important} 37 | 38 | #container-add-link { 39 | border-top: 1px solid #666 !important; 40 | border-right: 1px solid #666 !important; 41 | border-bottom: 1px solid #666 !important} 42 | 43 | .edit-containers-text {border-inline-end: transparent !important} 44 | .scrollable {border-block-start: 1px solid #666 !important} 45 | .panel-footer {border-block-end: transparent !important} 46 | 47 | #redirect-url {background-color: #333 !important} 48 | } 49 | 50 | @-moz-document url-prefix(http){ 51 | .container-notification { 52 | background-color: rgba(50,50,50,0.7) !important; 53 | color: #0c0 !important} 54 | } 55 | -------------------------------------------------------------------------------- /chrome/css/content/_https_everywhere.css: -------------------------------------------------------------------------------- 1 | /*------ HTTPS EVERYWHERE ADDON ------*/ 2 | @-moz-document url-prefix("moz-extension://ef9a24e2-cc10-417a-b5e4-dedb917c97c1/") { 3 | html, body {background: #111 !important; color: #ddd !important} 4 | 5 | h1, h2, h3 {color: #ddd !important} 6 | 7 | label {color: #ccc !important} 8 | 9 | button, input[type="button"] { 10 | -moz-appearance: none !important; 11 | border-radius: 3px !important; 12 | background-color: #555 !important; 13 | color: #ddd !important; 14 | border: none !important; 15 | padding: 5px !important; 16 | margin: 3px !important} 17 | 18 | button:hover, input[type="button"]:hover { 19 | background-color: #222 !important; 20 | color: #ddd !important; 21 | box-shadow: none !important} 22 | 23 | a:link, a {color: #09f !important} 24 | a:visited {color: #0070aa !important} 25 | a:hover {color: #0ff !important} 26 | a:active {color: #0050aa !important} 27 | 28 | input[type="text"]{ 29 | -moz-appearance: none !important; 30 | background-color: #444 !important; 31 | border: 1px solid #666 !important; 32 | color: #fff !important; 33 | margin: 3px !important} 34 | 35 | input[type="text"]:focus{border: 1px solid #0a84ff !important} 36 | 37 | input[type="text"][disabled] {color: #aaa !important} 38 | } -------------------------------------------------------------------------------- /chrome/css/content/_no_script.css: -------------------------------------------------------------------------------- 1 | /*------ NOSCRIPT ADDON SETTINGS AND PROMPT PAGE ------*/ 2 | @-moz-document url-prefix(moz-extension://471b71dc-a127-4db0-9363-4756f40f1727/ui/options.html), 3 | url-prefix(moz-extension://471b71dc-a127-4db0-9363-4756f40f1727/ui/prompt.html), 4 | url-prefix(moz-extension://471b71dc-a127-4db0-9363-4756f40f1727/ui/siteInfo.html) { 5 | body, html {background: #111 !important} 6 | 7 | #main {background: linear-gradient(#555,#111) !important; color: #fff !important} 8 | 9 | #message {color: #fff !important} 10 | 11 | h1 {color: #fff !important} 12 | span {color: #ddd !important} 13 | 14 | .flextabs__content, .flextabs__toggle[aria-expanded="true"] { 15 | background: #444 !important; 16 | color: #ddd !important} 17 | 18 | .flextabs__toggle[aria-expanded="false"] { 19 | background: #404040 !important; 20 | color: #aaa !important} 21 | 22 | button:not(.flextabs__toggle) { 23 | -moz-appearance: none !important; 24 | border-radius: 3px !important; 25 | background: #666 !important; 26 | color: #ddd !important; 27 | border: none !important} 28 | 29 | button:not(.flextabs__toggle):hover { 30 | background: #333 !important; 31 | color: #fff !important} 32 | 33 | .buttons button {padding: 5px !important; margin-right: 5px !important} 34 | 35 | #button0, #button1 {padding: 5px !important} 36 | 37 | .buttons button:hover {background: #444 !important} 38 | 39 | .presets, .url, .customizer-controls {color: #000 !important} 40 | 41 | #presets {filter: brightness(80%) !important} 42 | 43 | a:link {color: #0084ff !important} 44 | a:hover {color: #0ff !important} 45 | a:active {color: #0050aa !important} 46 | 47 | .customizer fieldset label {color: #000 !important} 48 | 49 | #newsite { 50 | -moz-appearance: none !important; 51 | background: #323232 !important; 52 | color: #ddd !important; 53 | border: 1px solid #666 !important} 54 | 55 | #sites .sites tr {background: #555 !important} 56 | 57 | #sites .sites tr:nth-child(even) {background: #666 !important} 58 | } 59 | 60 | /*------ NOSCRIPT ADDON POPUP ------*/ 61 | @-moz-document url-prefix(moz-extension://471b71dc-a127-4db0-9363-4756f40f1727/ui/popup.html) { 62 | body, html, #main {background: #111 !important; color: #ddd !important} 63 | 64 | #top {border-bottom: 1px solid #555 !important} 65 | 66 | button {background-color: transparent !important} 67 | 68 | tr {color: #ddd !important} 69 | 70 | #sites .sites tr {background: #111 !important} 71 | 72 | span {color: #ddd !important} 73 | 74 | #sites .sites tr:nth-child(odd) {background: #333 !important} 75 | } -------------------------------------------------------------------------------- /chrome/css/content/_privacy_badger.css: -------------------------------------------------------------------------------- 1 | /*------ PRIVACY BADGER ADDON SETTINGS PAGE ------*/ 2 | @-moz-document url-prefix(moz-extension://226078c1-8333-4620-af4c-8cdb9438186c/skin/options.html) { 3 | body, html {background: #111 !important; color: #fff !important} 4 | 5 | #tabs {background: #444 !important; color: #ccc !important; border: 1px solid #666 !important} 6 | 7 | #tabs > ul {background-image: linear-gradient(#333, #222) !important; border: 1px solid #666 !important} 8 | 9 | label, p, span.i18n_show_tracking_domains_acknowledgement, .origin.tooltip {color: #ddd !important} 10 | 11 | span.i18n_options_webrtc_warning {color: #aaa !important} 12 | 13 | span.i18n_import_user_data, span.i18n_export_user_data {color: #fff !important} 14 | 15 | #tabs > ul > li { 16 | background: #252525 !important; 17 | border: 1px solid #555 !important} 18 | 19 | #tabs > ul > li span {color: #ccc !important} 20 | 21 | #tabs > ul > li.ui-state-hover { 22 | background: #333 !important; 23 | border: 1px solid #606060 !important} 24 | 25 | #tabs > ul > li.ui-state-hover span {color: #ddd !important} 26 | 27 | #tabs > ul > li.ui-state-active { 28 | background: #444 !important; 29 | color: #fff !important; 30 | border: 1px solid #666 !important} 31 | 32 | #tabs > ul > li.ui-state-active span {color: #fff !important} 33 | 34 | #newWhitelistDomain, #excludedDomainsBox, #trackingDomainSearch { 35 | -moz-appearance: none !important; 36 | color: #ddd !important; 37 | background: #303030 !important; 38 | border: 1px solid #666 !important} 39 | 40 | #trackingDomainSearch:hover, #newWhitelistDomain:hover { 41 | border: 1px solid #db7924 !important} 42 | 43 | #blockedResources > .keyContainer > .key {background: none !important} 44 | 45 | #blockedResourcesInner > div { 46 | background: #444 !important; 47 | color: #ccc !important; 48 | border-top: 1px solid #666 !important} 49 | 50 | button { 51 | -moz-appearance: none !important; 52 | border-radius: 3px !important; 53 | background: #666 !important; 54 | color: #ddd !important; 55 | border: none !important} 56 | 57 | button:hover { 58 | background: #555 !important; 59 | color: #fff !important} 60 | 61 | a:link, a {color: #0bb !important} 62 | a:visited, a:active {color: #088 !important} 63 | a:hover {color: #0dd !important} 64 | } 65 | 66 | /*------ PRIVACY BADGER ADDON POPUP ------*/ 67 | @-moz-document url-prefix(moz-extension://226078c1-8333-4620-af4c-8cdb9438186c/skin/popup.html) { 68 | body, html {background: #111 !important; color: #ddd !important} 69 | 70 | label, span, .origin.tooltip {color: #ddd !important} 71 | span.i18n_name {color: #ddd !important} 72 | 73 | #options, 74 | #share, 75 | #help { 76 | filter: invert(0.45) !important; 77 | } 78 | 79 | button { 80 | -moz-appearance: none !important; 81 | border-radius: 3px !important; 82 | background: #666 !important; 83 | color: #ddd !important; 84 | border: none !important} 85 | 86 | button:hover { 87 | background: #444 !important; 88 | color: #fff !important} 89 | 90 | a:link, a {color: #fc9336 !important} 91 | a:visited, a:active {color: #a3540f !important} 92 | a:hover {color: #f0a15c !important} 93 | 94 | #instruction {background: #444 !important; color: #ddd !important} 95 | 96 | #blockedResources > .keyContainer > .key {background: none !important} 97 | #blockedResourcesInner > div { 98 | background: #333 !important; 99 | color: #ddd !important; 100 | border-top: 1px solid #555 !important} 101 | } -------------------------------------------------------------------------------- /chrome/css/content/_read_aloud.css: -------------------------------------------------------------------------------- 1 | /* webextension Read Aloud */ 2 | @-moz-document url-prefix("moz-extension://94c4d458-9a22-4097-847a-74bbb73ea00b/") { 3 | 4 | html, body { 5 | background-color: #111 !important; 6 | color: #ddd !important; 7 | } 8 | 9 | #highlight, 10 | .dark-mode #highlight { 11 | color: #fff !important; 12 | background-color: #333 !important; 13 | } 14 | 15 | #highlight span.active, 16 | .dark-mode #highlight span.active { 17 | background-color: #9C04D1 !important; 18 | } 19 | 20 | } 21 | -------------------------------------------------------------------------------- /chrome/css/content/_tab_list_button_enhanced.css: -------------------------------------------------------------------------------- 1 | /* _tab_list_button_enhanced */ 2 | @-moz-document url-prefix("moz-extension://0f5d56f5-f905-43ba-9c63-e336c15254e6/") { 3 | 4 | html, body { 5 | color: #ddd !important; 6 | background-color: #111 !important; 7 | } 8 | 9 | .button { 10 | color: #ddd !important; 11 | border-top: 1px solid #555 !important; 12 | border-right: 1px solid #555 !important; 13 | border-bottom: 1px solid #555 !important; 14 | border-radius: 6px !important; 15 | } 16 | 17 | .hover { 18 | color: #fff !important; 19 | background: #777 !important; 20 | border-radius: 6px !important; 21 | } 22 | 23 | } 24 | -------------------------------------------------------------------------------- /chrome/css/content/_tab_manager.css: -------------------------------------------------------------------------------- 1 | /* webextension Tab manager */ 2 | @-moz-document url-prefix("moz-extension://a395b9c9-9db2-4ee1-83b0-6e7e33f694bb/") { 3 | 4 | html, 5 | body { 6 | color: #ddd !important; 7 | background: #111 !important; 8 | border-radius: 8px !important; 9 | 10 | } 11 | 12 | a { 13 | color: #ddd !important; 14 | } 15 | 16 | a:hover { 17 | color: #ffffff !important; 18 | background: #777 !important; 19 | border-radius: 4px !important; 20 | text-decoration: none !important; 21 | } 22 | 23 | hr { 24 | border-color: #555 !important; 25 | } 26 | 27 | } 28 | 29 | -------------------------------------------------------------------------------- /chrome/css/content/_tab_reloader.css: -------------------------------------------------------------------------------- 1 | /* webextension Tab Reloader */ 2 | @-moz-document url-prefix("moz-extension://934a5734-5edc-4cda-90e4-11221f7d5ded/") { 3 | 4 | html, body { 5 | background-color: #111 !important; 6 | color: #ddd !important; 7 | } 8 | 9 | table, body, input { 10 | color: #ddd !important; 11 | background-color: #111 !important; 12 | } 13 | 14 | .presets span { 15 | background-color: #9C04D1 !important; 16 | } 17 | 18 | #permit 19 | { 20 | color: #000 !important; 21 | } 22 | 23 | } 24 | -------------------------------------------------------------------------------- /chrome/css/content/_theme_toggler.css: -------------------------------------------------------------------------------- 1 | /* webextension Theme Toggler */ 2 | @-moz-document url-prefix("moz-extension://74146e44-2a67-44ca-9a33-bcaf5343fd5e/") { 3 | html, body { 4 | background: #222 !important; 5 | color: #888 !important 6 | background: var(--in-content-box-background) !important; 7 | } 8 | -------------------------------------------------------------------------------- /chrome/css/content/_ublock_origin.css: -------------------------------------------------------------------------------- 1 | /* UBLOCK ORIGIN */ 2 | 3 | @-moz-document url-prefix("moz-extension://43f9903c-8fa1-45df-a22d-07d223df68fb/") { 4 | body, 5 | #sticky, 6 | #main { 7 | /* font-family: Fira Sans !important; */ 8 | background-color: #111 !important; 9 | color: #ddd !important; 10 | } 11 | 12 | a { 13 | color: #888 !important; 14 | } 15 | 16 | .fa-icon { 17 | fill: #999 !important; 18 | } 19 | 20 | #switch { 21 | background-color: #111 !important; 22 | } 23 | 24 | .fa-icon:hover { 25 | fill: lime !important; 26 | } 27 | 28 | #switch .fa-icon, 29 | #switch .fa { 30 | fill: crimson !important; 31 | } 32 | 33 | body.off #switch .fa-icon { 34 | fill: limegreen !important; 35 | } 36 | 37 | #refresh { 38 | background-color: #ddd !important; 39 | } 40 | 41 | html#ublock0-epicker, 42 | #ublock0-epicker body { 43 | background: transparent !important; 44 | color: white !important; 45 | } 46 | 47 | #ublock0-epicker aside { 48 | background-color: #000 !important; 49 | } 50 | 51 | .tool { 52 | color: #ddd !important; 53 | background-color: #111 !important; 54 | padding: 0 0.6em !important; 55 | padding-bottom: 30px !important; 56 | } 57 | 58 | .tool.enabled:hover { 59 | fill: lime !important; 60 | } 61 | 62 | .tool.:hover { 63 | fill: lime !important; 64 | } 65 | 66 | #tooltip { 67 | background-color: #000000 !important; 68 | border: 1px solid #000000 !important; 69 | color: #bbb !important; 70 | } 71 | 72 | #firewall>div { 73 | background-color: #111 !important; 74 | } 75 | 76 | #firewall>div:hover { 77 | background-color: #111 !important; 78 | } 79 | 80 | #firewall>div>span { 81 | color: #111 !important; 82 | border-bottom: 1px solid #111 !important; 83 | /* font-size: 10pt !important; */ 84 | /* background-color: #777 !important; */ /* CAN'T see firewall selections */ 85 | } 86 | 87 | #firewall>div>span:first-of-type~span { 88 | border-left: 1px solid #111 !important; 89 | } 90 | 91 | #extraTools { 92 | background-color: #111 !important; 93 | } 94 | 95 | 96 | 97 | /* These are for the dashboard window */ 98 | 99 | /*checkboxes */ 100 | :root { 101 | --checkmark: white !important; 102 | --checkbox-checked-ink: green !important; 103 | } 104 | 105 | .checkbox { 106 | border: 1px solid #ddd !important; 107 | } 108 | 109 | .checkbox:hover { 110 | background-color: #9C04D1 !important; 111 | } 112 | 113 | .input.checkbox input[checked] > .checkbox-check { 114 | background-color: green !important; 115 | } 116 | 117 | /* filter counters */ 118 | span.counts { 119 | color: #FACD2F !important; 120 | } 121 | 122 | /* background of active line */ 123 | .CodeMirror-activeline-background { 124 | background: #cdfabc !important; 125 | } 126 | 127 | /* top widget line */ 128 | #dashboard-nav { 129 | background-color: #111 !important; 130 | border-bottom: 1px solid #777 !important; 131 | } 132 | 133 | #dashboard-nav-widgets { 134 | background-color: #111 !important; 135 | border-bottom: 1px solid #777 !important; 136 | } 137 | 138 | .tabButton { 139 | background-color: #111 !important; 140 | border: 1px solid #666 !important; 141 | border-bottom: 1px solid #777 !important; 142 | color: #ddd !important; 143 | } 144 | 145 | .tabButton.selected { 146 | background-color: #9C04D1 !important; 147 | color: white !important; 148 | border-bottom: 1px solid #222 !important; 149 | } 150 | 151 | /*buttons line */ 152 | #diff li { 153 | background-color: #555 !important; 154 | } 155 | 156 | #diff li:nth-child(even) { 157 | background-color: #111 !important; 158 | } 159 | 160 | #diff textarea { 161 | background-color: #111 !important; 162 | color: #fff !important; 163 | } 164 | 165 | #actions { 166 | background: #111 !important; 167 | } 168 | 169 | /* buttons on hover */ 170 | button:hover { 171 | color: #fff !important; 172 | background-color: #9C04D1 !important; 173 | } 174 | 175 | button.preferred:not(.disabled):not([disabled]) { 176 | background-color: limegreen !important; 177 | } 178 | 179 | /* vaious other page settings */ 180 | .supportEntry div p span { 181 | color: lime !important; 182 | } 183 | 184 | code { 185 | background-color: #555 !important; 186 | } 187 | 188 | .fieldset-header, 189 | .synopsis, 190 | h3 { 191 | color: #fff !important; 192 | } 193 | 194 | } 195 | -------------------------------------------------------------------------------- /chrome/css/content/_undo_closed_tabs_button.css: -------------------------------------------------------------------------------- 1 | /* webextension undo_closed_tabs_button */ 2 | @-moz-document url-prefix("moz-extension://6a2998b4-20e6-4da9-8d66-8cb2fae5a467/") { 3 | html, body { 4 | color: #ddd !important; 5 | background: #111 !important 6 | } 7 | 8 | .button { 9 | border: 1px solid #555 !important; 10 | margin-right: 3px !important; 11 | border-radius: 6px !important; 12 | } 13 | 14 | .button:hover { 15 | color: #fff !important; 16 | background: #777 !important; 17 | border-radius: 6px !important; 18 | } 19 | 20 | } 21 | -------------------------------------------------------------------------------- /chrome/css/content/_user_agent_switcher.css: -------------------------------------------------------------------------------- 1 | /* webextension User-Agent Switcher and Manager */ 2 | @-moz-document url-prefix("moz-extension://8f1a0421-4dba-4f90-aa91-915255a0094f/") { 3 | 4 | :root { 5 | --color: #ddd !important; 6 | --bg-color: #333 !important; 7 | --color-light: #ddd !important; 8 | --bg-color-light: #222 !important; 9 | } 10 | 11 | @media (prefers-color-scheme: dark) { 12 | :root { 13 | --color: #ddd !important; 14 | --bg-color: #333 !important; 15 | --color-light: #ddd !important; 16 | --bg-color-light: #222 !important; 17 | } 18 | 19 | } 20 | textarea, 21 | textarea:focus { 22 | background-color: #111 !important; 23 | color: #ddd !important; 24 | font-style: normal !important; 25 | font-family: Fira Sans !important; 26 | } 27 | 28 | 29 | 30 | } 31 | -------------------------------------------------------------------------------- /chrome/css/content/about_about_four_columns.css: -------------------------------------------------------------------------------- 1 | /* about:about page four columns */ 2 | :root { 3 | --in-content-container-min-width: 13em; 4 | --in-content-container-max-width: 52em; 5 | } 6 | 7 | @-moz-document url("about:about") { 8 | 9 | ul.columns { 10 | column-count: 4 !important; 11 | column-gap: 5em; 12 | } 13 | 14 | } 15 | 16 | /*about:about page title centered and dumb text removed */ 17 | .container>h1 { 18 | text-align: center !important; 19 | margin-bottom: 50px !important; 20 | color: #9C04D1 !important; 21 | } 22 | .container>p>em { 23 | display: none !important; 24 | } 25 | -------------------------------------------------------------------------------- /chrome/css/content/addon_compact_addons_manager.css: -------------------------------------------------------------------------------- 1 | /* Make the installed addons list more compact, title + only.......................................... By MrOtherGuy*/ 2 | /* Compatible with addon_manage_buttons_without_popup.css */ 3 | 4 | @-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html"){ 5 | 6 | :root{ overflow-x: hidden } /* Remove this if it causes horizontal scrolling problems */ 7 | 8 | @media (min-width:420px){ 9 | #main{ max-width: unset !important; padding-right: 28px; } 10 | addon-list > section{ 11 | padding: 1em; 12 | display: grid; 13 | grid-template-areas: "hd hd" "cd cd"; 14 | grid-auto-columns: 1fr; 15 | column-gap: 1em; 16 | } 17 | 18 | addon-card .card-contents{ width: unset !important; white-space: initial !important; } 19 | 20 | .card-heading-image{ max-width: calc(100% + 32px) } 21 | section > h2{ grid-area: hd } 22 | addon-card{ 23 | padding-bottom: 0px !important; 24 | padding-top: 0px !important; 25 | grid-area: auto; 26 | } 27 | addon-card .addon-description{ max-height: 3em; scrollbar-width: thin; } 28 | } 29 | 30 | @media (min-width:640px){ 31 | addon-list[type="extension"] > section{ grid-template-areas: "hd hd hd" "cd cd cd"; } 32 | } 33 | @media (min-width:960px){ 34 | addon-list[type="extension"] > section{ grid-template-areas: "hd hd hd hd" "cd cd cd cd"; } 35 | } 36 | @media (min-width:1180px){ 37 | addon-list[type="extension"] > section{ grid-template-areas: "hd hd hd hd hd" "cd cd cd cd cd"; } 38 | } 39 | @media (min-width:1420px){ 40 | addon-list[type="extension"] > section{ grid-template-areas: "hd hd hd hd hd hd" "cd cd cd cd cd cd"; } 41 | } 42 | 43 | addon-card:not([expanded]) .addon-description, 44 | addon-card:not([expanded]) .addon-card-message button[action]{ display: none !important; } 45 | 46 | addon-list[type="extension"]{ --card-padding: 8px } 47 | 48 | } 49 | 50 | @-moz-document url-prefix("about:addons"){ 51 | #categories{ width: 60px !important; } 52 | #categories > richlistitem{ margin-left: 20px !important; -moz-box-pack: center } 53 | .sidebar-footer-label, 54 | #category-box richlistitem > label{ display: none } 55 | } -------------------------------------------------------------------------------- /chrome/css/content/addon_manage_buttons_without_popup.css: -------------------------------------------------------------------------------- 1 | /* Show addon management buttons without opening popup .......................................... By MrOtherGuy*/ 2 | 3 | @-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html"), url("about:addons"){ 4 | 5 | .addon-card-message{ margin-bottom: 0px !important; margin-top: 0px !important; } 6 | .card.addon{ padding-bottom: 0px !important; } 7 | 8 | addon-card .addon-card-collapsed{ display: grid !important; grid-template-areas: "ic con" "op op"; grid-template-columns: 48px auto } 9 | addon-card .card-contents{ width: initial !important; white-space: initial !important; } 10 | 11 | .more-options-menu{ position: static !important; grid-area: op; margin: 0 !important; } 12 | .card-contents{ grid-area: con } 13 | .card-heading-icon{ grid-area: ic } 14 | 15 | plugin-options > panel-list, 16 | addon-options > panel-list{ 17 | position: static !important; 18 | display: flex !important; 19 | padding: 0 !important; 20 | margin: 0px calc(0px - var(--card-padding)) !important; 21 | backdrop-filter: none !important; /* Having a backdrop-filter leads to some unexpected layering issues */ 22 | } 23 | 24 | button[role="menuitem"]{ padding-inline-start: 30px !important; background-position-x: 8px !important; } 25 | 26 | .arrow, 27 | .more-options-menu > .more-options-button, 28 | .addon-name-container > .more-options-button, 29 | panel-item[action="expand"]{ display: none !important } 30 | 31 | div.list{ display: inherit !important; flex-direction: row !important; } 32 | 33 | panel-item[action="toggle-disabled"]{ --icon: url("chrome://browser/skin/quit.svg") } 34 | panel-item[action="preferences"]{ --icon: url("chrome://global/skin/icons/settings.svg") } 35 | 36 | /* Uncomment these if you want to hide button label - such as with compact_addons_manager */ 37 | /* This is basically a requirement with compact_addons_manager.css because the button text causes the cards to overflow */ 38 | 39 | button[role="menuitem"] > slot{ display: none !important; } 40 | link+button[role="menuitem"]{ 41 | position: static !important; 42 | height: 30px !important; 43 | min-width: 30px; 44 | padding-inline-end: 4px !important; 45 | } 46 | button[role="menuitem"] > label:not([accesskey]), 47 | link+button::after{ display: none !important; } 48 | 49 | } 50 | -------------------------------------------------------------------------------- /chrome/css/content/addon_multi_column_addons.css: -------------------------------------------------------------------------------- 1 | /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/multi_column_addons.css made available under Mozilla Public License v. 2.0 2 | See the above repository for updates as well as full license text. */ 3 | 4 | /* Makes addon manager show addons in 2-4 columns based on available width */ 5 | /* You can use compact_addons_manager.css with this to make things even more, well, compact */ 6 | /* Compatible with addon_manage_buttons_without_popup.css */ 7 | 8 | @-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html"), url("about:addons"){ 9 | 10 | :root{ overflow-x: hidden } /* Remove this if it causes horizontal scrolling problems */ 11 | 12 | @media (min-width:720px){ 13 | #main{ max-width: unset !important; padding-right: 28px; } 14 | addon-list > section, 15 | recommended-addon-list{ 16 | padding: 1em; 17 | display: grid; 18 | grid-template-areas: "hd hd" "cd cd"; 19 | grid-auto-columns: 1fr; 20 | column-gap: 1em; 21 | 22 | } 23 | 24 | addon-card .card-contents{ width: unset !important; white-space: initial !important; } 25 | 26 | .card-heading-image{ max-width: calc(100% + 32px) } 27 | section > h2{ grid-area: hd } 28 | addon-card{ 29 | padding-bottom: 0px !important; 30 | padding-top: 0px !important; 31 | grid-area: auto; 32 | } 33 | addon-card .addon-description{ max-height: 3em; scrollbar-width: thin; } 34 | } 35 | 36 | @media (min-width:1220px){ 37 | addon-list > section, 38 | recommended-addon-list{ 39 | grid-template-areas: "hd hd hd" "cd cd cd"; 40 | } 41 | } 42 | 43 | @media (min-width:1720px){ 44 | addon-list > section, 45 | recommended-addon-list{ 46 | grid-template-areas: "hd hd hd hd" "cd cd cd cd"; 47 | } 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /chrome/css/content/addon_recentupdates_category_always_visible.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xhtml), url-prefix(about:addons),url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) { 2 | .category[name="recent-updates"] [disabled] { 3 | overflow: visible !important; 4 | height: 48px !important; 5 | min-height: 48px !important; 6 | opacity: 1 !important; 7 | transition-property: unset !important; 8 | transition-duration: unset !important; 9 | -moz-user-input: unset !important; 10 | } 11 | 12 | .category[name="recent-updates"] [hidden] { 13 | opacity: 1 !important; 14 | min-height: 48px !important; 15 | height: 48px !important; 16 | display: inherit !important; 17 | transition: unset !important; 18 | } 19 | 20 | .category[name="recent-updates"] { 21 | display: inherit !important; 22 | -moz-box-ordinal-group: 99 !important; 23 | 24 | } 25 | 26 | } 27 | -------------------------------------------------------------------------------- /chrome/css/content/addon_recommondations_category_always_hidden.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xhtml), url-prefix(about:addons),url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) { 2 | .category[name="discover"] {display: none !important} 3 | } 4 | -------------------------------------------------------------------------------- /chrome/css/content/arrow-cursor-over-text.css.css: -------------------------------------------------------------------------------- 1 | /* Arrow cursor over text */ 2 | 3 | body { 4 | cursor: default; 5 | } -------------------------------------------------------------------------------- /chrome/css/content/checkboxes_radio_buttons.css: -------------------------------------------------------------------------------- 1 | /* This block changes the colors of the check marks and radio (the circle checks) */ 2 | checkbox[checked] > .checkbox-check { 3 | /*list-style-image: url("chrome://global/skin/icons/check.svg"); with a custom path will 4 | *allow you to change the check or radio */ 5 | fill: #ddd !important; 6 | } 7 | 8 | input[type="checkbox"]:checked { 9 | fill: #ddd !important; 10 | } 11 | 12 | .radio-check[selected] {; 13 | -moz-context-properties: fill; 14 | fill: #ddd !important; 15 | } 16 | 17 | /* Changes the background color of the check boxes and radio circles when not touched */ 18 | .checkbox-check, 19 | input[type="checkbox"] { 20 | border: 1px solid #ddd !important; 21 | background-color: #2a2a2e !important; 22 | } 23 | 24 | .radio-check { 25 | border: 1px solid #ddd !important; 26 | background-color: #2a2a2e !important; 27 | } 28 | 29 | /* Changes the color of the checkboxes and radio on hover */ 30 | checkbox:not([disabled="true"]):hover > .checkbox-check, 31 | input[type="checkbox"]:not(:disabled):hover { 32 | fill: #000 !important; 33 | border-color: #ddd !important; 34 | background-color: #9C04D1 !important; 35 | } 36 | 37 | radio:not([disabled="true"]):hover > .radio-check { 38 | fill: #000 !important; 39 | border-color: #ddd !important; 40 | background-color: #9C04D1 !important; 41 | } 42 | 43 | /* Changes the radio focus color */ 44 | checkbox:-moz-focusring > .checkbox-check, 45 | input[type="checkbox"]:-moz-focusring + label:before, 46 | radio[focused="true"] > .radio-check, 47 | tab:-moz-focusring > .tab-middle > .tab-text { 48 | outline: 2px solid #ddd !important; 49 | } 50 | -------------------------------------------------------------------------------- /chrome/css/content/dark_page_preferences_checkboxes_radio_buttons.css: -------------------------------------------------------------------------------- 1 | @-moz-document url-prefix("about:preferences"), 2 | url-prefix("chrome://browser/#dialogBox/"), 3 | url-prefix("chrome://browser/content/") { 4 | 5 | /* This block changes the colors of the check marks and radio (the circle checks) */ 6 | checkbox[checked] > .checkbox-check { 7 | /*list-style-image: url("chrome://global/skin/icons/check.svg"); with a custom path will 8 | *allow you to change the check or radio */ 9 | fill: #fff !important; 10 | border: 1px solid #fff !important; 11 | background-color: green !important; 12 | } 13 | 14 | input[type="checkbox"]:checked { 15 | fill: #fff !important; 16 | } 17 | 18 | .radio-check[selected] {; 19 | -moz-context-properties: fill; 20 | fill: #fff !important; 21 | } 22 | 23 | /* Changes the background color of the check boxes and radio circles when not touched */ 24 | .checkbox-check, 25 | input[type="checkbox"] { 26 | border: 1px solid #ddd !important; 27 | background-color: transparent !important; 28 | } 29 | 30 | .radio-check { 31 | border: 1px solid #ddd !important; 32 | background-color: transparent !important; 33 | } 34 | 35 | /* Changes the color of the checkboxes and radio on hover */ 36 | checkbox:not([disabled="true"]):hover > .checkbox-check, 37 | input[type="checkbox"]:not(:disabled):hover { 38 | fill: #fff !important; 39 | border: 2px solid #fff !important; 40 | background-color: #9C04D1 !important; 41 | } 42 | 43 | .radio-check[selected] { 44 | fill: lime !important; 45 | border-color: #fff !important; 46 | background-color: green !important; 47 | } 48 | 49 | radio:not([disabled="true"]):hover > .radio-check { 50 | fill: #fff !important; 51 | border-color: #ddd !important; 52 | background-color: #9C04D1 !important; 53 | } 54 | 55 | /* cookies and site data dialog boxes checkmarks */ 56 | checkbox#clearSiteData:not([disabled="true"]) > .checkbox-check, 57 | checkbox#clearCache:not([disabled="true"]) > .checkbox-check { 58 | border: 1px solid #ddd !important; 59 | background-color: transparent !important; 60 | } 61 | 62 | checkbox#clearSiteData[checked] > .checkbox-check, 63 | checkbox#clearCache[checked] > .checkbox-check { 64 | fill: #fff !important; 65 | border: 1px solid #fff !important; 66 | background-color: green !important; 67 | } 68 | 69 | } 70 | -------------------------------------------------------------------------------- /chrome/css/content/focus_rings.css: -------------------------------------------------------------------------------- 1 | /*focus rings about pages */ 2 | * { outline-color: #9C04D1 !important; } 3 | 4 | /* * { outline-color: transparent !important; } */ 5 | -------------------------------------------------------------------------------- /chrome/css/content/remove_tab_flash.css: -------------------------------------------------------------------------------- 1 | /* Remove New Tab Flash */ 2 | 3 | @-moz-document url-prefix(about:blank), url-prefix(about:newtab), url(moz-extension://18833d05-ae1d-4d36-a8e1-a0b85a34bab3redirect.html), url(moz-extension://18833d05-ae1d-4d36-a8e1-a0b85a34bab3/html/newtab.html) 4 | { 5 | html:not(#ublock0-epicker), html:not(#ublock0-epicker) body, #newtab-customize-overlay 6 | { 7 | background: #68798a !important; 8 | } 9 | } 10 | 11 | 12 | /* 13 | @-moz-document url("about:home"), url("about:newtab") { 14 | body { 15 | background-color: #68798a !important; 16 | } 17 | } 18 | 19 | /*If that doesn't help maybe try this: */ 20 | /* 21 | @-moz-document url("about:home"), url("about:newtab") { 22 | .outer-wrapper { 23 | background-color: #68798a !important; 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /chrome/css/content/remove_tab_flash_content.css: -------------------------------------------------------------------------------- 1 | /* Remove New Tab Flash */ 2 | 3 | @-moz-document url-prefix(about:blank), url-prefix(about:newtab), url(moz-extension://18833d05-ae1d-4d36-a8e1-a0b85a34bab3/redirect.html), url(moz-extension://18833d05-ae1d-4d36-a8e1-a0b85a34bab3/html/newtab.html) 4 | { 5 | html:not(#ublock0-epicker), html:not(#ublock0-epicker) body, #newtab-customize-overlay 6 | { 7 | background: #68798a !important; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /chrome/css/content/scrollbars-dark.css: -------------------------------------------------------------------------------- 1 | :root{ 2 | scrollbar-color: rgb(20,20,20) rgb(120,120,120); 3 | /*scrollbar-width: thin !important;*/ 4 | } -------------------------------------------------------------------------------- /chrome/css/content/select_menu.css: -------------------------------------------------------------------------------- 1 | /* select changes select menu, input is like pasword fields and textarea hmmm*/ 2 | select/*, input, textarea */ { 3 | color:#222 !important; 4 | background-color: #fff !important; 5 | } -------------------------------------------------------------------------------- /chrome/css/content/selected_text_colors.css: -------------------------------------------------------------------------------- 1 | /* selected text and highlight color */ 2 | ::-moz-selection { 3 | background: #9C04D1 !important; 4 | color: #fff !important; 5 | } 6 | ::selection { 7 | background: #9C04D1 !important; 8 | color: #fff !important; 9 | } 10 | -------------------------------------------------------------------------------- /chrome/css/content/server_not_found.css: -------------------------------------------------------------------------------- 1 | @-moz-document regexp("^about:(blocked|neterror|certerror).*") 2 | /*@-moz-document url-prefix("about:neterror")*/ { 3 | 4 | body { 5 | background-color: #F2E3A8 !important; 6 | color: #000 !important; 7 | } 8 | 9 | #text-container { 10 | background-image: url(server_not_found_lolifox_orange.jpg) !important; 11 | } 12 | 13 | #errorPageContainer { 14 | background-color: #F2E3A8 !important; 15 | color: #000 !important; 16 | } 17 | 18 | button.try-again { 19 | background-color: #288B08 !important; 20 | font-weight: bold !important; 21 | color: #fff !important; 22 | } 23 | 24 | .title-text { 25 | color: #FF0000 !important; 26 | font-size: 20pt !important; 27 | text-shadow: 0px 2px 0px black, 28 | 0px 2px 8px black !important; 29 | font-weight: bold !important; 30 | font-style: italic!important; 31 | } 32 | 33 | } 34 | 35 | 36 | -------------------------------------------------------------------------------- /chrome/css/content/server_not_found_lolifox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/css/content/server_not_found_lolifox.jpg -------------------------------------------------------------------------------- /chrome/css/content/server_not_found_lolifox_orange.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/css/content/server_not_found_lolifox_orange.jpg -------------------------------------------------------------------------------- /chrome/css/content/theweathernetwork.css: -------------------------------------------------------------------------------- 1 | /* Keep taskbar at top no gap */ 2 | 3 | @-moz-document url("https://www.theweathernetwork.com/") 4 | 5 | #hm_on_210518_27 { position:absolute !important; 6 | margin-bottom:38px !important; 7 | top:0px !important; 8 | } 9 | 10 | .taskbar { position:absolute !important; 11 | margin-bottom:38px !important; 12 | top:0px !important; 13 | } 14 | 15 | #hm_on_210518_27.taskbar { position:absolute !important; 16 | margin-bottom:38px !important; 17 | top:0px !important; 18 | } 19 | 20 | #hm_on_210518_27 { position:absolute !important; 21 | margin-bottom:38px !important; 22 | top:0px !important; 23 | } 24 | 25 | -------------------------------------------------------------------------------- /chrome/css/content/youtube_separate_scroll_no_ad.css: -------------------------------------------------------------------------------- 1 | /* remove buy advert */ 2 | #watch-checkout-offers.style-scope.ytd-unlimited-offer-module-renderer { 3 | display: none !important; 4 | } 5 | 6 | /* separate scrolling */ 7 | @-moz-document domain("youtube.com"){ 8 | ytd-watch-flexy:not([theater]):not([fullscreen]) #related > ytd-watch-next-secondary-results-renderer > #items{ 9 | max-height: calc(100vh - var(--ytd-toolbar-offset) - 2 * var(--ytd-margin-6x)); 10 | overflow-y: auto; 11 | overflow-x: hidden; 12 | position: fixed; 13 | scrollbar-width: none; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /chrome/css/generalui/!!_TOP_THEME_BB_TOOLBAR_TEXT.css: -------------------------------------------------------------------------------- 1 | /* This makes the navigator toolbox background black overriding the default themes */ 2 | 3 | #main-menubar {background-color: transparent !important;} 4 | 5 | #file-menu, #edit-menu, #view-menu, #history-menu, #bookmarksMenu, #tools-menu, #helpMenu 6 | {text-shadow: 0px 0px #111 !important;} 7 | 8 | 9 | #navigator-toolbox { 10 | background-image: url("./../../image/!header_black_eyes_1.jpg") !important; 11 | } 12 | 13 | /* header images 14 | background-image: url("./../../image/!header_black.jpg") !important; 15 | background-image: url("./../../image/!header_black_eyes_1.jpg") !important; 16 | background-image: url("./../../image/!header_black_eyes_2.jpg") !important; 17 | background-image: url("./../../image/!header_black_lips_1.jpg") !important; 18 | background-image: url("./../../image/!header_black_abstract_fox.jpg") !important; 19 | background-image: url("./../../image/!header_dark_fox_7_lite.jpg") !important; 20 | background-image: url("./../../image/!header_glowing_tiger.jpg") !important; 21 | background-image: url("./../../image/!header_kelly_brook_01.jpg") !important; 22 | background-image: url("./../../image/!header_nipple.jpg") !important; 23 | */ 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /chrome/css/generalui/_page_info_window.css: -------------------------------------------------------------------------------- 1 | @-moz-document url("chrome://browser/content/pageinfo/pageInfo.xhtml") { 2 | 3 | #topBar { 4 | background-color: #333 !important; 5 | color: lightgray !important; 6 | border: none !important; 7 | } 8 | #mainDeck { 9 | background-color: #777 !important; 10 | color: white !important; 11 | } 12 | #permHostBox > label { 13 | margin-top: 7px !important; 14 | } 15 | #permList { 16 | border: none !important; 17 | -moz-appearance: none !important; 18 | color: white !important; 19 | } 20 | #feedListbox { 21 | border: none !important; 22 | background-color: black !important; 23 | -moz-appearance: none !important; 24 | } 25 | #feedListbox > richlistitem { 26 | padding-inline-start: 0px !important; 27 | padding-inline-end: 0px !important; 28 | background: #6F6F6F !important; 29 | } 30 | #feedListbox richlistitem:not([selected="true"]) { 31 | border-bottom: 0px !important; 32 | background: #6F6F6F !important; 33 | } 34 | .text-link { 35 | margin-inline-start: 0px !important; 36 | margin-inline-end: 0px !important; 37 | } 38 | .permission { 39 | border: none !important; 40 | } 41 | .permission:hover { 42 | background-color: #6F6F6F !important; 43 | color: white !important; 44 | } 45 | .permission:hover:active { 46 | background-color: #6F6F6F !important; 47 | } 48 | caption { 49 | background-color: transparent !important; 50 | font-size: 16px !important; 51 | font-weight: bold !important; 52 | } 53 | #imagecontainerbox { 54 | background-color: black !important; 55 | border: none !important; 56 | } 57 | #viewGroup > radio { 58 | padding-left: 13px !important; 59 | padding-right: 13px !important; 60 | padding-top: 9.5px !important; 61 | padding-bottom: 9.5px !important; 62 | } 63 | #viewGroup > radio[selected="true"] { 64 | background-color: transparent !important; 65 | color: white !important; 66 | border-bottom: 3px solid var(--uwp-accent-color); 67 | padding-bottom: 6.5px !important; 68 | } 69 | #viewGroup > radio > .radio-label-box { 70 | outline: none !important; 71 | } 72 | #viewGroup > radio:hover { 73 | background-color: rgb(60,60,60) !important; 74 | color: white !important; 75 | } 76 | } -------------------------------------------------------------------------------- /chrome/css/generalui/appMenu_update_available_notification.css: -------------------------------------------------------------------------------- 1 | #appMenu-update-available-notification { 2 | display: none !important; 3 | } 4 | -------------------------------------------------------------------------------- /chrome/css/generalui/findbar_on_top_solid.css: -------------------------------------------------------------------------------- 1 | /* reached the end of page */ 2 | description.findbar-label { 3 | display: none !important; 4 | } 5 | /**/ 6 | 7 | .findbar-textbox { 8 | color: #000 !important; 9 | } 10 | 11 | 12 | .browserContainer { 13 | position: relative; 14 | } 15 | 16 | .findbar-textbox::placeholder { 17 | opacity: 0 !important; 18 | } 19 | 20 | findbar { 21 | animation: 0.2s scale-in; 22 | transform-origin: top center; 23 | padding: 4px 6px 6px 6px; 24 | border: 1px solid var(--toolbox-border-bottom-color); 25 | border-top-width: 0; 26 | border-radius: 8px !important; 27 | position: absolute; 28 | top: 1px; 29 | left: 2px; 30 | background: #2E2F2F !important; 31 | 32 | color: white !important; 33 | display: flex; /* added display: flex; here */ 34 | } 35 | 36 | findbar[hidden="true"] { 37 | animation: 0.2s scale-out; 38 | } 39 | 40 | findbar .findbar-container { 41 | padding: 0 !important; 42 | padding-inline-start: 0 !important; 43 | padding-inline-end: 0 !important; 44 | } 45 | 46 | findbar .findbar-container .findbar-textbox { 47 | padding: 6px 8px !important; 48 | background-color: white !important; 49 | border-color: black !important; 50 | } 51 | 52 | findbar .findbar-container .findbar-textbox[status="notfound"] { 53 | background-color: #F5A8A8 !important; 54 | color: black !important; 55 | } 56 | 57 | findbar .findbar-container .findbar-find-previous, 58 | findbar .findbar-container .findbar-find-next { 59 | background: transparent !important; 60 | border-color: #6F6E6E !important; 61 | } 62 | 63 | findbar .findbar-container .findbar-find-previous:hover, findbar .findbar-container .findbar-find-previous:focus, 64 | findbar .findbar-container .findbar-find-next:hover, 65 | findbar .findbar-container .findbar-find-next:focus { 66 | background-color: var(--toolbarbutton-hover-background) !important; 67 | } 68 | 69 | findbar .findbar-button { 70 | border: 1px solid var(--backbutton-border-color); 71 | border-radius: var(--toolbarbutton-border-radius) !important; 72 | border-color: #6F6E6E !important; 73 | } 74 | 75 | .findbar-find-previous { 76 | margin-right: 4px !important; 77 | border-radius: 4px !important; 78 | border: 1px solid #888 !important; 79 | } 80 | 81 | .findbar-find-next { 82 | border-radius: 4px !important; 83 | border: 1px solid #888 !important; 84 | } 85 | 86 | checkbox.findbar-highlight.tabbable, 87 | checkbox.findbar-case-sensitive.tabbable, 88 | checkbox.findbar-match-diacritics.tabbable, 89 | checkbox.findbar-entire-word.tabbable { 90 | color: white !important; } 91 | 92 | 93 | .findbar-closebutton { 94 | color: yellow !important; 95 | } 96 | 97 | .findbar-closebutton:hover { 98 | color: red !important; 99 | transform: rotate(720deg) !important; 100 | transition: transform ease-in-out 2s !important; 101 | } 102 | 103 | -------------------------------------------------------------------------------- /chrome/css/generalui/fullscreen_hide_min_max_close.css: -------------------------------------------------------------------------------- 1 | /*/ NO TITLEBAR hide - titlebar button box... appears transparent */ 2 | 3 | .titlebar-buttonbox-container { 4 | visibility: hidden !important; 5 | } 6 | 7 | /* moves out of the way */ 8 | .titlebar-buttonbox-container { 9 | margin-left: 800px !important; 10 | } 11 | -------------------------------------------------------------------------------- /chrome/css/generalui/install_addon_notification.css: -------------------------------------------------------------------------------- 1 | /* download panel color */ 2 | #downloadsPanel-mainView { 3 | border-color: #ddd !important; 4 | background-color: #111 !important; 5 | color: #bbb !important; 6 | border-radius: 8px !important; 7 | } 8 | 9 | /* install/update addon notification */ 10 | .popup-notification-body , 11 | /* install addon popup background */ 12 | #addon-install-confirmation-notification { 13 | color: #ddd !important; 14 | background: #111 !important; 15 | 16 | } 17 | 18 | /* ex: start in safe mode dialog */ 19 | #commonDialog, 20 | #appMenu-addon-installed-notification { 21 | color: #ddd !important; 22 | background: #111 !important; 23 | border: 1px solid #ddd !important; 24 | border-radius: 8px !important; 25 | } 26 | 27 | /* install addon popup button color */ 28 | button.popup-notification-button.popup-notification-primary-button, 29 | button.popup-notification-button.popup-notification-secondary-button { 30 | background-color: #777 !important; 31 | color: white !important; 32 | } 33 | 34 | button.popup-notification-button.popup-notification-primary-button:hover:not([selected]), 35 | button.popup-notification-button.popup-notification-secondary-button:hover:not([selected]), 36 | #appMenu-addon-installed-notification > hbox > button { 37 | background-color: #9C04D1 !important; /* HOVER COLOR */ 38 | color: white !important; 39 | } 40 | 41 | 42 | -------------------------------------------------------------------------------- /chrome/css/generalui/menu_app_devtools.css: -------------------------------------------------------------------------------- 1 | /* dev tools and app menu border -----> slot overrides border */ 2 | #appMenu-protonMainView > vbox, 3 | #appmenu-moreTools, 4 | #PanelUI-developer-tools-view { 5 | /* border-radius: 8px !important; border: 1px solid #ddd !important;*/ 6 | padding: 4px 0px 4px 0px !important; 7 | } 8 | 9 | /*dev tools menu - MENU HOVER COLOUR */ 10 | #PanelUI-moreTools-button:hover:not([selected]), 11 | #PanelUI-developer-tools.subview-subheader:hover:not([selected]), 12 | #PanelUI-developer-tools-view > toolbarbutton:hover:not([selected]), 13 | /* app menu */ 14 | #appMenu-protonMainView.PanelUI-subView toolbarbutton:hover:not([selected]), 15 | #PanelUI-bookmarks.PanelUI-subView toolbarbutton:hover:not([selected]), 16 | #PanelUI-history.PanelUI-subView toolbarbutton:hover:not([selected]), 17 | #appmenu-moreTools.PanelUI-subView toolbarbutton:hover:not([selected]), 18 | #PanelUI-helpView.PanelUI-subView toolbarbutton:hover:not([selected]) { 19 | color: #ffffff !important; 20 | background-color: #777 !important; 21 | } 22 | 23 | /* "sync and save data" text */ 24 | #appMenu-fxa-text { 25 | color: #fff !important; 26 | } 27 | -------------------------------------------------------------------------------- /chrome/css/generalui/menu_bookmark_toolbar_color.css: -------------------------------------------------------------------------------- 1 | /*hide open all in tabs */ 2 | menuseparator.bookmarks-actions-menuseparator, 3 | menuitem.openintabs-menuitem {display: none !important; } 4 | 5 | /* bookmark toolbar dropdown color */ 6 | #PlacesToolbar menupopup[placespopup="true"] { 7 | --arrowpanel-background: #111 !important; 8 | --arrowpanel-color: #ddd !important; 9 | } 10 | 11 | /* borders - remove dumb thing*/ 12 | #PlacesToolbar menupopup, 13 | menu.menu-iconic > menupopup { border: none !important; } 14 | /* set color */ 15 | #PlacesToolbar menupopup { --my-preferred-border-color: #ddd } 16 | /* set border width */ 17 | .menupopup-arrowscrollbox { 18 | border: 1px solid var(--my-preferred-border-color,var(--panel-border-color)) !important; 19 | } 20 | -------------------------------------------------------------------------------- /chrome/css/generalui/menu_more_tools_appmenu.css: -------------------------------------------------------------------------------- 1 | /* Menu Popups */ 2 | .PanelUI-subView, 3 | .panel-subview-body, 4 | #widget-overflow-mainView { 5 | background-color: #111 !important; 6 | color: #ddd !important; 7 | border: none !important; 8 | } 9 | 10 | #overflowMenu-customize-button { 11 | border: 1px solid #666 !important; 12 | background-color: #333 !important; 13 | color: #fff !important; 14 | } 15 | 16 | #overflowMenu-customize-button:hover:not([selected]) { 17 | background-color: #9C04D1 !important; /* HOVER COLOR */ 18 | color: white !important; 19 | } 20 | 21 | .panel-arrowcontent { 22 | border: 1px solid #666 !important; 23 | } 24 | .panel-arrow { 25 | display: none !important; 26 | stroke: #777 !important; 27 | } 28 | 29 | toolbarseparator { 30 | border-top: 1px solid #555 !important; 31 | } 32 | .panel-subview-footer { 33 | border-top: 1px solid #888 !important; 34 | } 35 | .panel-header { 36 | border-bottom: 1px solid #666 !important; 37 | } 38 | #appMenu-zoom-controls #appMenu-zoomReset-button { 39 | border: 1px solid #555 !important; 40 | background: #444 !important; 41 | } -------------------------------------------------------------------------------- /chrome/css/generalui/menu_popup_colors_and_stuff.css: -------------------------------------------------------------------------------- 1 | /* HOVER SELECT highlight SHAPE - rounded corners */ 2 | menupopup > menuitem, 3 | menupopup > menu { 4 | padding: 0px 3px 0px 3px !important; 5 | border-radius: 4px !important; 6 | } 7 | 8 | 9 | /* overflow menu hover color - MENU HOVER COLOUR */ 10 | .widget-overflow-list .toolbarbutton-1:hover { 11 | color: #ffffff !important; 12 | background: #777 !important; 13 | } 14 | 15 | #widget-overflow-mainView toolbarseparator, 16 | menupopup menuseparator { 17 | border-color: transparent !important; 18 | } 19 | 20 | 21 | /* minimum width for context menus */ 22 | menupopup#placesContext { 23 | min-width: 225px !important; 24 | } 25 | 26 | #bookmark-menu-container_robwu_nl-menuitem-_bookmark-menu-item menupopup { 27 | min-width: 140px !important; 28 | } 29 | 30 | menupopup#new-tab-button-popup { 31 | min-width: 165px !important; 32 | } 33 | 34 | menupopup#toolbar-context-menu { 35 | min-width: 200px !important; 36 | } 37 | 38 | #contentAreaContextMenu , 39 | #tabContextMenu { 40 | min-width: 265px !important; 41 | } 42 | 43 | 44 | /* NEW clear history popup */ 45 | /* .dialogBox, */ /* #commonDialog overides I think */ 46 | #sanitizeDurationPopup { 47 | background: #111 !important; 48 | color: #ddd !important; 49 | border: 1px solid #ddd !important; 50 | border-radius: 8px !important; 51 | } 52 | 53 | #sanitizeDurationChoice, 54 | #sanitizeEverythingWarningBox { 55 | background: #ccc !important; 56 | color: #111 !important; 57 | } 58 | 59 | #sanitizeDurationPopup > menuitem[selected] { 60 | background-color: #9C04D1 !important; 61 | color: white !important; 62 | } 63 | 64 | #SanitizeDialog { 65 | background: #111 !important; 66 | color: #ddd !important; 67 | } 68 | 69 | 70 | /* popup menu color, borders ---> slot overrides these */ 71 | /* 72 | #appmenu_historyMenupopup, 73 | #appmenu_customizeMenu, 74 | #appmenu_helpMenupopup, 75 | #appmenu_bookmarksPopup, 76 | #appmenu_bookmarksPopup menupopup, 77 | #appmenu_historyMenupopup menupopup, 78 | #widget-overflow-mainView 79 | */ 80 | 81 | /* main-menubar > menu > submenus */ 82 | #file-menu menupopup, 83 | #edit-menu menupopup, 84 | #view-menu menupopup, 85 | #history-menu menupopup, 86 | #bookmarksMenu menupopup, 87 | #tools-menu menupopup, 88 | #helpMenu menupopup, 89 | /* bookmarks toolbar > menus > submenus */ 90 | #placesContext, 91 | #placesContext menupopup, 92 | #toggle_PersonalToolbar menupopup, 93 | #bookmark-menu-container_robwu_nl-menuitem-_bookmark-menu-item > menupopup, 94 | /* bookmark toolbar button menu */ 95 | #bookmarks-menu-button menupopup, 96 | /* various menus */ 97 | #new-tab-button-popup, 98 | #tabContextMenu, 99 | #tabContextMenu menupopup, 100 | #toolbar-context-menu, 101 | #toolbar-context-menu menupopup, 102 | #ContentSelectDropdown menupopup, 103 | menupopup.textbox-contextmenu, 104 | .popup-internal-box { 105 | background: #111 !important; 106 | color: #ddd !important; 107 | border: 1px solid #ddd !important; 108 | padding: 3px 3px 3px 3px !important; 109 | border-radius: 8px !important; 110 | } 111 | 112 | #contentAreaContextMenu { 113 | background: #111 !important; 114 | color: #ddd !important; 115 | border: 1px solid #ddd !important; 116 | padding: 0px 3px 3px 3px !important; 117 | border-radius: 8px !important; 118 | } 119 | 120 | #contentAreaContextMenu menupopup { 121 | background: #111 !important; 122 | color: #ddd !important; 123 | border: 1px solid #ddd !important; 124 | padding: 3px 3px 3px 3px !important; 125 | border-radius: 8px !important; 126 | } 127 | -------------------------------------------------------------------------------- /chrome/css/generalui/menu_popup_dark_context_menus.css: -------------------------------------------------------------------------------- 1 | /* Makes context menus dark. Also affects some portions of menu popups .....edited by me... origninal code by MrOtherGuy*/ 2 | /* Uses dark theme colors but does not respect dark theme variables (don't work on sidebar context menu) */ 3 | 4 | panel richlistbox, 5 | panel tree, 6 | /*panel button,*/ 7 | panel menulist, 8 | panel textbox, 9 | panel input, 10 | menupopup, 11 | menu, 12 | menuitem{ -moz-appearance: none !important; } 13 | 14 | menulist, 15 | menuitem, 16 | menu{ min-height: 1.8em } 17 | 18 | /* AFFECTS MANY MENUS and ADDON BORDERS */ 19 | slot { 20 | background: #111 !important; 21 | border: 1px solid #ddd !important; 22 | border-radius: 8px !important; 23 | } 24 | 25 | /* AFFECTS LOTS OF POPUPS AND MENUS *******************/ 26 | .menupopup-arrowscrollbox { 27 | color: #ddd !important; 28 | background: #111 !important; 29 | border-radius: 8px !important; 30 | } 31 | 32 | /* MENU HOVER COLOUR */ 33 | menu[_moz-menuactive="true"]:not([disabled="true"]), 34 | menuitem[_moz-menuactive="true"]:not([disabled="true"]), 35 | menucaption:hover:not([disabled="true"]) { 36 | color: #ffffff !important; 37 | background-color: #777 !important; 38 | } 39 | 40 | menu:active[_moz-menuactive="true"]:not([disabled="true"]), 41 | menuitem:active[_moz-menuactive="true"]:not([disabled="true"]), 42 | menucaption:active:not([disabled="true"]) { 43 | color: #ffffff !important; 44 | background-color: #777 !important; 45 | font-size: 8pt !important; 46 | } 47 | /* AFFECTS LOTS OF POPUPS AND MENUS *******************/ 48 | 49 | panel input{ border-width: 1px; border-style: solid; background-color: rgba(0,0,0,0.1) !important; } 50 | panel #searchbar{ background-color: rgba(0,0,0,0.1) !important; padding: 0 !important; } 51 | panel #searchbar input{ background-color: transparent !important; } 52 | 53 | panel menulist:hover, 54 | panel menulist[open]{ border-color: #eee !important; } 55 | 56 | panel treechildren::-moz-tree-row(selected), 57 | /*panel button:hover,*/ 58 | menu:hover, 59 | menu[_moz-menuactive], 60 | menu[open], 61 | menuitem:hover, 62 | /*menuitem[_moz-menuactive]{ background-color: var(--uc-menu-dimmed) !important; color: inherit !important; } */ 63 | menuitem[_moz-menuactive]{ background-color: #777 !important; color: white !important; } 64 | 65 | menu[disabled="true"], 66 | menuitem[disabled="true"]{ color: #BDB76B !important; } 67 | -------------------------------------------------------------------------------- /chrome/css/generalui/menubar_text.css: -------------------------------------------------------------------------------- 1 | .menubar-text { 2 | color: #fff !important; 3 | font-family: Fira Sans !important; 4 | font-weight: inherit !important; 5 | font-size: 14px !important; 6 | padding-top: 5px !important; 7 | } 8 | 9 | #urlbar-input-container { 10 | color: #fff !important; 11 | font-family: Fira Sans !important; 12 | font-weight: inherit !important; 13 | font-size: 17px !important; 14 | } 15 | 16 | /* 17 | .menupopup-arrowscrollbox { 18 | color: #ddd !important; 19 | } 20 | -------------------------------------------------------------------------------- /chrome/css/generalui/notifications_dark.css: -------------------------------------------------------------------------------- 1 | @-moz-document url("chrome://global/content/alerts/alert.xhtml") { 2 | #alertBox { 3 | border-color: #ddd !important; 4 | background-color: #111 !important; 5 | color: #bbb !important; 6 | border-radius: 6px !important; 7 | } 8 | 9 | #alertSettings { 10 | -moz-context-properties: fill, fill-opacity !important; 11 | padding: 3px !important; 12 | margin: 0px 2px -3px 0px !important; 13 | color: inherit !important; 14 | border-radius: 2px !important; 15 | transform: scale(0.91, 0.91) !important; 16 | } 17 | 18 | #alertSettings:hover, #alertSettings[open] { 19 | background-color: #111 !important; 20 | } 21 | 22 | #alertSourceLabel { 23 | color: #fff !important; 24 | } 25 | 26 | } 27 | 28 | -------------------------------------------------------------------------------- /chrome/css/generalui/popup_bookmark_edit_panel_dark.css: -------------------------------------------------------------------------------- 1 | #editBookmarkPanel.panel-no-padding box.panel-header { 2 | display: none !important; 3 | } 4 | 5 | #editBMPanel_newFolderBox { 6 | height: 15px !important; 7 | } 8 | 9 | #bookmarkpropertiesdialog { 10 | background-color: #111 !important; 11 | } 12 | 13 | #editBMPanel_namePicker, 14 | #editBMPanel_locationField, 15 | #editBMPanel_tagsField, 16 | #editBMPanel_keywordField { 17 | font-weight: bold !important; 18 | color: #111 !important; 19 | background-color: #ddd !important; 20 | } 21 | 22 | #tags-field-info, 23 | #keyword-field-info { 24 | color:white !important; 25 | } 26 | 27 | .dialog-button-box button { 28 | color:black !important; 29 | background-color: #ddd !important; 30 | } 31 | 32 | .dialog-button-box button:hover:not([selected]) { 33 | color:white !important; 34 | background-color: #9C04D1 !important; 35 | } 36 | 37 | /*OLD */ 38 | #editBMPanel_folderMenuList.folder-icon menupopup.in-menulist { 39 | border: 1px solid #ddd !important; 40 | border-radius: 8px !important; 41 | } 42 | 43 | #editBMPanel_folderMenuList > menupopup { 44 | background-color: #aaa !important; 45 | } 46 | 47 | #editBMPanel_folderMenuList{ 48 | color: #111 !important; 49 | background-color: #ddd !important; 50 | } 51 | 52 | #editBMPanel_folderTree.placesTree treechildren { 53 | background-color: #ddd !important; 54 | } 55 | 56 | #editBMPanel_folderTree > treechildren{ 57 | color: black !important; 58 | } 59 | 60 | #editBMPanel_tagsSelectorRow richlistbox { 61 | background-color: #ddd !important; 62 | } 63 | 64 | #editBookmarkPanelDoneButton, 65 | #editBookmarkPanelRemoveButton { 66 | color: #111 !important; 67 | background-color: #ddd !important; 68 | } 69 | 70 | #editBookmarkPanelDoneButton:hover, 71 | #editBookmarkPanelRemoveButton:hover { 72 | color: #fff !important; 73 | background-color: #9C04D1 !important; 74 | } 75 | -------------------------------------------------------------------------------- /chrome/css/generalui/sidebar_appearance_dark.css: -------------------------------------------------------------------------------- 1 | /*sidebar header icon colors */ 2 | #sidebar-switcher-bookmarks > .toolbarbutton-icon, 3 | #sidebar-box[sidebarcommand="viewBookmarksSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon { 4 | fill: yellow !important; 5 | } 6 | 7 | #sidebar-switcher-history > .toolbarbutton-icon, 8 | #sidebar-box[sidebarcommand="viewHistorySidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon { 9 | fill: fuchsia !important; 10 | } 11 | 12 | /*sidebar header dark */ 13 | #sidebar-header:-moz-lwtheme { 14 | background-color: var(--toolbar-bgcolor) !important; 15 | background-image: var(--lwt-header-image) !important; 16 | background-position: bottom left !important; 17 | background-repeat: no-repeat !important; 18 | border-bottom: 0 !important; 19 | } 20 | 21 | /*Sidebar Switcher menu */ 22 | #sidebarMenu-popup.cui-widget-panel toolbarbutton.subviewbutton:hover:not([selected]) { 23 | background-color: #777 !important; 24 | color: #fff !important; 25 | } 26 | 27 | #sidebarMenu-popup.cui-widget-panel toolbarbutton.subviewbutton { 28 | background-color: #111 !important; 29 | color: #ddd !important; 30 | } 31 | 32 | #sidebarMenu-popup > toolbarseparator {display: none !important;} 33 | 34 | #main-window:-moz-lwtheme-darktext #sidebar-box, 35 | #main-window:-moz-lwtheme-darktext #sidebar-box * { 36 | color: black !important; 37 | } 38 | 39 | #main-window:-moz-lwtheme-brighttext #sidebar-box, 40 | #main-window:-moz-lwtheme-brighttext #sidebar-box * { 41 | color: white !important; 42 | } 43 | 44 | /* sidebar appearnce dark */ 45 | #bookmarksPanel.sidebar-panel { 46 | color: #DDD !important; 47 | padding: 0px 3px 0px 3px !important; 48 | border-radius: 4px !important; 49 | } 50 | 51 | #sidebar, 52 | #sidebar-header, 53 | #bookmarksPanel, 54 | #bookmarks-view, 55 | #history-panel, 56 | #historyTree, 57 | #viewButton { 58 | background: #111 !important; 59 | color: #DDD !important; 60 | padding: 0px 3px 0px 3px !important; 61 | border-radius: 4px !important; 62 | } 63 | 64 | .sidebar-placesTreechildren::-moz-tree-cell(hover), 65 | .sidebar-placesTreechildren::-moz-tree-row(selected), 66 | .sidebar-placesTreechildren::-moz-tree-cell-text(hover), 67 | .sidebar-placesTreechildren::-moz-tree-cell-text(selected), 68 | #viewButton:hover { 69 | background: #666666 !important; 70 | color: #DDD !important; 71 | padding: 0px 3px 0px 3px !important; 72 | border-radius: 4px !important; 73 | } 74 | 75 | /* Fix for remaining hovering borders */ 76 | .sidebar-placesTreechildren::-moz-tree-row { 77 | color: #DDD !important; 78 | outline: none !important; 79 | border: none !important; 80 | } 81 | 82 | /* Make search box dark */ 83 | #sidebar-search-container > textbox { 84 | -moz-appearance: none !important; 85 | background-color: #4d4d4d !important; 86 | color: #ffffff !important; 87 | } 88 | 89 | /* Hide white splitter (also appears on top right of scrollbar) *//* 90 | #sidebar-splitter { 91 | opacity: 0 !important; 92 | } 93 | 94 | /* Add custom splitter between sidebar and content *//* 95 | #sidebar, 96 | #sidebar-header { 97 | -moz-border-end: 3px solid #474749 !important; 98 | } 99 | 100 | /*sidebar popup*/ 101 | #sidebarMenu-popup .panel-arrowcontent { 102 | background: #111 !important; 103 | color: #DDD !important; 104 | border: 1px solid #DDD !important; 105 | } 106 | 107 | .sidebar-placesTree treechildren::-moz-tree-separator { 108 | border: 1px solid #4b4b57 !important; 109 | } 110 | 111 | .sidebar-panel #search-box{ 112 | -moz-appearance: none !important; 113 | background-color: rgba(249,249,250,0.1) !important; 114 | color: inherit !important; 115 | } -------------------------------------------------------------------------------- /chrome/css/generalui/sidebar_autohide.css: -------------------------------------------------------------------------------- 1 | /* Show sidebar only when the cursor is over it */ 2 | /* The border controlling sidebar width will be removed so you'll need to modify these values to change width */ 3 | 4 | #sidebar-box{ 5 | --uc-sidebar-width: 5px; 6 | --uc-sidebar-hover-width: 350px; 7 | position: relative; 8 | min-width: var(--uc-sidebar-width) !important; 9 | width: var(--uc-sidebar-width) !important; 10 | max-width: var(--uc-sidebar-width) !important; 11 | z-index:1; 12 | opacity: 1; 13 | } 14 | 15 | #sidebar-splitter{ display: none } 16 | 17 | #sidebar-header{ overflow: hidden; color: var(--chrome-color, inherit) !important} 18 | 19 | #sidebar{ 20 | transition: min-width 200ms linear !important; 21 | min-width: var(--uc-sidebar-width) !important; 22 | will-change: min-width; 23 | } 24 | 25 | #sidebar-box:hover > #sidebar{ min-width: var(--uc-sidebar-hover-width) !important; } 26 | 27 | .sidebar-panel{ 28 | background-color: transparent !important; 29 | color: var(--newtab-text-primary-color) !important; 30 | } 31 | 32 | .sidebar-panel #search-box{ 33 | -moz-appearance: none !important; 34 | background-color: rgba(249,249,250,0.1) !important; 35 | color: inherit !important; 36 | } 37 | 38 | /* Add sidebar divider and give it background */ 39 | 40 | #sidebar, 41 | #sidebar-header{ 42 | background-color: var(--toolbar-non-lwt-bgcolor) !important; 43 | border-right: 1px solid rgb(80,80,80); 44 | } 45 | 46 | .sidebar-placesTreechildren::-moz-tree-cell-text { 47 | color: #ddd !important; 48 | } 49 | 50 | .sidebar-placesTreechildren::-moz-tree-cell-text(selected) { 51 | color: yellow !important; 52 | } -------------------------------------------------------------------------------- /chrome/css/generalui/sidebar_library_popup_menu.css: -------------------------------------------------------------------------------- 1 | /* Menu Popups */ 2 | .PanelUI-subView, 3 | .panel-subview-body { 4 | background-color: #111 !important; 5 | color: #ddd !important; 6 | } 7 | .PanelUI-subView :hover { 8 | color: #ddd !important; 9 | } 10 | 11 | /*.panel-subview-body :hover { 12 | background: #666666 !important; 13 | color: #D1D1D1 !important; 14 | }/* causes weird effect on library bookmarks */ 15 | 16 | #overflowMenu-customize-button { 17 | border: 1px solid #666 !important; 18 | background-color: #555 !important; 19 | color: #ddd !important; 20 | } 21 | .panel-arrowcontent { 22 | border: 1px solid #666 !important; 23 | } 24 | .panel-arrow { 25 | display: none !important; 26 | stroke: #777 !important; 27 | } 28 | /*toolbarbutton :hover { 29 | color: white !important; 30 | }*/ 31 | toolbarseparator { 32 | border-top: 1px solid #555 !important; 33 | } 34 | .panel-subview-footer { 35 | border-top: 1px solid #888 !important; 36 | } 37 | .panel-header { 38 | border-bottom: 1px solid #666 !important; 39 | } 40 | #appMenu-zoom-controls #appMenu-zoomReset-button { 41 | border: 1px solid #555 !important; 42 | background: #444 !important; 43 | } -------------------------------------------------------------------------------- /chrome/css/generalui/sidebar_resizable.css: -------------------------------------------------------------------------------- 1 | /* You can find an updated version here: https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme */ 2 | /* Made by Izheil */ 3 | /* Last updated: 10/05/2020 */ 4 | 5 | /* SIDEBAR */ 6 | 7 | /* Allow sidebar to be closed completely using the slider */ 8 | #sidebar-box {overflow-x: hidden !important} 9 | 10 | #sidebar { 11 | min-width: 0px !important; 12 | max-width: none !important; 13 | overflow-x: hidden !important} -------------------------------------------------------------------------------- /chrome/css/generalui/status_in_bottombar.css: -------------------------------------------------------------------------------- 1 | /* Status Bar ONLY */ 2 | #statuspanel-inner > #statuspanel-label{ 3 | height:23px; 4 | min-width: 400px; 5 | max-width: 750px; 6 | padding-top: 3px !important; 7 | /* background-color: black !important;*/ 8 | background-color: transparent !important; 9 | border: none !important; 10 | font-size: 12!important; 11 | /* Yellow */ 12 | color: #faff68 !important; 13 | } 14 | /* If you use a theme where urlbar is partially transparent you should edit this color to something that closely matches the perceived color of urlbar. Or perhaps use background-image - linear-gradient() can work well here. But keep the color or image opaque or otherwise you'll face an issue where urlbar text bleeds through */ 15 | #statuspanel-inner{background-image:none !important} 16 | #statuspanel{background-image:none !important} 17 | 18 | /* #statuspanel-inner{ background-color: #222222 } 19 | #statuspanel{ color: #222222; z-index: -1; } */ 20 | #statuspanel[type="status"] { color: #70AAEC } 21 | 22 | /* Moves panel to bottom left */ 23 | #statuspanel { 24 | margin: 5 !important; 25 | bottom: 0px !important; 26 | left: 70px !important; 27 | z-index: 2 !important; 28 | } -------------------------------------------------------------------------------- /chrome/css/generalui/status_panel_color.css: -------------------------------------------------------------------------------- 1 | /* Moves panel to bottom left */ 2 | /* 3 | #statuspanel { 4 | margin: 5 !important; 5 | bottom: 2px !important; 6 | left: 3px !important; 7 | z-index: 2 !important; 8 | }*/ 9 | 10 | /* Moves panel to top right */ 11 | / 12 | #statuspanel { 13 | margin: 0 !important; 14 | top: 117px !important; 15 | right: 3px !important; 16 | z-index: 2 !important; 17 | }*/ 18 | 19 | #statuspanel-label { 20 | background: black !important; 21 | color: #faff68!important; 22 | border: none !important; 23 | font-size: 12px !important; 24 | } 25 | 26 | 27 | /*#statuspanel-inner > #statuspanel-label{ 28 | height:18px; 29 | min-width: 500px; 30 | background-color: #222222 !important; 31 | border: none !important; 32 | font-size: 11!important; 33 | /* Cyan * 34 | color: #00ffe1 !important; 35 | /**/ 36 | /* Yellow * 37 | color: #faff68 !important; 38 | /**/ 39 | } -------------------------------------------------------------------------------- /chrome/css/locationbar/background_color_dark.css: -------------------------------------------------------------------------------- 1 | .searchbar-textbox, #urlbar { 2 | background-color: #474749 !important; 3 | color: lightgrey !important; 4 | } 5 | 6 | #identity-icon{ 7 | opacity: 1 !important; 8 | } 9 | -------------------------------------------------------------------------------- /chrome/css/locationbar/icons_colorized.css: -------------------------------------------------------------------------------- 1 | /* remove background color */ 2 | #urlbar .urlbar-page-action, 3 | #urlbar #star-button-animatable-box, 4 | #urlbar #pageAction-panel-bookmark, 5 | #urlbar #star-button, 6 | #urlbar #star-button-animatable-box, 7 | #urlbar .urlbar-icon, 8 | #searchbar .search-go-button { 9 | background: unset !important; 10 | box-shadow: unset !important; 11 | } 12 | 13 | /* colorize location bar icons (except star button) */ 14 | #urlbar :is(#reader-mode-button,#pageActionButton, #pageAction-urlbar-emailLink,#pageAction-urlbar-sendToDevice,#pageAction-urlbar-screenshots,#pageAction-urlbar-copyURL), 15 | #urlbar .urlbar-history-dropmarker { 16 | fill: white !important; 17 | } 18 | #urlbar :is(#reader-mode-button,#pageActionButton, #pageAction-urlbar-emailLink,#pageAction-urlbar-sendToDevice,#pageAction-urlbar-screenshots,#pageAction-urlbar-copyURL):is(:hover,:hover:active,[open]), 19 | #urlbar .urlbar-history-dropmarker:is(:hover,:hover:active,[open]) { 20 | fill: white !important; 21 | } 22 | 23 | /* increase brightness for search bars go button */ 24 | #searchbar .search-go-button:is(:hover,:hover:active,[open]) { 25 | filter: brightness(1.5) !important; 26 | } 27 | 28 | /* change opacity for WE page action buttons */ 29 | #urlbar #page-action-buttons > .urlbar-icon { 30 | opacity: 1.0 !important; 31 | } 32 | #urlbar #page-action-buttons > .urlbar-icon:is(:hover,:hover:active,[open]){ 33 | opacity: 0.6 !important; 34 | } 35 | 36 | /* colorize star button icon 37 | #urlbar #pageAction-panel-bookmark:not([starred]), 38 | #urlbar #star-button:not([starred]) { 39 | fill: orange !important; 40 | opacity: 1.0 !important; 41 | } 42 | #urlbar #star-button-box[open] #star-button, 43 | #urlbar #star-button:is(:hover,:hover:active), 44 | #urlbar #star-button-animatable-box:is(:hover,:hover:active) { 45 | filter: brightness(1.5) !important; 46 | } 47 | #urlbar #pageAction-panel-bookmark:not([starred]):is(:hover,:hover:active,[open]), 48 | #urlbar #star-button-box[open] #star-button:not([starred]), 49 | #urlbar #star-button:not([starred]):is(:hover,:hover:active) { 50 | filter: brightness(1.25) !important; 51 | }*/ 52 | 53 | -------------------------------------------------------------------------------- /chrome/css/locationbar/identity_box_icon_order.css: -------------------------------------------------------------------------------- 1 | #favimginurlbar { 2 | -moz-box-ordinal-group: 0; 3 | } 4 | 5 | #identity-icon { 6 | -moz-box-ordinal-group: 0; 7 | } 8 | 9 | #connection-icon { 10 | -moz-box-ordinal-group: 0; 11 | } 12 | 13 | #tracking-protection-icon-container { 14 | margin-right: -27px !important; 15 | border-right: -27px !important; 16 | border-image-slice: 0 !important; 17 | opacity: 0.0; 18 | /*display: none !important;*/ 19 | } 20 | 21 | #tracking-protection-icon { 22 | display: none; 23 | } 24 | 25 | #geo-notification-icon { 26 | display: none;; 27 | } 28 | 29 | 30 | #permissions-granted-icon { 31 | display: none; 32 | } 33 | 34 | .blocked-permission-icon.desktop-notification-icon { 35 | display: none !important 36 | } 37 | 38 | .blocked-permission-icon.autoplay-media-icon { 39 | display: none !important 40 | } 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /chrome/css/locationbar/identitybox_no_label_text.css: -------------------------------------------------------------------------------- 1 | #identity-box #identity-icon-labels {display:none} 2 | 3 | -------------------------------------------------------------------------------- /chrome/css/locationbar/identitybox_padlock_icon_modern.css: -------------------------------------------------------------------------------- 1 | /* alternative padlock icons */ 2 | #urlbar[pageproxystate="valid"] :is(.verifiedDomain,.verifiedIdentity) #identity-icon { 3 | list-style-image: url(./../../image/padlock_modern.png) !important; 4 | -moz-image-region: rect(0, 16px, 16px, 0) !important; 5 | } 6 | 7 | #urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent,.notSecure) #identity-icon { 8 | list-style-image: url(./../../image/padlock_modern_mal.png) !important; 9 | -moz-image-region: rect(0, 16px, 16px, 0) !important; 10 | } 11 | 12 | #urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked) #identity-icon { 13 | list-style-image: url(./../../image/padlock_modern_mpl.png) !important; 14 | -moz-image-region: rect(0, 16px, 16px, 0) !important; 15 | } 16 | 17 | #urlbar[pageproxystate="valid"] .mixedActiveBlocked #identity-icon { 18 | list-style-image: url(./../../image/padlock_modern_mab.png) !important; 19 | -moz-image-region: rect(0, 16px, 16px, 0) !important; 20 | } 21 | 22 | -------------------------------------------------------------------------------- /chrome/css/locationbar/locationbar_addon_prefix_hide.css: -------------------------------------------------------------------------------- 1 | /* hides the Extension prefix or...whatever) thing in address bar */ 2 | 3 | #identity-icon-label { 4 | display: none !important; 5 | } -------------------------------------------------------------------------------- /chrome/css/locationbar/locationbar_adjustments.css: -------------------------------------------------------------------------------- 1 | /* remove blue focus ring */ 2 | :root{ --toolbar-field-focus-border-color: transparent !important; } 3 | 4 | /* that stupid 1px line below navbar */ 5 | #navigator-toolbox {border-bottom: transparent !important;} 6 | #nav-bar {border-bottom: transparent !important;} 7 | 8 | /* location bar height */ 9 | #urlbar { 10 | height: 28px !important; 11 | margin-top: 1px !important; 12 | margin-top: 1px !important; 13 | margin-bottom: 1px !important; 14 | } 15 | 16 | /* identity box */ 17 | #identity-box { 18 | padding-inline-start: 4px !important; 19 | } 20 | 21 | /* search box */ 22 | #main-window[uidensity="compact"] .searchbar-search-icon { 23 | margin-inline-start: 4px !important; 24 | margin-inline-end: 4px !important; 25 | } 26 | 27 | /* adjust addon icons for compact mode */ 28 | #main-window[uidensity="compact"] .urlbar-icon { 29 | width: 18px !important; 30 | height: 18px !important; 31 | padding: 0px !important; 32 | } 33 | 34 | -------------------------------------------------------------------------------- /chrome/css/locationbar/locationbar_broken_lock_red_bg.css: -------------------------------------------------------------------------------- 1 | /* broken lock red background */ 2 | #urlbar[pageproxystate="valid"] > #identity-box.notSecure > #connection-icon, 3 | #urlbar[pageproxystate="valid"] > #identity-box.insecureLoginForms > #connection-icon, 4 | #urlbar[pageproxystate="valid"] > #identity-box.mixedActiveContent > #connection-icon { 5 | background: red !important; 6 | } 7 | -------------------------------------------------------------------------------- /chrome/css/locationbar/locationbar_color_security.css: -------------------------------------------------------------------------------- 1 | /* This make tab show through dropdown list in FF 72 */ 2 | 3 | #urlbar { 4 | position: relative; 5 | z-index: 1; 6 | } 7 | 8 | 9 | /**/ 10 | 11 | #identity-box:after { 12 | content: ''; 13 | position: absolute; 14 | height: 100%; 15 | width: 100%; 16 | top: 0; 17 | left: 0; 18 | pointer-events: none; 19 | z-index: -1; 20 | background: white; 21 | opacity: 0.3; 22 | } 23 | 24 | 25 | /* There is also grantedPermissions, but irrelevant. */ 26 | 27 | /* about:about */ 28 | #urlbar[pageproxystate='valid'] #identity-box.unknownIdentity:after { 29 | background: #ff0039; /* Firefox Red 50 */ 30 | } 31 | 32 | /* about:config */ 33 | #urlbar[pageproxystate='valid'] #identity-box.chromeUI:after { 34 | background: #0a84ff; /* Firefox Blue 50 */ 35 | } 36 | 37 | /* about:pages and local files */ 38 | #urlbar[pageproxystate='valid'] #identity-box.localResource:after { 39 | background: #0a84ff; /* Firefox Blue 50 */ 40 | } 41 | 42 | /* uBlock Origin Dashboard */ 43 | #urlbar[pageproxystate='valid'] #identity-box.extensionPage:after { 44 | background: #45a1ff; /* Firefox Blue 40 */ 45 | } 46 | 47 | /* https://www.github.com/ */ 48 | #urlbar[pageproxystate='valid'] #identity-box.verifiedIdentity:after{ 49 | background: #058b00; /* Firefox Green 70 */ 50 | } 51 | 52 | /* https://www.google.com/ */ 53 | #urlbar[pageproxystate='valid'] #identity-box.verifiedDomain:after{ 54 | background: #12bc00; /* Firefox Green 60 */ 55 | } 56 | 57 | /* https://mixed-script.badssl.com/ */ 58 | #urlbar[pageproxystate='valid'] #identity-box.mixedActiveBlocked:after { 59 | background: #30e60b; /* Firefox Green 50 */ 60 | } 61 | 62 | /* https://mixed.badssl.com/ */ 63 | #urlbar[pageproxystate='valid'] #identity-box.mixedDisplayContent:after { 64 | background: #d7b600; /* Firefox Yellow 60 */ 65 | } 66 | 67 | /* https://very.badssl.com/ */ 68 | #urlbar[pageproxystate='valid'] #identity-box.mixedDisplayContentLoadedActiveBlocked:after { 69 | background: #d7b600; /* Firefox Yellow 60 */ 70 | } 71 | 72 | /* https://self-signed.badssl.com/ but add certificate exception */ 73 | #urlbar[pageproxystate='valid'] #identity-box.certUserOverridden:after { 74 | background: #ffe900; /* Firefox Yellow 50 */ 75 | } 76 | 77 | /* https://www.mixedcontentexamples.com/Test/NonSecureIFRAME/ */ 78 | #urlbar[pageproxystate='valid'] #identity-box.verifiedDomain.mixedActiveBlocked:after { 79 | background: #d7b600; /* Firefox Yellow 60 */ 80 | } 81 | 82 | /* Don't know an example for this */ 83 | #urlbar[pageproxystate='valid'] #identity-box.weakCipher:after { 84 | background: #a47f00; /* Firefox Yellow 70 */ 85 | } 86 | 87 | /* https://mixed-script.badssl.com/ but disable protection */ 88 | #urlbar[pageproxystate='valid'] #identity-box.mixedActiveContent:after { 89 | background: #d70022; /* Firefox Red 60 */ 90 | } 91 | 92 | /* http://http-login.badssl.com/ */ 93 | #urlbar[pageproxystate='valid'] #identity-box.insecureLoginForms:after { 94 | background: #a4000f; /* Firefox Red 70 */ 95 | } 96 | 97 | /* http://http-login.badssl.com/ */ 98 | #urlbar[pageproxystate='valid'] #identity-box.notSecure:after { 99 | background: #a4000f; /* Firefox Red 70 */ 100 | } 101 | -------------------------------------------------------------------------------- /chrome/css/locationbar/locationbar_page_action_hide.css: -------------------------------------------------------------------------------- 1 | /*Multi-Containers */ 2 | #pageAction-urlbar-_testpilot-containers {display: none !important} 3 | 4 | /* Translate Web Page */ 5 | #pageAction-urlbar-_036a55b4-5e72-4d05-a06c-cba2dfcc134a_ {display: none !important} 6 | 7 | /* page action panel */ 8 | #pageAction-panel-jid1-ymbcq41qvddqca_jetpack, /* youtube no comments */ 9 | #pageAction-panel-_autopagerizetweaked, /*autopagerize */ 10 | #pageAction-panel-_breadcrumbus, /* breadcrumbus */ 11 | #pageAction-panel-crxviewer-firefox_robwu_nl, /* crx viewer */ 12 | #pageAction-panel-canvasblocker_kkapsner_de, /* canvasblocker */ 13 | #pageAction-panel-_c0e1baea-b4cb-4b62-97f0-278392ff8c37_ /* remove page overylay */ 14 | { visibility: collapse !important} 15 | 16 | /* Hide email link and send tab to device */ 17 | #pageAction-panel-emailLink, 18 | #pageAction-panel-sendToDevice {display: none !important} 19 | 20 | /*THIS TOTALLY HIDES the page action button * 21 | #pageActionButton { visibility: collapse !important} -------------------------------------------------------------------------------- /chrome/css/locationbar/locationbar_page_action_order.css: -------------------------------------------------------------------------------- 1 | /*page action button * 2 | #pageActionButton { 3 | -moz-box-ordinal-group: 91 !important; 4 | } 5 | 6 | /* reader view */ 7 | #reader-mode-button { 8 | -moz-box-ordinal-group: 93!important; 9 | } 10 | 11 | /* indicateTLS */ 12 | #pageAction-urlbar-_252ee273-8c8d-4609-b54d-62ae345be0a1_ { 13 | -moz-box-ordinal-group: 94!important; 14 | } 15 | 16 | /*flagfox */ 17 | #pageAction-urlbar-_1018e4d6-728f-4b20-ad56-37578a4de76b_ { 18 | -moz-box-ordinal-group: 95 !important; 19 | } 20 | 21 | /* canvasblocker */ 22 | #pageAction-urlbar-canvasblocker_kkapsner_de { 23 | -moz-box-ordinal-group: 96!important; 24 | } 25 | 26 | /* crx viewer */ 27 | #pageAction-urlbar-crxviewer-firefox_robwu_nl { 28 | -moz-box-ordinal-group: 97 !important; 29 | } 30 | 31 | /* boolmark */ 32 | #star-button-box { 33 | -moz-box-ordinal-group: 98 !important; 34 | } 35 | 36 | /* reload addon */ 37 | #pageAction-urlbar-_e1ed7a80-7c11-4f7e-968b-79b551a0067f_ { 38 | -moz-box-ordinal-group: 99 !important; 39 | } 40 | 41 | /* zoom */ 42 | #urlbar-container #urlbar-zoom-button{ 43 | color:white !important; 44 | background: transparent !important; 45 | font-size: 9pt !important; 46 | text-shadow: 0px 1px 0px black, 47 | 0px 1px 4px black !important; 48 | font-weight: bold !important; 49 | padding-left: 2px !important; 50 | padding-right: 2px !important; 51 | -moz-box-ordinal-group: 100 !important; 52 | } 53 | 54 | /* make dropmarker always hidden */ 55 | #urlbar .autocomplete-history-dropmarker, 56 | #urlbar .urlbar-history-dropmarker, 57 | #urlbar:not(:hover) > .urlbar-textbox-container > .urlbar-history-dropmarker { 58 | visibility: hidden !important; 59 | } 60 | -------------------------------------------------------------------------------- /chrome/css/locationbar/navbar_hide.css: -------------------------------------------------------------------------------- 1 | /* makes the navbar transparent when not hover */ 2 | 3 | #urlbar:not(:hover){ 4 | background-color: transparent !important; 5 | transition: background-color 0.25s; 6 | } 7 | 8 | -------------------------------------------------------------------------------- /chrome/css/locationbar/protection_panel_dropdown_color.css: -------------------------------------------------------------------------------- 1 | /*protection dropdown */ 2 | #protections-popup { 3 | border-radius: 8px !important; 4 | } 5 | 6 | /* site info dropdown */ 7 | #identity-popup-mainView { 8 | background-color: #111 !important; 9 | color: #ddd !important; 10 | } 11 | 12 | /*protections dropdown */ 13 | #protections-popup-mainView-panel-header, 14 | #identity-popup-mainView-panel-header, 15 | #identity-popup-securityView.PanelUI-subView box.panel-header, 16 | #protections-popup-fingerprintersView box.panel-header, 17 | #protections-popup-trackersView box.panel-header, 18 | #protections-popup-socialblockView box.panel-header, 19 | #protections-popup-cookiesView box.panel-header, 20 | #protections-popup-cryptominersView box.panel-header { 21 | color: #fff !important; 22 | background: #9C04D1 !important; 23 | } 24 | 25 | /* parts of page are not secure */ 26 | description.identity-popup-warning-box { 27 | background-color: gold !important; 28 | color: black !important; 29 | border: double !important; 30 | border-color: red !important; 31 | } 32 | 33 | #protections-popup-tp-switch-section, 34 | #tracking-protection-container, 35 | #protections-popup-no-trackers-found-description, 36 | #protections-popup-footer, 37 | #protections-popup-fingerprintersView, 38 | #protections-popup-fingerprintersView-list, 39 | #protections-popup-mainView, 40 | #protections-popup-trackersView, 41 | #protections-popup-socialblockView, 42 | #protections-popup-socialblockView-list, 43 | #protections-popup-cookiesView, 44 | #protections-popup-cookiesView-list, 45 | #protections-popup-cryptominersView, 46 | #protections-popup-category-list, 47 | #protections-popup-category-cryptominers, 48 | #protections-popup-sendReportView, 49 | #protections-popup-siteNotWorkingView { 50 | color: #ddd !important; 51 | background: #111 !important; 52 | } 53 | 54 | #protections-popup-socialblockView-settings-button { 55 | background: #777 !important; 56 | } 57 | 58 | #identity-popup-security-button:hover, 59 | #identity-popup-clear-sitedata-button:hover, 60 | #identity-popup-more-info:hover, 61 | #protections-popup-category-fingerprinters:hover, 62 | #protections-popup-category-trackers:hover, 63 | #protections-popup-category-socialblock:hover, 64 | #protections-popup-category-cookies:hover, 65 | #protections-popup-category-cryptominers:hover, 66 | #protections-popup-settings-button:hover, 67 | #protections-popup-show-report-button:hover, 68 | #protections-popup-fingerprintersView-settings-button.subviewbutton.panel-subview-footer-button:hover, 69 | #protections-popup-trackersView-settings-button.subviewbutton.panel-subview-footer-button:hover, 70 | #protections-popup-socialblockView-settings-button.subviewbutton.panel-subview-footer-button:hover, 71 | #protections-popup-cookiesView-settings-button.subviewbutton.panel-subview-footer-button:hover, 72 | #protections-popup-cryptominersView-settings-button.subviewbutton.panel-subview-footer-button:hover, 73 | .subviewbutton-iconic:hover, 74 | .panel-header toolbarbutton.subviewbutton.subviewbutton-iconic.subviewbutton-back:hover { 75 | color: #ffffff !important; 76 | background: #777 !important; 77 | } 78 | -------------------------------------------------------------------------------- /chrome/css/locationbar/reader_alternative_icon.css: -------------------------------------------------------------------------------- 1 | /* Github: https://github.com/aris-t2/customcssforfx */ 2 | 3 | /* alternative reader icon*/ 4 | #reader-mode-button-icon, 5 | #reader-mode-button { 6 | list-style-image: url("./../../image/reader.png") !important; 7 | -moz-image-region: rect(0, 16px, 16px, 0) !important; 8 | } 9 | 10 | #reader-mode-button[readeractive] #reader-mode-button-icon, 11 | #reader-mode-button[readeractive] { 12 | -moz-image-region: rect(0, 32px, 16px, 16px) !important; 13 | } 14 | 15 | #reader-mode-button-icon:hover, 16 | #reader-mode-button:hover { 17 | filter: brightness(1.25) !important; 18 | } 19 | 20 | /* colorize reader, page action and dropmarker icons * 21 | #urlbar #reader-mode-button, 22 | #reader-mode-button-icon, 23 | #urlbar #reader-mode-button:-moz-any(:hover,:hover:active,[open]) { 24 | fill: unset !important; 25 | } 26 | -------------------------------------------------------------------------------- /chrome/css/locationbar/searchbar_settings.css: -------------------------------------------------------------------------------- 1 | /* The SEPARATE searchbar settings */ 2 | 3 | /* dropdown searchbar panel */ 4 | .search-panel-current-engine { 5 | background-color: #333 !important; 6 | } 7 | 8 | .searchbar-engine-name, 9 | .search-panel-one-offs-header.search-panel-header { 10 | color: white !important; 11 | padding: 3px 0px 3px 0px !important; 12 | } 13 | 14 | .autocomplete-richlistitem, 15 | #searchbar-anon-search-settings { 16 | background-color: #333 !important; 17 | color: white !important; 18 | padding: 3px 0px 3px 0px !important; 19 | } 20 | 21 | #searchbar-anon-search-settings:hover { 22 | background-color: #777 !important; 23 | } 24 | 25 | .searchbar-separator, 26 | .search-go-container, 27 | .search-panel-header + .searchbar-separator { 28 | display: none 29 | } 30 | 31 | /* searchbar background */ 32 | .searchbar-search-button { 33 | border: none !important; 34 | background-color: #111 !important; 35 | opacity: 1 !important; 36 | } 37 | 38 | #search-container{ 39 | border: none !important; 40 | max-width: 280px !important; 41 | } 42 | 43 | #searchbar .textbox-input::placeholder { 44 | opacity: 1 !important; 45 | text-align: center !important; 46 | } 47 | 48 | #searchbar, 49 | .searchbar-textbox { 50 | border: none !important; 51 | background-color: #9C04D1 !important; 52 | border-radius: 1px 10px / 12px !important; 53 | transition: all 0.9s ease !important; 54 | opacity: 0.4; 55 | } 56 | 57 | #searchbar[selected], 58 | #searchbar:hover:not([selected]), 59 | .searchbar-textbox[selected], 60 | .searchbar-textbox:hover:not([selected]) { 61 | color: #000 !important; 62 | opacity: .8 !important; 63 | font-weight: bold !important; 64 | } 65 | -------------------------------------------------------------------------------- /chrome/css/locationbar/starbutton_alternative_icon.css: -------------------------------------------------------------------------------- 1 | /* yellow star button (Fx56 + CTR-like)*/ 2 | #urlbar #star-button { 3 | list-style-image: url("./../../image/star_button.svg") !important; 4 | } 5 | 6 | /* white/grey non-bookmarked star (+ override filters set in icons_colorized.css) */ 7 | #urlbar #star-button:not([starred]), 8 | #urlbar #star-button-box[open] #star-button:not([starred]), 9 | #urlbar #star-button:not([starred]):is(:hover,:hover:active) { 10 | filter: grayscale(1.0) brightness(1.15) !important; 11 | } 12 | 13 | 14 | -------------------------------------------------------------------------------- /chrome/css/locationbar/urlbar_caret_color.css: -------------------------------------------------------------------------------- 1 | /* Change urlbar caret color */ 2 | #urlbar { 3 | caret-color: yellow !important; 4 | } -------------------------------------------------------------------------------- /chrome/css/locationbar/urlbar_container_color_border.css: -------------------------------------------------------------------------------- 1 | /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/urlbar_container_color_border.css */ 2 | 3 | /* Draws a border around urlbar using the color of the current container. */ 4 | 5 | #urlbar:not([open]) > #urlbar-input-container{ 6 | border-width: 0 !important; 7 | padding: 2px !important; 8 | opacity: .8 !important; /* I added this */ 9 | } 10 | 11 | #userContext-icons::before{ 12 | box-sizing: border-box; 13 | display: block; 14 | position: absolute; 15 | content: ""; 16 | left: 0; 17 | top: 0; 18 | width: 100%; 19 | height: 100%; 20 | outline: 1px solid var(--identity-icon-color); 21 | border-radius: var(--toolbarbutton-border-radius); 22 | outline-offset: -1px; 23 | pointer-events: none; 24 | } 25 | 26 | #urlbar[focused] #userContext-icons::before{ 27 | outline-width: 2px; 28 | outline-offset: -2px 29 | } 30 | 31 | /* These might potentially cause some issues, but are needed to make the border extend the border to the full popup when urlabar popup is open */ 32 | #urlbar[open] > #urlbar-input-container{ position: static !important; } 33 | #urlbar[open] > #urlbar-background{ z-index: -1 !important; } 34 | 35 | 36 | /* OPTIONAL FEATURES */ 37 | 38 | /* Hide container label in urlbar */ 39 | /* #userContext-label{ display: none } */ 40 | 41 | /* Hide container icon in urlbar */ 42 | /* #userContext-indicator{ display: none } */ 43 | 44 | /* Hide the container line above tabs */ 45 | /* .tab-context-line{ display: none } */ 46 | -------------------------------------------------------------------------------- /chrome/css/locationbar/urlbar_dropdown_search_icons.css: -------------------------------------------------------------------------------- 1 | /* urlbar dropdown of search icons */ 2 | .search-one-offs {background-color: #333 !important; border-radius: 0px 0px 8px 8px !important;} 3 | 4 | .searchbar-engine-one-off-item[selected] {background-color: #999 !important} 5 | 6 | #urlbar-search-mode-indicator {background: transparent !important; border: 0px !important;} 7 | 8 | #urlbar-search-mode-indicator-title {color: #ddd !important; font-size: 13px !important} 9 | 10 | #urlbar-search-mode-indicator-close {background-color: darkred !important} 11 | 12 | /* This time search with text hidden * 13 | #urlbar-one-offs-header-label.search-panel-one-offs-header-label {display: none !important;} 14 | */ 15 | 16 | /* change one-off name */ 17 | #urlbar-one-offs-header-label{ display: none } 18 | .search-one-offs > .search-panel-one-offs-header::before{ 19 | margin-left: 20px !important; 20 | margin-right: 5px !important; 21 | display: block; 22 | content: "Search with:"; 23 | } 24 | 25 | /* hide bookmark, tab and history buttons */ 26 | #urlbar-engine-one-off-item-bookmarks.searchbar-engine-one-off-item, 27 | #urlbar-engine-one-off-item-tabs.searchbar-engine-one-off-item, 28 | #urlbar-engine-one-off-item-history.searchbar-engine-one-off-item { 29 | display: none !important; 30 | } 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /chrome/css/locationbar/urlbar_rich_items_list_MEGAbar_shit.css: -------------------------------------------------------------------------------- 1 | /********** MEGABAR SHIT **************/ 2 | /* prevent enlargement */ 3 | #urlbar[breakout-extend] { 4 | top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; 5 | left: 0 !important; 6 | width: 100% !important; 7 | } 8 | 9 | /* 10 | #urlbar[breakout-extend] #urlbar-input-container { 11 | height: var(--urlbar-height) !important; 12 | padding: 0px !important; 13 | padding-block: 0px !important; 14 | padding-inline: 0px !important; 15 | } 16 | */ 17 | 18 | /* remove black background and orange border */ 19 | #urlbar-background, 20 | #urlbar-container, 21 | .urlbar-input-box { 22 | border: none !important; 23 | color: none !important; 24 | background-color: none !important; 25 | background: none !important; 26 | } 27 | 28 | 29 | 30 | /****** RICH LIST DROPDOWN SHIT ******/ 31 | 32 | /* selected background color */ 33 | :root{ --autocomplete-popup-highlight-background: #999 !important } 34 | 35 | /*location bar drop down list colors */ 36 | #urlbar-results { 37 | background: #111 !important; 38 | color: #bbb !important; 39 | padding: 0px 4px 0px 4px !important; 40 | } 41 | 42 | /* hover color */ 43 | .urlbarView-row:hover:not([selected]) { 44 | background-color: #777 !important; 45 | border-radius: 4px !important; 46 | margin-left: 2px !important; 47 | margin-right: 2px !important; 48 | } 49 | 50 | /* action button - like we need it */ 51 | .urlbarView-action { 52 | background-color: transparent !important; 53 | color: yellow !important; 54 | font-weight: bold !important; 55 | } 56 | 57 | .urlbarView-action:hover:not([selected]) { 58 | background-color: #111 !important; 59 | color: lime !important; 60 | font-weight: bold !important; 61 | } 62 | 63 | /* title in dropdown */ 64 | .urlbarView-title { 65 | color: white !important; 66 | font-weight: bold !important; 67 | } 68 | 69 | /* url in dropdown */ 70 | .urlbarView-url { 71 | color: cyan !important; 72 | font-size: 8pt !important; 73 | } 74 | 75 | /* reduce row paddings to make them more compact */ 76 | .urlbarView-row { 77 | padding: 2px !important; 78 | line-height: 1.20em !important; 79 | } 80 | .urlbarView-row-inner { 81 | padding-bottom: 8px !important; 82 | } 83 | .urlbarView { 84 | margin: 0px !important; 85 | width: 100% !important; 86 | border: 1px solid #ddd !important; 87 | border-radius: 8px !important; 88 | } 89 | 90 | /* move the type icons to the left of the favicon. */ 91 | .urlbarView .urlbarView-favicon { 92 | margin-left: 20px !important; 93 | } 94 | 95 | .urlbarView .urlbarView-type-icon { 96 | position: relative !important; 97 | left: -54px !important; 98 | top: -4px !important; 99 | margin-right: -24px !important; 100 | height: 16px !important; 101 | width: 16px !important; 102 | filter: contrast(90%) brightness(110%); 103 | } 104 | 105 | 106 | 107 | /****** SEARCH ICON SHIT ******/ 108 | 109 | /*search icon hover color */ 110 | .searchbar-engine-one-off-item:hover:not([selected]) { 111 | background-color: #999 !important; 112 | } 113 | /* search icon spacing */ 114 | .searchbar-engine-one-off-item { 115 | margin-left: 3px !important; 116 | margin-right: 3px !important; 117 | } 118 | 119 | -------------------------------------------------------------------------------- /chrome/css/locationbar/urlbar_selected_colors.css: -------------------------------------------------------------------------------- 1 | /* url bar and selected text and highlight color */ 2 | ::-moz-selection { 3 | background: #9C04D1 !important; 4 | color: #fff !important; 5 | } 6 | ::selection { 7 | background: #9C04D1 !important; 8 | color: #fff !important; 9 | } 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /chrome/css/tabs/alltabs_on_tabbar_remove_left_spacer.css: -------------------------------------------------------------------------------- 1 | #tabbrowser-tabs {padding-inline-start: initial !important} 2 | #alltabs-button {display:none !important} -------------------------------------------------------------------------------- /chrome/css/tabs/custom_tab_color_border_line_normal.css: -------------------------------------------------------------------------------- 1 | /* tab height */ 2 | #TabsToolbar, .tabbrowser-tab { 3 | max-height: 34px !important; 4 | } 5 | 6 | /* change active tab border color */ 7 | #navigator-toolbox { --lwt-tabs-border-color: transparent !important; } 8 | #tabbrowser-tabs{ --lwt-tab-line-color: lime !important; } 9 | 10 | /* new tab plus sign color and opacity */ 11 | .tabs-newtab-button { 12 | opacity:.5!important; 13 | /*color: grey !important;*/ 14 | } 15 | 16 | /* Make tab line transparent */ 17 | .tab-line {background: transparent !important; 18 | } 19 | /* Change the tab line color */ 20 | #tabbrowser-tabs .tab-line { 21 | --tab-line-color: transparent !important; 22 | } 23 | 24 | /* default tab opacity and color */ 25 | .tab-background { 26 | background-attachment: none!important; 27 | background-color: #444!important; 28 | background-image: none!important; 29 | background-position: none!important; 30 | background-repeat: none!important; 31 | background-size: none!important; 32 | opacity:.3!important; 33 | } 34 | /* selected tab opacity and color */ 35 | .tab-background[selected="true"] { 36 | background-attachment: none!important; 37 | background-color: #555!important; 38 | background-image: none!important; 39 | background-position: none!important; 40 | background-repeat: none!important; 41 | background-size: none!important; 42 | opacity:.5!important; 43 | } 44 | 45 | /* hide tab separators */ 46 | .tabbrowser-tab::after, 47 | .tabbrowser-tab::before { 48 | opacity: 0 !important; 49 | color: white !important; 50 | } 51 | 52 | /* Hide container label and name on navbar */ 53 | #userContext-indicator { 54 | display: none !important; 55 | } 56 | 57 | #userContext-label { 58 | display: none !important; 59 | } 60 | 61 | /* usercontext line colors */ 62 | .tab-context-line{ 63 | margin-block: 0 !important; 64 | opacity: 1 !important; 65 | } 66 | 67 | .tabbrowser-tab[usercontextid] .tab-context-line{ 68 | margin-top: 1px !important; 69 | background:var(--identity-tab-color)!important; 70 | transform:scaleX(.8)!important; 71 | height:4px!important; 72 | border-radius:0 0 3px 3px!important; 73 | } 74 | 75 | .tabbrowser-tab[usercontextid][pinned] .tab-context-line{ 76 | margin-top: 1px !important; 77 | background:var(--identity-tab-color)!important; 78 | transform:scaleX(.55)!important; 79 | height:6px!important; 80 | } 81 | -------------------------------------------------------------------------------- /chrome/css/tabs/custom_tab_icon_color.css: -------------------------------------------------------------------------------- 1 | /* drop-shadow add glow */ 2 | .tabbrowser-tab .tab-icon-image { 3 | filter: grayscale(100%) drop-shadow(0px 0px 1px white) !important; 4 | opacity: .7 !important; 5 | } 6 | 7 | .tabbrowser-tab[selected] .tab-icon-image { 8 | filter: drop-shadow(0px 0px 1px white) !important; 9 | opacity: 1 !important; 10 | } 11 | 12 | .tabbrowser-tab:hover:not([selected]) .tab-icon-image { 13 | filter: drop-shadow(0px 0px 1px white) !important; 14 | opacity: 1 !important; 15 | } 16 | -------------------------------------------------------------------------------- /chrome/css/tabs/custom_tab_text_color.css: -------------------------------------------------------------------------------- 1 | /*NEW TAB */ 2 | 3 | #tabs-newtab-button { 4 | color: white !important; 5 | opacity: 0.7 !important; 6 | } 7 | 8 | #tabs-newtab-button:hover:not([selected]) { 9 | opacity: 0.9 !important; 10 | } 11 | 12 | 13 | /* SELECTED TAB */ 14 | 15 | .tabbrowser-tab[selected] .tab-label { 16 | color: white; 17 | font-size: 10pt !important; 18 | text-shadow: 0px 1px 0px black, 19 | 0px 1px 1px black !important; 20 | font-weight: bold !important; 21 | font-style: normal !important; 22 | /*text-decoration: underline;*/ 23 | } 24 | 25 | 26 | /* DEFAULT TAB */ 27 | 28 | .tabbrowser-tab .tab-label { 29 | color: #91f2ff; 30 | font-size: 10pt !important; 31 | text-shadow: 0px 1px 0px black, 32 | 0px 1px 1x black !important; 33 | font-weight: bold !important; 34 | font-style: italic !important; 35 | /*text-decoration: underline;*/ 36 | } 37 | 38 | 39 | /* HOVERED TAB */ 40 | 41 | .tabbrowser-tab:hover:not([selected]) .tab-label { 42 | color: yellow; 43 | font-size: 10pt !important; 44 | text-shadow: 0px 1px 0px black, 45 | 0px 1px 1px black !important; 46 | font-weight: bold !important; 47 | font-style: normal !important; 48 | /*text-decoration: underline;*/ 49 | } 50 | 51 | /* UNLOADED/PENDING TAB */ 52 | 53 | .tabbrowser-tab[pending] .tab-label { 54 | color: #9c04d1; 55 | font-size: 9pt !important; 56 | text-shadow: 0px 1px 0px white, 57 | 0px 1px 1px white !important; 58 | font-weight: bold !important; 59 | font-style: italic !important; 60 | /*text-decoration: underline;*/ 61 | } 62 | 63 | 64 | /* UNREAD TAB */ 65 | 66 | .tabbrowser-tab[unread] .tab-label { 67 | color: red; 68 | font-size: 9pt !important; 69 | text-shadow: 0px 1px 0px white, 70 | 0px 1px 1px white !important; 71 | font-weight: bold !important; 72 | font-style: italic !important; 73 | /*text-decoration: underline;*/ 74 | } 75 | -------------------------------------------------------------------------------- /chrome/css/tabs/missing_tab_favicon_restored_default.css: -------------------------------------------------------------------------------- 1 | /* show favicon for tabs without favicons */ 2 | .tabbrowser-tab:not([pinned]) .tab-icon-image:not([src]) { 3 | display: inline !important; 4 | } 5 | 6 | .tabbrowser-tab:not([pinned])[busy] .tab-icon-image { 7 | display: none !important; 8 | } 9 | -------------------------------------------------------------------------------- /chrome/css/tabs/multiple_tabs_selected_mark.css: -------------------------------------------------------------------------------- 1 | .tabbrowser-tab, .tabbrowser-tab[pinned] { 2 | position: relative; 3 | } 4 | 5 | .tabbrowser-tab.tabbrowser-tab[multiselected="true"] .tab-content::before { 6 | /*content: "?";*/ 7 | content: "+"; 8 | position: absolute; 9 | margin: -17px 0 0 -9px !important; 10 | padding: 1px 3px !important; 11 | font-size: 8px !important; 12 | font-weight: bold !important; 13 | color: #fff !important; 14 | background-color: #9C04D1 !important; 15 | border-radius: 2px 2px 6px 2px !important; 16 | /*opacity: 1.0;*/ 17 | } -------------------------------------------------------------------------------- /chrome/css/tabs/tab_close_always_visible.css: -------------------------------------------------------------------------------- 1 | /* tab close - always visible*/ 2 | #tabbrowser-tabs .tab-close-button { 3 | visibility: visible !important; 4 | color: lightgrey !important; 5 | filter:drop-shadow(1px 1px 2px lightgrey) !important; 6 | } 7 | 8 | /*selected */ 9 | #tabbrowser-tabs .tab-close-button:not([pinned])[selected] { 10 | visibility: visible !important; 11 | color: yellow !important; 12 | filter:drop-shadow(1px 1px 2px lime) !important; 13 | } 14 | 15 | /* hover default*/ 16 | #tabbrowser-tabs .tab-close-button:hover:not([pinned]) { 17 | visibility: visible !important; 18 | color: red !important; 19 | background-color: transparent !important; 20 | filter:drop-shadow(1px 1px 2px orange) !important; 21 | } 22 | 23 | /* hover selected*/ 24 | #tabbrowser-tabs .tab-close-button:hover:not([pinned])[selected] { 25 | visibility: visible !important; 26 | color: red !important; 27 | background-color: transparent !important; 28 | filter:drop-shadow(1px 1px 2px orange) !important; 29 | } 30 | -------------------------------------------------------------------------------- /chrome/css/tabs/tab_close_spin_hover.css: -------------------------------------------------------------------------------- 1 | /* tabs --- rotate close button */ 2 | #tabbrowser-tabs .tab-close-button:hover { 3 | /*background-color: transparent !important; */ 4 | transform: rotate(720deg) !important; 5 | transition: transform ease-in-out 2.5s !important; 6 | } 7 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/css/tabs/tab_icon_colors.css: -------------------------------------------------------------------------------- 1 | /*addon icon */ 2 | .tabbrowser-tab .tab-icon-image[src="chrome://mozapps/skin/extensions/extension.svg"]{ 3 | fill: #05b405 !important; 4 | } 5 | 6 | /* settings icon */ 7 | .tabbrowser-tab .tab-icon-image[src="chrome://global/skin/icons/settings.svg"]{ 8 | fill: #e0850f !important; 9 | } 10 | 11 | /* globe icon */ 12 | .tab-icon-image:not([src]) { 13 | fill: limegreen !important; 14 | } 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /chrome/css/tabs/tab_icon_pause_play.css: -------------------------------------------------------------------------------- 1 | /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/inline_tab_audio_icons.css */ 2 | 3 | /* Shows tab audio icons next to the tab icon, and by default removes the tab secondary line */ 4 | 5 | /*.tabbrowser-tab:is([soundplaying],[activemedia-blocked]) .tab-label,*/ 6 | .tabbrowser-tab:not([pinned]) .tab-icon-stack:is([soundplaying],[activemedia-blocked]){ 7 | grid-template-areas: "a s"; 8 | color: lime !important; 9 | } 10 | 11 | /*.tabbrowser-tab:is([muted],[activemedia-blocked]) .tab-label,*/ 12 | .tabbrowser-tab:not([pinned]) .tab-icon-stack:is([muted],[activemedia-blocked]){ 13 | grid-template-areas: "a s"; 14 | color: orange !important; 15 | } 16 | 17 | .tabbrowser-tab:not([pinned]) .tab-icon-overlay:is([muted],[soundplaying],[activemedia-blocked]){ grid-area: s; } 18 | .tab-icon-overlay, 19 | .tab-icon-image, 20 | .tab-throbber{ opacity: 1 !important; } 21 | 22 | .tab-icon-overlay:not([pinned]){ 23 | padding: 0px !important; 24 | margin-inline: -3px 1px !important; 25 | } 26 | -------------------------------------------------------------------------------- /chrome/css/tabs/tab_loading_animation.css: -------------------------------------------------------------------------------- 1 | /* Tab Animation: Loading progress line indicator */ 2 | 3 | .tabbrowser-tab[class*="identity-color"] .tab-loading-burst { 4 | background-image: linear-gradient(90deg, transparent, var(--identity-tab-color)) !important; 5 | } 6 | 7 | .tabbrowser-tab .tab-loading-burst { 8 | background-image: linear-gradient(90deg, transparent, #9C04D1 ) !important; 9 | background-repeat: no-repeat !important; 10 | transition: background-size 0.5s ease-out !important; 11 | opacity: 0.3s linear !important; 12 | background-size: 0px 100% !important; 13 | background-position-y: bottom !important; 14 | } 15 | 16 | .tabbrowser-tab:not([busy]) .tab-loading-burst { 17 | opacity: 0 !important; 18 | } 19 | 20 | .tabbrowser-tab[busy] .tab-loading-burst { 21 | background-size: 20% 100% !important; 22 | transition: background-size 0.3s ease-out !important; 23 | } 24 | 25 | .tabbrowser-tab[busy][progress] .tab-loading-burst { 26 | background-size: 100% 100% !important; 27 | transition-duration: 2s !important; 28 | } 29 | 30 | .tabbrowser-tab[bursting] .tab-loading-burst { 31 | background-size: 100% 100% !important; 32 | transition-duration: 0.5s !important; 33 | } 34 | -------------------------------------------------------------------------------- /chrome/css/tabs/tab_throbber_style_color_1.css: -------------------------------------------------------------------------------- 1 | .tab-throbber[busy]::before, 2 | .tab-throbber[progress]::before { 3 | width: 16px !important; 4 | height: 16px !important; 5 | animation: unset !important; 6 | -moz-context-properties: unset !important; 7 | fill: unset !important; 8 | animation: unset !important; 9 | opacity: unset !important; 10 | animation: unset !important; 11 | } 12 | 13 | .tab-throbber[busy]::before { 14 | background-image: url("./../../image/tabthrobber_loading_red.png") !important; 15 | } 16 | 17 | .tab-throbber-fallback[busy] { 18 | list-style-image: url("./../../image/tabthrobber_loading_red.png") !important; 19 | } 20 | 21 | .tab-throbber[progress]::before{ 22 | background-image: url("./../../image/tabthrobber_loading_green.png") !important; 23 | } 24 | 25 | .tab-throbber-fallback[progress] { 26 | list-style-image: url("./../../image/tabthrobber_loading_green.png") !important; 27 | } 28 | -------------------------------------------------------------------------------- /chrome/css/tabs/tab_throbber_style_color_2.css: -------------------------------------------------------------------------------- 1 | .tab-throbber[busy]::before, 2 | .tab-throbber[progress]::before { 3 | width: 16px !important; 4 | height: 16px !important; 5 | background-size: contain; 6 | animation: unset !important; 7 | -moz-context-properties: unset !important; 8 | fill: unset !important; 9 | animation: unset !important; 10 | opacity: unset !important; 11 | animation: unset !important; 12 | } 13 | 14 | .tab-throbber[busy]::before { 15 | background-image: url("./../../image/tabthrobber_loading_red.png") !important; 16 | } 17 | .tab-throbber-fallback[busy] { 18 | list-style-image: url("./../../image/tabthrobber_loading_red.png") !important; 19 | } 20 | 21 | .tab-throbber[progress]::before{ 22 | background-image: url("./../../image/tabthrobber_loading_green.png") !important; 23 | } 24 | .tab-throbber-fallback[progress] { 25 | list-style-image: url("./../../image/tabthrobber_loading_green.png") !important; 26 | } 27 | 28 | @media (min-resolution: 1.1dppx) { 29 | .tab-throbber[busy]::before { 30 | background-image: url("./../../image/tabthrobber_loading_red.png") !important; 31 | } 32 | .tab-throbber-fallback[busy] { 33 | list-style-image: url("./../../image/tabthrobber_loading_red.png") !important; 34 | } 35 | 36 | .tab-throbber[progress]::before{ 37 | background-image: url("./../../image/tabthrobber_loading_green.png") !important; 38 | } 39 | .tab-throbber-fallback[progress] { 40 | list-style-image: url("./../../image/tabthrobber_loading_green.png") !important; 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /chrome/css/tabs/tabs_below_navigation_toolbar.css: -------------------------------------------------------------------------------- 1 | /* Github: https://github.com/aris-t2/customcssforfx */ 2 | 3 | 4 | :root { 5 | --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa); 6 | } 7 | 8 | #TabsToolbar { 9 | position: absolute; 10 | display: block; 11 | bottom: 0; 12 | width: 100vw; 13 | background-clip: padding-box; 14 | color: var(--toolbar-color); 15 | } 16 | 17 | #TabsToolbar:not(:-moz-lwtheme){ 18 | -moz-appearance: none; 19 | background-image: var(--tabs_toolbar_color_tabs_not_on_top); 20 | } 21 | 22 | #TabsToolbar { 23 | bottom: 2px !important; /*I ADDED THIS - this line adjusts the position of the toolbar */ 24 | } 25 | 26 | #tabbrowser-tabs { 27 | width: 100vw; 28 | } 29 | 30 | #navigator-toolbox { 31 | position: relative; 32 | padding-bottom: calc( var(--tab-min-height) + 8px ); 33 | } 34 | 35 | @media not (-moz-proton) { 36 | #navigator-toolbox { 37 | padding-bottom: calc( var(--tab-min-height) + 0px ); 38 | } 39 | } 40 | 41 | #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #titlebar { 42 | height: 36px; 43 | } 44 | 45 | /* move caption buttons to windows top right position - BLOCKED BY ME */ 46 | /* 47 | .titlebar-buttonbox-container { 48 | position: fixed; 49 | right: 0; 50 | visibility: visible; 51 | display: block; 52 | } 53 | */ 54 | 55 | #TabsToolbar .titlebar-buttonbox-container, 56 | #TabsToolbar .private-browsing-indicator, 57 | #TabsToolbar #window-controls, 58 | #TabsToolbar *[type="caption-buttons"], 59 | #TabsToolbar *[type="pre-tabs"], 60 | #TabsToolbar *[type="post-tabs"] { 61 | display: none; 62 | } 63 | 64 | /* lw themes support */ 65 | #nav-bar { 66 | box-shadow: unset !important; 67 | } 68 | 69 | /* remove color overlay for lw-themes */ 70 | #main-window[style*='--lwt-header-image'] :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme{ 71 | background: unset !important; 72 | } 73 | 74 | /***** NO NO NO *****/ /* adjust background color * 75 | #main-window:not([style*='--lwt-header-image']) #TabsToolbar:-moz-lwtheme { 76 | -moz-appearance: none !important; 77 | background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important; 78 | } 79 | 80 | /* Fixes for projects other settings */ 81 | /* remove application/hamburger button in titlebar and tab toolbars start padding */ 82 | #main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button { 83 | visibility: collapse; 84 | } 85 | 86 | /* override code inside appbutton in titlebar code */ 87 | #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, 88 | #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, 89 | #main-window[tabsintitlebar][sizemode="fullscreen"] #TabsToolbar, 90 | #main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, 91 | #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, 92 | #main-window[tabsintitlebar]:is([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar { 93 | -moz-padding-start: 0px !important; 94 | -moz-margin-start: 0px !important; 95 | } 96 | -------------------------------------------------------------------------------- /chrome/css/tabs/tabs_below_navigation_toolbar_OLD.css: -------------------------------------------------------------------------------- 1 | /* OLD SETUP */ 2 | 3 | #titlebar{ 4 | -moz-box-ordinal-group: 2; 5 | -moz-appearance: none !important; 6 | --tabs-navbar-shadow-size: 0px; 7 | } 8 | 9 | #navigator-toolbox{ padding-top: calc(32px + var(--uc-titlebar-padding,0px)) !important } 10 | 11 | #toolbar-menubar{ 12 | position: fixed; 13 | display: flex; 14 | top: var(--uc-titlebar-padding,0px); 15 | height: 32px; 16 | width: 100%; 17 | overflow: hidden; 18 | } 19 | 20 | #tabbrowser-tabs { 21 | width: 100vw !important; 22 | 23 | } 24 | 25 | #TabsToolbar { 26 | bottom: 1px !important; /*this line adjusts the position of the toolbar * 27 | } 28 | -------------------------------------------------------------------------------- /chrome/css/toolbars/bookmark_folder_icon_color.css: -------------------------------------------------------------------------------- 1 | /* bookmark folder colors*/ 2 | #bookmarks-view treechildren::-moz-tree-image(container), 3 | #bookmarksMenu menu[container="true"] .menu-iconic-icon, 4 | .bookmark-item[container] { 5 | fill: fuchsia !important; 6 | } 7 | 8 | /* OLD CODE 9 | #bookmarks-view treechildren::-moz-tree-image(container), 10 | #PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon, 11 | #BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon, 12 | #bookmarksToolbarFolderMenu, 13 | #menu_unsortedBookmarks, 14 | #otherBookmarksFolderPopup menu.menu-iconic.bookmark-item, 15 | menu.menu-iconic { 16 | fill: fuchsia !important; 17 | } 18 | */ 19 | -------------------------------------------------------------------------------- /chrome/css/toolbars/bookmark_tab_generic_icon.css: -------------------------------------------------------------------------------- 1 | /* replace generic icon color in tabs and bookmarks */ 2 | 3 | /* bookmark toolbar */ 4 | #PlacesToolbarItems>.bookmark-item:not([container])>.toolbarbutton-icon[label]:not([label=""]) { 5 | fill: violet !important; 6 | } 7 | /* bookmark folder */ 8 | .bookmark-item.menuitem-with-favicon:not([container]) { 9 | fill: darkviolet !important; 10 | } 11 | /* tab icon */ 12 | .tab-content image.tab-icon-image:not([container]) { 13 | fill: limegreen !important; 14 | } 15 | -------------------------------------------------------------------------------- /chrome/css/toolbars/bookmark_tab_generic_icon_with_glow.css: -------------------------------------------------------------------------------- 1 | /* replace generic icon color in tabs and bookmarks */ 2 | 3 | /* bookmark toolbar */ 4 | #PlacesToolbarItems>.bookmark-item:not([container])>.toolbarbutton-icon[label]:not([label=""]) { 5 | fill: limegreen !important; 6 | } 7 | /* bookmark folder */ 8 | .bookmark-item.menuitem-with-favicon:not([container]) { 9 | fill: limegreen !important; 10 | } 11 | /* tab icon - colors addon and setting icons too * 12 | .tab-content image.tab-icon-image:not([container]) { 13 | fill: limegreen !important; 14 | } 15 | 16 | /* adds glow to icons */ 17 | .bookmark-item.menuitem-with-favicon:not([container]) image { 18 | filter: drop-shadow(0px 1px 1px white) !important; 19 | } 20 | 21 | #PlacesToolbarItems>.bookmark-item:not([container])>.toolbarbutton-icon[label]:not([label=""]) { 22 | filter: drop-shadow(0px 1px 1px white) !important; 23 | } 24 | 25 | #bookmarks-view treechildren::-moz-tree-image(container), 26 | #PlacesToolbarItems toolbarbutton[container="true"], 27 | #PlacesToolbarItems menu[container="true"] .menu-iconic-left, 28 | #BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon, 29 | #bookmarksMenu menu[container="true"] .menu-iconic-icon, 30 | .bookmark-item.menuitem-with-favicon[container]{ 31 | filter: drop-shadow(0px 1px 1px white) !important; 32 | } 33 | -------------------------------------------------------------------------------- /chrome/css/toolbars/bookmark_toolbar_text_color.css: -------------------------------------------------------------------------------- 1 | /* bookmarks toolbar text color */ 2 | #personal-bookmarks .toolbarbutton-text {color: white !important;} 3 | -------------------------------------------------------------------------------- /chrome/css/toolbars/bookmarks_bar_visible_in_fullscreen.css: -------------------------------------------------------------------------------- 1 | /* bookmarks bar visible in fullscreen */ 2 | 3 | :root[inFullscreen] #PersonalToolbar { 4 | visibility: visible !important; 5 | } 6 | -------------------------------------------------------------------------------- /chrome/css/toolbars/bookmarks_double_columns.css: -------------------------------------------------------------------------------- 1 | /* FF 66 Multi-Row Bookmarks Toolbar */ 2 | #PersonalToolbar { 3 | min-height: unset !important; 4 | max-height: unset !important; 5 | /* text-align: center !important; */ 6 | } 7 | 8 | #PersonalToolbar #PlacesToolbarItems { 9 | overflow-x: visible !important; 10 | overflow-y: visible !important; 11 | display: inline-block !important; 12 | } 13 | 14 | /* Set Width for uniform look - Don't Add Separators */ 15 | toolbarbutton.bookmark-item:not(.subviewbutton) { 16 | min-width: 100px !important; 17 | max-width: 100px !important; 18 | border: 1px solid #555 !important; 19 | } 20 | 21 | /* Hover Effects */ 22 | toolbarbutton.bookmark-item:not(.subviewbutton):hover { 23 | background-color: #336699 !important; 24 | color: #000 !important; 25 | border: 1px solid #000 !important; 26 | } 27 | 28 | /* Shrink Favicon */ 29 | #PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon { 30 | transform: scale(.8); 31 | } 32 | 33 | /* Move Favicon Left */ 34 | #PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]) { 35 | margin-inline-start: -3px !important; 36 | } 37 | 38 | /* Bookmarks - Adjust Text - Helps with short names */ 39 | #PlacesToolbarItems > .bookmark-item > .toolbarbutton-text { 40 | margin-inline-start: -3px !important; 41 | text-align: left !important; 42 | } 43 | 44 | /* Container Bookmark - Adjust Text */ 45 | #PlacesToolbarItems > .bookmark-item[container] > .toolbarbutton-text { 46 | margin-inline-start: 2px !important; 47 | text-align: left !important; 48 | } -------------------------------------------------------------------------------- /chrome/css/toolbars/bookmarks_toolbar_bookmark_labels_hidden.css: -------------------------------------------------------------------------------- 1 | #PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]) { 2 | margin-inline-end: 0px !important; 3 | } 4 | 5 | #PlacesToolbarItems > .bookmark-item > label { 6 | display: none !important; 7 | } -------------------------------------------------------------------------------- /chrome/css/toolbars/bookmarks_toolbar_old_height.css: -------------------------------------------------------------------------------- 1 | /* old bookmarks toolbar height */ 2 | #PersonalToolbar { 3 | min-height: 30px !important; 4 | } 5 | 6 | -------------------------------------------------------------------------------- /chrome/css/toolbars/bookmarksbar_autohide_show_on_hover.css: -------------------------------------------------------------------------------- 1 | /* Hide bookmarks bar */ 2 | #nav-bar { z-index: 1 !important;} 3 | 4 | #PersonalToolbar { 5 | margin-top: -23px !important; 6 | transition: all 0.6s ease 0s !important;} 7 | 8 | #navigator-toolbox:hover>#PersonalToolbar { 9 | margin-top: 0px !important; 10 | transition: all 0.6s ease 0s !important; } 11 | 12 | /* bookmarkbar to fade-out if you don't focus on it.*/ 13 | 14 | #PlacesToolbarItems{ 15 | opacity: 0.0; 16 | transition-delay: 0s; 17 | transition-duration: .7s; 18 | } 19 | #PlacesToolbarItems:hover{ 20 | transition-delay: 0s; 21 | opacity: 1; 22 | } 23 | /* makes boomkarks invisible until hover */ 24 | 25 | #PersonalToolbar:not(:hover) { 26 | transition-delay: 0s; 27 | opacity: 0; 28 | } -------------------------------------------------------------------------------- /chrome/css/toolbars/bookmarksbar_double_row.css: -------------------------------------------------------------------------------- 1 | /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_bookmarks.css made available under Mozilla Public License v. 2.0 2 | See the above repository for updates as well as full license text. */ 3 | 4 | /* Makes bookmarks toolbar span multiple rows */ 5 | 6 | #PersonalToolbar{ 7 | --multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */ 8 | --multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */ 9 | max-height: none !important; 10 | } 11 | 12 | #PlacesToolbar > hbox{ 13 | display: block; 14 | width: 100vw; 15 | } 16 | 17 | #PlacesToolbarItems{ 18 | display: flex; 19 | flex-wrap: wrap; 20 | /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */ 21 | max-height: calc(var(--multirow-bmb-n-rows) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,2px))))) !important; 22 | overflow-y:auto; 23 | scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ; 24 | scrollbar-width: thin; 25 | 26 | padding-top: 1px !important; 27 | padding-bottom: 1px !important; 28 | margin-top: 0px !important; 29 | margin-bottom: 0px !important; 30 | vertical-align: middle; 31 | } 32 | 33 | /* Hide the all-bookmarks button */ 34 | #PlacesChevron{ display: none } 35 | 36 | /* Add some spacing between rows */ 37 | /* #PlacesToolbarItems > .bookmark-item{ margin: var(--multirow-bmb-row-margin) 3px !important; } -------------------------------------------------------------------------------- /chrome/css/toolbars/bookmarksbar_fade.css: -------------------------------------------------------------------------------- 1 | /* bookmarkbar to fade-out if you don't focus on it.*/ 2 | 3 | #PlacesToolbarItems{ 4 | opacity: 0.5; 5 | transition-delay: 1s; 6 | transition-duration: .5s; 7 | } 8 | #PlacesToolbarItems:hover{ 9 | transition-delay: 0s; 10 | opacity: 1; 11 | 12 | -------------------------------------------------------------------------------- /chrome/css/toolbars/bookmarksbar_navbar_bg_transparent.css: -------------------------------------------------------------------------------- 1 | #nav-bar, 2 | #PersonalToolbar { 3 | background-color: transparent !important; 4 | } 5 | -------------------------------------------------------------------------------- /chrome/css/various/about_firefox_logo.css: -------------------------------------------------------------------------------- 1 | /* Change About firefox logo */ 2 | 3 | @-moz-document url(chrome://browser/content/aboutDialog.xhtml) { 4 | #leftBox { background-image: url("file:///C:/Users/Dewman/AppData/Roaming/Mozilla/Firefox/Profiles/dewman.default/chrome/css/various/about_firefox_logo.png") !important; 5 | background-position: left; 6 | background-repeat: no-repeat !important; 7 | } 8 | -------------------------------------------------------------------------------- /chrome/css/various/about_firefox_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/css/various/about_firefox_logo.png -------------------------------------------------------------------------------- /chrome/css/various/checkboxes_interface.css: -------------------------------------------------------------------------------- 1 | /* checkboxes of Firefox interface */ 2 | .checkbox-check{ 3 | background-color: transparent !important; 4 | fill: #fff !important; 5 | border-color: #ddd !important; 6 | } 7 | .checkbox-check[checked]{ 8 | background-color: #9C04D1 !important; 9 | } 10 | -------------------------------------------------------------------------------- /chrome/css/various/drm_notification_hide.css: -------------------------------------------------------------------------------- 1 | /* hide the bar for enable DRM */ 2 | notification-message[value="drmContentDisabled"]{ 3 | display: none !important; 4 | } 5 | 6 | /* this would disable all messages * 7 | .notificationbox-stack 8 | { display: none !important; } -------------------------------------------------------------------------------- /chrome/css/various/flexible_spring.css: -------------------------------------------------------------------------------- 1 | /* Change flexible spring widths */ 2 | 3 | #customizableui-special-spring126, 4 | toolbarspring { 5 | max-width: none !important; 6 | width: 100vw !important; 7 | } 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /chrome/css/various/generic_addon_colors.css: -------------------------------------------------------------------------------- 1 | #customizationui-widget-panel .panel-arrow { 2 | display: none !important; 3 | } 4 | 5 | .webextension-popup-browser { 6 | background: #aaa !important 7 | } -------------------------------------------------------------------------------- /chrome/css/various/grid_overflow_menu.css: -------------------------------------------------------------------------------- 1 | /* Makes the contents of the overflow menu appear in a three column grid */ 2 | /* Hides button labels */ 3 | 4 | #widget-overflow-mainView{ min-width: 80px !important; } 5 | 6 | .widget-overflow-list:not([customizing]){ 7 | display: grid; 8 | grid-template-areas: "s s s" "a a a"; 9 | grid-auto-columns: auto; 10 | } 11 | 12 | #widget-overflow-mainView[visible] .widget-overflow-list:not([customizing]) { max-width: 110px } 13 | #widget-overflow-mainView ~ panelview[visible]{ max-width: unset !important; } 14 | 15 | .widget-overflow-list:not([customizing]) > *{ padding-block: 8px !important; } 16 | .widget-overflow-list > #search-container{ grid-area: s } 17 | 18 | .widget-overflow-list:not([customizing]) .subviewbutton-nav::after, 19 | .widget-overflow-list:not([customizing]) .toolbarbutton-text{ display: none } -------------------------------------------------------------------------------- /chrome/css/various/remove_tab_flash_chrome.css: -------------------------------------------------------------------------------- 1 | /* Remove New Tab Flash */ 2 | #browser vbox#appcontent tabbrowser, 3 | #content, 4 | #tabbrowser-tabpanels, 5 | bowser, 6 | browser[type=content-primary], 7 | browser[type=content] > html { 8 | background-color: #68798a !important 9 | } 10 | -------------------------------------------------------------------------------- /chrome/css/various/saved_to_library.css: -------------------------------------------------------------------------------- 1 | /* saved to library notification */ 2 | 3 | #confirmation-hint { 4 | display: none !important 5 | } -------------------------------------------------------------------------------- /chrome/css/various/tooltip_styling.css: -------------------------------------------------------------------------------- 1 | /* tooltips */ 2 | #tabbrowser-tab-tooltip, 3 | #btTooltip, 4 | #un-toolbar-tooltip, 5 | #tooltip, 6 | .tooltip, 7 | #aHTMLTooltip, 8 | #urlTooltip, 9 | tooltip { 10 | -moz-appearance: none !important; 11 | background-color: #111 !important; 12 | color: #bbb !important; 13 | border: 1px solid #ddd !important; 14 | padding: 3px 5px 5px 5px !important; 15 | border-radius: 6px !important; 16 | margin-left: 30px !important; 17 | font-size: 10pt !important; 18 | font-family: Serif !important; 19 | box-shadow: none !important; 20 | } 21 | -------------------------------------------------------------------------------- /chrome/favicon_in_urlbar.uc.js: -------------------------------------------------------------------------------- 1 | // 'Favicon in urlbars identity box' script for Firefox 92+ by Aris 2 | // 3 | // This script restores current pages favicon inside urlbar (aka location bar, address bar or awesome bar). 4 | // [!] If a page does not offer a favicon, browser branches default icon is shown. 5 | // [!] In a multi-window environment pages without favicons might show wrong icons. 6 | // option: set icon for pages without favicon 7 | 8 | var i_icon = 'chrome://global/skin/icons/info.svg'; 9 | var sheet = 'chrome://global/skin/icons/Portrait.png'; 10 | var brand = 'chrome://branding/content/icon32.png'; 11 | var globe = 'chrome://global/skin/icons/defaultFavicon.svg'; 12 | 13 | var icon_for_pages_without_favicon = brand; // i_icon, sheet, globe or brand (colorized Fx channel icon) 14 | 15 | var favicon_click_opens_page_info_window = false; 16 | 17 | var FaviconInUrlbar = { 18 | init: function() { 19 | try { 20 | 21 | var favimginurlbar = document.createXULElement("image"); 22 | favimginurlbar.setAttribute("id","favimginurlbar"); 23 | 24 | if(favicon_click_opens_page_info_window) 25 | favimginurlbar.setAttribute("onclick","gIdentityHandler.handleMoreInfoClick(event);"); 26 | 27 | favimginurlbar.style.width = "16px"; 28 | favimginurlbar.style.height = "16px"; 29 | favimginurlbar.style.marginLeft = "4px"; 30 | favimginurlbar.style.marginRight = "4px"; 31 | favimginurlbar.style.marginTop = "4px"; 32 | favimginurlbar.style.marginBottom = "4px"; 33 | 34 | //document.getElementById('identity-box').insertBefore(favimginurlbar,document.getElementById('identity-box').firstChild); 35 | document.getElementById('identity-box').appendChild(favimginurlbar); 36 | 37 | // update script every time tab attributes get modified (switch/open tabs/windows) 38 | document.addEventListener("TabAttrModified", updateIcon, false); 39 | document.addEventListener('TabSelect', updateIcon, false); 40 | document.addEventListener('TabOpen', updateIcon, false); 41 | document.addEventListener('TabClose', updateIcon, false); 42 | document.addEventListener('load', updateIcon, false); 43 | document.addEventListener("DOMContentLoaded", updateIcon, false); 44 | 45 | 46 | function updateIcon() { 47 | 48 | setTimeout(function(){ // timeout fixes wrong icon detection in some cases 49 | 50 | // get current tabs favicon 51 | var favicon_in_urlbar = gBrowser.selectedTab.image; 52 | 53 | // if current tab offers no icon, use selected icon (icon_for_pages_without_favicon) 54 | if(!gBrowser.selectedTab.image || gBrowser.selectedTab.image == null) 55 | if(!icon_for_pages_without_favicon) favicon_in_urlbar = brand; 56 | else favicon_in_urlbar = icon_for_pages_without_favicon; 57 | 58 | document.querySelector('#favimginurlbar').style.listStyleImage = "url("+favicon_in_urlbar+")"; 59 | 60 | },100); 61 | 62 | } 63 | 64 | } catch(e) {} 65 | } 66 | }; 67 | 68 | // initiate script after DOM/browser content is loaded 69 | document.addEventListener("DOMContentLoaded", FaviconInUrlbar.init(), false); 70 | -------------------------------------------------------------------------------- /chrome/image/!header_black.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/!header_black.jpg -------------------------------------------------------------------------------- /chrome/image/!header_black_abstract_fox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/!header_black_abstract_fox.jpg -------------------------------------------------------------------------------- /chrome/image/!header_black_eyes_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/!header_black_eyes_1.jpg -------------------------------------------------------------------------------- /chrome/image/!header_black_eyes_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/!header_black_eyes_2.jpg -------------------------------------------------------------------------------- /chrome/image/!header_black_lips_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/!header_black_lips_1.jpg -------------------------------------------------------------------------------- /chrome/image/!header_dark_fox_7_lite.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/!header_dark_fox_7_lite.jpg -------------------------------------------------------------------------------- /chrome/image/!header_glowing_tiger.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/!header_glowing_tiger.jpg -------------------------------------------------------------------------------- /chrome/image/!header_kelly_brook_01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/!header_kelly_brook_01.jpg -------------------------------------------------------------------------------- /chrome/image/Private_tab.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/Private_tab.png -------------------------------------------------------------------------------- /chrome/image/behind_overlay_removal_auto.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/behind_overlay_removal_auto.png -------------------------------------------------------------------------------- /chrome/image/behind_overlay_revival.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/behind_overlay_revival.png -------------------------------------------------------------------------------- /chrome/image/bf_ff3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/bf_ff3.png -------------------------------------------------------------------------------- /chrome/image/block_site.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/block_site.png -------------------------------------------------------------------------------- /chrome/image/bookmarksMenu1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/bookmarksMenu1.png -------------------------------------------------------------------------------- /chrome/image/broom1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/broom1.png -------------------------------------------------------------------------------- /chrome/image/check_all_scripts_with_urlvoid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/check_all_scripts_with_urlvoid.png -------------------------------------------------------------------------------- /chrome/image/css_exfil_protection.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/css_exfil_protection.png -------------------------------------------------------------------------------- /chrome/image/dewhome1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/dewhome1.png -------------------------------------------------------------------------------- /chrome/image/eraser1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/eraser1.png -------------------------------------------------------------------------------- /chrome/image/export_tabs_urls.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/export_tabs_urls.png -------------------------------------------------------------------------------- /chrome/image/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/firefox.png -------------------------------------------------------------------------------- /chrome/image/folder-item.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/folder-item.png -------------------------------------------------------------------------------- /chrome/image/globe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/globe.png -------------------------------------------------------------------------------- /chrome/image/globe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 48 | -------------------------------------------------------------------------------- /chrome/image/open_menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/open_menu.png -------------------------------------------------------------------------------- /chrome/image/overflow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/overflow.png -------------------------------------------------------------------------------- /chrome/image/padlock_modern.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/padlock_modern.png -------------------------------------------------------------------------------- /chrome/image/padlock_modern_mab.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/padlock_modern_mab.png -------------------------------------------------------------------------------- /chrome/image/padlock_modern_mal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/padlock_modern_mal.png -------------------------------------------------------------------------------- /chrome/image/padlock_modern_mpl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/padlock_modern_mpl.png -------------------------------------------------------------------------------- /chrome/image/reader.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/reader.png -------------------------------------------------------------------------------- /chrome/image/star_button.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 48 | -------------------------------------------------------------------------------- /chrome/image/star_button48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/star_button48.png -------------------------------------------------------------------------------- /chrome/image/tab_manager.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/tab_manager.png -------------------------------------------------------------------------------- /chrome/image/tabs_to_bookmarks_group.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/tabs_to_bookmarks_group.png -------------------------------------------------------------------------------- /chrome/image/tabthrobber_fx56_connecting.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/tabthrobber_fx56_connecting.png -------------------------------------------------------------------------------- /chrome/image/tabthrobber_fx56_connecting@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/tabthrobber_fx56_connecting@2x.png -------------------------------------------------------------------------------- /chrome/image/tabthrobber_fx56_loading.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/tabthrobber_fx56_loading.png -------------------------------------------------------------------------------- /chrome/image/tabthrobber_fx56_loading@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/tabthrobber_fx56_loading@2x.png -------------------------------------------------------------------------------- /chrome/image/tabthrobber_loading_blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/tabthrobber_loading_blue.png -------------------------------------------------------------------------------- /chrome/image/tabthrobber_loading_green.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/tabthrobber_loading_green.png -------------------------------------------------------------------------------- /chrome/image/tabthrobber_loading_red.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/tabthrobber_loading_red.png -------------------------------------------------------------------------------- /chrome/image/theme_toggler.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Shadow-of-Colossus/Firefox-CSS/6c61f879f1e58dd011debc977e3172ce8ce32411/chrome/image/theme_toggler.png -------------------------------------------------------------------------------- /chrome/pageInfo.uc.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name pageInfo.uc.js 3 | // @namespace http://space.geocities.yahoo.co.jp/gl/alice0775 4 | // @description add pageInfo menu in Context Menu 5 | // @include main 6 | // ==UserScript== 7 | // @name Page Info Context Menu 8 | // @compatibility Firefox 89 9 | // @author alice0775 10 | // @version 2021/05/09 23:00 11 | // ==/UserScript== 12 | function pageInfoContextMenu() { 13 | let menu = document.getElementById("menu_pageInfo"); 14 | if (!menu) 15 | return; 16 | 17 | let ref = document.getElementById("context-inspect-a11y"); 18 | menu = menu.cloneNode(true); 19 | menu.id = "context-" + menu.id; 20 | ref.parentNode.insertBefore(menu, ref); 21 | } 22 | // We should only start the redirection if the browser window has finished 23 | // starting up. Otherwise, we should wait until the startup is done. 24 | if (gBrowserInit.delayedStartupFinished) { 25 | pageInfoContextMenu(); 26 | } else { 27 | let delayedStartupFinished = (subject, topic) => { 28 | if (topic == "browser-delayed-startup-finished" && 29 | subject == window) { 30 | Services.obs.removeObserver(delayedStartupFinished, topic); 31 | pageInfoContextMenu(); 32 | } 33 | }; 34 | Services.obs.addObserver(delayedStartupFinished, 35 | "browser-delayed-startup-finished"); 36 | } 37 | -------------------------------------------------------------------------------- /chrome/password_manager_button.uc.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name Password Manager Button 3 | // @author xiaoxiaoflood 4 | // ==/UserScript== 5 | // 'Open Password Manager' button for Firefox 60+ by Aris 6 | // 7 | // option: 'leftclick_opens_old_pw_manager' (true) or the new one (false) 8 | // option: 'middleclick_opens_old_pw_manager' (true) or the new one (false) 9 | // 10 | // default: left-click on password manager button opens new password manager in a tab and adds current (non-chrome) domain/host into input field 11 | // default: middle-click on password manager button opens 'chrome://passwordmgr/content/passwordManager.xul/xhtml' in a popup 12 | 13 | (function() { 14 | 15 | try { 16 | Components.utils.import("resource:///modules/CustomizableUI.jsm"); 17 | Components.utils.import("resource://gre/modules/LoginHelper.jsm"); 18 | var {Services} = Components.utils.import("resource://gre/modules/Services.jsm", {}); 19 | var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService); 20 | 21 | var leftclick_opens_old_pw_manager = false; 22 | var middleclick_opens_old_pw_manager = true; 23 | 24 | CustomizableUI.createWidget({ 25 | id: "pw_manager_button", // button id 26 | defaultArea: CustomizableUI.AREA_NAVBAR, 27 | removable: true, 28 | label: "Open Password Manager", // button title 29 | tooltiptext: "Open Password Manager", // tooltip title 30 | onClick: function(event) { 31 | 32 | // open about:logins in a new tab and add current domain to it (excl. about pages) 33 | function open_aboutlogins_in_tab() { 34 | try { 35 | LoginHelper.openPasswordManager(window, { filterString: gBrowser.currentURI.host, entryPoint: 'mainmenu' }); 36 | } catch (e) { 37 | LoginHelper.openPasswordManager(window, { entryPoint: 'mainmenu' }); 38 | } 39 | } 40 | 41 | // open old password manager window 42 | function open_old_pw_manager() { 43 | try { 44 | var old_pw_manager = 'chrome://passwordmgr/content/passwordManager.xhtml'; 45 | if(parseInt(Services.appinfo.version) < 73) old_pw_manager = 'chrome://passwordmgr/content/passwordManager.xhtml'; 46 | 47 | window.open(old_pw_manager ,'', 'chrome, resizable', "width=400,height=400"); 48 | } catch (e) {} 49 | } 50 | 51 | 52 | // left-click 53 | if(event.button=='0') { 54 | 55 | if(leftclick_opens_old_pw_manager) open_old_pw_manager(); 56 | else open_aboutlogins_in_tab(); 57 | 58 | } 59 | // right-click 60 | else if(event.button=='1') { 61 | 62 | if(middleclick_opens_old_pw_manager) open_old_pw_manager(); 63 | else open_aboutlogins_in_tab(); 64 | 65 | } 66 | 67 | }, 68 | 69 | onCreated: function(button) { 70 | return button; 71 | } 72 | 73 | }); 74 | 75 | /* set icon */ 76 | var button_icon = 'chrome://browser/skin/login.svg'; 77 | if (parseInt(Services.appinfo.version) < 68) button_icon = 'chrome://browser/skin/connection-secure.svg'; 78 | 79 | // style button icon 80 | var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\ 81 | \ 82 | #pw_manager_button .toolbarbutton-icon {\ 83 | list-style-image: url("'+button_icon+'") !important; /* icon / path to icon */ \ 84 | fill: red !important; /* icon color name/code */\ 85 | }\ 86 | #customization-content-container #pw_manager_button .toolbarbutton-icon, \ 87 | panelmultiview #pw_manager_button .toolbarbutton-icon {\ 88 | width: 18px !important; \ 89 | height: 18px !important; \ 90 | }\ 91 | \ 92 | '), null, null); 93 | 94 | sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET); 95 | 96 | } catch (e) { 97 | Components.utils.reportError(e); 98 | }; 99 | 100 | })(); 101 | -------------------------------------------------------------------------------- /chrome/search_engine_icon_in_searchbar.uc.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name Search Bar Engine Icon 3 | // @author xiaoxiaoflood 4 | // ==/UserScript== 5 | 6 | 7 | var tries = 30; 8 | var init = function() { 9 | // Sometimes search interface is not being created in time. Retry (up to 30 times) until it does. 10 | try { 11 | document.getElementById("searchbar").currentEngine; 12 | } catch(e) { 13 | if (--tries > 0) { 14 | setTimeout(init, 1000); 15 | } 16 | } 17 | 18 | try { 19 | var searchbar = document.getElementById("searchbar"); 20 | 21 | updateStyleSheet(); 22 | 23 | // Override updateDisplay() from browsers internal 'searchbar.js' file to also update the icon 24 | var oldUpdateDisplay = searchbar.updateDisplay; 25 | searchbar.updateDisplay = function() { 26 | oldUpdateDisplay.call(this); 27 | updateStyleSheet(); 28 | }; 29 | 30 | // main style sheet 31 | function updateStyleSheet() { 32 | var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService); 33 | 34 | var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(' \ 35 | .searchbar-search-button .searchbar-search-icon { \ 36 | list-style-image: url('+document.getElementById("searchbar").currentEngine.iconURI.spec+') !important; \ 37 | } \ 38 | \ 39 | '), null, null); 40 | 41 | // remove old style sheet 42 | if (sss.sheetRegistered(uri,sss.AGENT_SHEET)) { sss.unregisterSheet(uri,sss.AGENT_SHEET); } 43 | sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET); 44 | 45 | }; 46 | 47 | } catch(e) {} 48 | } 49 | setTimeout(init, 1000); 50 | -------------------------------------------------------------------------------- /chrome/toggle-findbar.uc.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name Toggle FindBar (Ctrl+F) 3 | // @description Switch search bar display with Ctrl+F 4 | // @version 1.1 5 | // @name Bookmarks Mebu Undo 6 | // @author xiaoxiaoflood 7 | // ==/UserScript== 8 | // @namespace https://oflow.me/archives/256 9 | 10 | var ucjsToggleFindBar = function() { 11 | if (gFindBar) 12 | gFindBar.hidden ? gFindBar.onFindCommand() : gFindBar.close(); 13 | else 14 | gLazyFindCommand("onFindCommand"); 15 | }; 16 | var ucjsToggleFindBar_onClickAddonbar = function(event) { 17 | if (event.button != 2) 18 | return; 19 | let target = event.originalTarget; 20 | while(target) { 21 | 22 | if (target == XULBrowserWindow.statusTextField || 23 | target == StatusPanel) { 24 | target.setAttribute("context", ""); 25 | ucjsToggleFindBar(); 26 | break; 27 | } 28 | target = target.parentNode; 29 | } 30 | } 31 | 32 | window.addEventListener("click", ucjsToggleFindBar_onClickAddonbar,false); 33 | 34 | (function() { 35 | ["key_find", "cmd_find"].forEach(id => { 36 | document.getElementById(id).setAttribute("oncommand", "ucjsToggleFindBar()"); 37 | }); 38 | })(); -------------------------------------------------------------------------------- /chrome/userContent.css: -------------------------------------------------------------------------------- 1 | /*BUTTON STYLE */ 2 | 3 | @import url(./css/content/addon_button_style_and_color_2_rounded_2_square.css); /* three styles (two round-twosquare), (round), (rounded corners) and color setting*/ 4 | /*@import url(./css/content/addon_button_style_and_color_rounded_corners.css); /* three styles (two round-twosquare), (round), (rounded corners) and color setting*/ 5 | 6 | @import url(./ZZ-TEST-CONTENT.css); /* for testing new code*/ 7 | 8 | 9 | @import url(./css/content/focus_rings.css); /* change hovered and visited links */ 10 | @import url(./css/content/!change_link_colors.css); /* change hovered and visited links */ 11 | @import url(./css/content/GoogleMartha_Logo.css); /* google home screen logo*/ 12 | /*@import url(./css/content/Google_Background_Dark.css); /* google background */ 13 | @import url(./css/content/Google_Background_Light.css); /* google background */ 14 | 15 | @import url(./css/content/DuckDuckGo_Logo_Martha.css); /* duckduckgo home screen logo */ 16 | @import url(./css/content/DuckDuckGo_remove_tab_flash_darkmode.css); /* remove the flash when DDG new tab loads */ 17 | @import url(./css/content/DuckDuckGo_Background.css); /* duckduckgo background and remove flash */ 18 | 19 | 20 | @import url(./css/content/remove_tab_flash_content.css); /* remove the flash when pages load */ 21 | 22 | @import url(./css/content/youtube_separate_scroll_no_ad.css); /*youtube keep main screen with separate scrollbar fo suggestions with no side advert */ 23 | @import url(./css/content/theweathernetwork.css); /* fixes !?!?*/ 24 | @import url(./css/content/server_not_found.css); /* server not found colors */ 25 | @import url(./css/content/arrow-cursor-over-text.css.css); /* set to default */ 26 | @import url(./css/content/selected_text_colors.css); /* text and background colors of selected/highlighted text */ 27 | /*@import url(./css/content/select_menu.css); /**/ 28 | 29 | /* About Addons page*/ 30 | @import url(./css/content/dark_settings_pages.css); /* dark pages for about pages */ 31 | @import url(./css/content/dark_page_preferences_checkboxes_radio_buttons.css); /* changed the checkboxes and radio buttons on prefs page*/ 32 | @import url(./css/content/addon_multi_column_addons.css); /* multi-columns for addons pages */ 33 | @import url(./css/content/addon_manage_buttons_without_popup.css); /* buttons on addon pages */ 34 | /*@import url(./css/content/addon_compact_addons_manager.css); /* compact addon pages */ 35 | @import url(./css/content/addon_recentupdates_category_always_visible.css); /* recent updates always on addon pages */ 36 | @import url(./css/content/addon_recommondations_category_always_hidden.css); /*hide recommendations on addon pages */ 37 | @import url(./css/content/scrollbars-dark.css); /* self-explanatory */ 38 | @import url(./css/content/about_about_four_columns.css); /* self-explanatory */ 39 | 40 | /*Addon Changes*/ 41 | @import url(./css/content/_privacy_badger.css); /**/ 42 | @import url(./css/content/_decentraleyes.css); /**/ 43 | @import url(./css/content/_no_script.css); /**/ 44 | @import url(./css/content/_containerize.css); /**/ 45 | @import url(./css/content/_violentmonkey.css); /**/ 46 | @import url(./css/content/_cookie_autodelete.css); /**/ 47 | @import url(./css/content/_https_everywhere.css); /**/ 48 | @import url(./css/content/_ublock_origin.css); /**/ 49 | @import url(./css/content/_theme_toggler.css); /**/ 50 | @import url(./css/content/_undo_closed_tabs_button.css); /**/ 51 | @import url(./css/content/_clear_browsing_data.css); /**/ 52 | @import url(./css/content/_firefox_multi-container_accounts.css); /**/ 53 | @import url(./css/content/_tab_manager.css); /**/ 54 | @import url(./css/content/_tab_list_button_enhanced.css); /**/ 55 | @import url(./css/content/_read_aloud.css); /**/ 56 | @import url(./css/content/_tab_reloader.css); /**/ 57 | @import url(./css/content/_user_agent_switcher.css); /**/ 58 | /*@import url(./css/content/_export_tab_urls.css); /**/ 59 | -------------------------------------------------------------------------------- /chrome/utils/aboutconfig/config.css: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | #warningScreen { 6 | font-size: 15px; 7 | padding-top: 0; 8 | padding-bottom: 0; 9 | padding-inline-start: calc(48px + 4.6em); 10 | padding-inline-end: 48px; 11 | } 12 | 13 | .title { 14 | background-image: url("chrome://global/skin/icons/warning.svg"); 15 | fill: #fcd100; 16 | } 17 | 18 | #warningTitle { 19 | font-weight: lighter; 20 | line-height: 1.2; 21 | margin: 0; 22 | margin-bottom: .5em; 23 | } 24 | 25 | #warningText { 26 | margin: 1em 0; 27 | } 28 | 29 | #warningButton { 30 | margin-top: 0.6em; 31 | } 32 | 33 | #filterRow { 34 | margin-top: 4px; 35 | margin-inline-start: 4px; 36 | } 37 | 38 | #configTree { 39 | margin-top: 4px; 40 | margin-bottom: 4px; 41 | } 42 | 43 | #configTreeBody::-moz-tree-cell-text(user) { 44 | font-weight: bold; 45 | } 46 | 47 | #configTreeBody::-moz-tree-cell-text(locked) { 48 | font-style: italic; 49 | } 50 | -------------------------------------------------------------------------------- /chrome/utils/boot.jsm: -------------------------------------------------------------------------------- 1 | let EXPORTED_SYMBOLS = []; 2 | 3 | let { 4 | classes: Cc, 5 | interfaces: Ci, 6 | manager: Cm 7 | } = Components; 8 | 9 | var cmanifest = Cc['@mozilla.org/file/directory_service;1'].getService(Ci.nsIProperties).get('UChrm', Ci.nsIFile); 10 | cmanifest.append('utils'); 11 | cmanifest.append('chrome.manifest'); 12 | Cm.QueryInterface(Ci.nsIComponentRegistrar).autoRegister(cmanifest); 13 | 14 | ChromeUtils.import('chrome://userchromejs/content/userChrome.jsm'); 15 | -------------------------------------------------------------------------------- /chrome/utils/chrome.manifest: -------------------------------------------------------------------------------- 1 | content userchromejs ./ 2 | resource userchromejs ../ 3 | -------------------------------------------------------------------------------- /chrome/utils/xPref.jsm: -------------------------------------------------------------------------------- 1 | let EXPORTED_SYMBOLS = ['xPref']; 2 | 3 | const {Services} = ChromeUtils.import('resource://gre/modules/Services.jsm'); 4 | 5 | var xPref = { 6 | // Retorna o valor da preferência, seja qual for o tipo, mas não 7 | // testei com tipos complexos como nsIFile, não sei como detectar 8 | // uma preferência assim, na verdade nunca vi uma 9 | get: function (prefPath, def = false, valueIfUndefined, setDefault = true) { 10 | let sPrefs = def ? 11 | Services.prefs.getDefaultBranch(null) : 12 | Services.prefs; 13 | 14 | try { 15 | switch (sPrefs.getPrefType(prefPath)) { 16 | case 0: 17 | if (valueIfUndefined != undefined) 18 | return this.set(prefPath, valueIfUndefined, setDefault); 19 | else 20 | return undefined; 21 | case 32: 22 | return sPrefs.getStringPref(prefPath); 23 | case 64: 24 | return sPrefs.getIntPref(prefPath); 25 | case 128: 26 | return sPrefs.getBoolPref(prefPath); 27 | } 28 | } catch (ex) { 29 | return undefined; 30 | } 31 | return; 32 | }, 33 | 34 | set: function (prefPath, value, def = false) { 35 | let sPrefs = def ? 36 | Services.prefs.getDefaultBranch(null) : 37 | Services.prefs; 38 | 39 | switch (typeof value) { 40 | case 'string': 41 | return sPrefs.setCharPref(prefPath, value) || value; 42 | case 'number': 43 | return sPrefs.setIntPref(prefPath, value) || value; 44 | case 'boolean': 45 | return sPrefs.setBoolPref(prefPath, value) || value; 46 | } 47 | return; 48 | }, 49 | 50 | lock: function (prefPath, value) { 51 | let sPrefs = Services.prefs; 52 | this.lockedBackupDef[prefPath] = this.get(prefPath, true); 53 | if (sPrefs.prefIsLocked(prefPath)) 54 | sPrefs.unlockPref(prefPath); 55 | 56 | this.set(prefPath, value, true); 57 | sPrefs.lockPref(prefPath); 58 | }, 59 | 60 | lockedBackupDef: {}, 61 | 62 | unlock: function (prefPath) { 63 | Services.prefs.unlockPref(prefPath); 64 | let bkp = this.lockedBackupDef[prefPath]; 65 | if (bkp == undefined) 66 | Services.prefs.deleteBranch(prefPath); 67 | else 68 | this.set(prefPath, bkp, true); 69 | }, 70 | 71 | clear: Services.prefs.clearUserPref, 72 | 73 | // Detecta mudanças na preferência e retorna: 74 | // return[0]: valor da preferência alterada 75 | // return[1]: nome da preferência alterada 76 | // Guardar chamada numa var se quiser interrompê-la depois 77 | addListener: function (prefPath, trat) { 78 | this.observer = function (aSubject, aTopic, prefPath) { 79 | return trat(xPref.get(prefPath), prefPath); 80 | } 81 | 82 | Services.prefs.addObserver(prefPath, this.observer); 83 | return { 84 | prefPath: prefPath, 85 | observer: this.observer 86 | }; 87 | }, 88 | 89 | // Encerra pref observer 90 | // Só precisa passar a var definida quando adicionou 91 | removeListener: function (obs) { 92 | Services.prefs.removeObserver(obs.prefPath, obs.observer); 93 | } 94 | } 95 | --------------------------------------------------------------------------------