From 5928aa3a869e8a23d5acc61d5bab176de4d0aca8 Mon Sep 17 00:00:00 2001 From: overdodactyl Date: Tue, 5 Dec 2017 09:56:03 -0700 Subject: [PATCH] Changes to context menus, dropdowns, and sidebar. Changelog to come. --- userChrome-files/dark_context_menus.css | 34 ++++++++++++++++++++----- userChrome-files/dark_nav_bar_menus.css | 26 +++++++++++++++++++ userChrome-files/dark_sidebar.css | 16 +++++++----- 3 files changed, 63 insertions(+), 13 deletions(-) diff --git a/userChrome-files/dark_context_menus.css b/userChrome-files/dark_context_menus.css index 6551c6c..cb67695 100644 --- a/userChrome-files/dark_context_menus.css +++ b/userChrome-files/dark_context_menus.css @@ -3,7 +3,7 @@ menupopup, popup, popup > menu > menupopup, menupopup > menu > menupopup, menupo -moz-appearance: none !important; background: var(--grey-60) !important; border: none !important; - padding: 6px 0px 6px 0px !important; + padding: 0px 0px 0px 0px !important; } /* More options right arrow */ @@ -33,11 +33,6 @@ menupopup menuseparator { padding: 0 !important; border-top: none !important; margin: 2px 6px 2px 6px !important; - /* following added as a Windows fix, - * thanks u/markdarkness! */ - -moz-appearance:none !important; - background: rgba(0, 0, 0, 0) !important; - border: 0px !important; } menupopup menu:hover, menuitem:hover { @@ -50,4 +45,29 @@ menupopup menu:hover, menuitem:hover { .panel-arrowcontent { color: var(--grey-10) !important; background: var(--grey-60) !important; -} \ No newline at end of file +} + +/* The following snippets are designed to fix promblems + * only noticed on Windows computers. Thank you to u/u/markdarkness! + * for helping me with these issues. */ + +/* Remove white separators between menu items */ +menupopup menuseparator { + -moz-appearance:none !important; + background: rgba(0, 0, 0, 0) !important; + border: 0px !important; +} + +/* Increase height between menu items */ +menupopup menu, menuitem { + padding-top: .5px !important; +} + +/* Removes white bar between icons and menu items */ +#context-navigation, #context-sep-navigation { + padding: 0px !important; +} + + + + diff --git a/userChrome-files/dark_nav_bar_menus.css b/userChrome-files/dark_nav_bar_menus.css index 866d455..fbeb855 100644 --- a/userChrome-files/dark_nav_bar_menus.css +++ b/userChrome-files/dark_nav_bar_menus.css @@ -26,6 +26,16 @@ photonpanelmultiview panelview { color: var(--primary-light-color) !important; } +#emptyDownloads { + background: var(--grey-60) !important; + color: var(--primary-light-color) !important; +} + +#downloadsFooterButtons { + background: var(--grey-70) !important; + color: var(--primary-light-color) !important; +} + #appMenu-mainView toolbarbutton:hover, #customizationui-widget-multiview toolbarbutton:hover, #widget-overflow-list toolbarbutton:hover { @@ -51,4 +61,20 @@ photonpanelmultiview panelview { .identity-popup-expander[panel-multiview-anchor] { background-color: darkcyan !important; fill: var(--primary-light-color) !important; +} + + +/* New update is available */ +.popup-notification-button[default][highlight="true"]:not([disabled]) { + background-color: darkcyan !important; + color: #ccc; +} + +#update-available-whats-new { + color: darkcyan !important; +} + +.popup-notification-icon[popupid="update-available"], .popup-notification-icon[popupid="update-manual"], .popup-notification-icon[popupid="update-restart"] { + background-color: #712b00 !important; + border-radius: 50%; } \ No newline at end of file diff --git a/userChrome-files/dark_sidebar.css b/userChrome-files/dark_sidebar.css index 7598495..e69f336 100644 --- a/userChrome-files/dark_sidebar.css +++ b/userChrome-files/dark_sidebar.css @@ -39,13 +39,17 @@ filter: invert(65%); } -/* Sidebar splitter */ +/* Sidebar splitter + * Adjust width to personal preference - + * I keep it at 4 for easy mobility and Tree Style Tabs + * utilizes it for container indicators */ #sidebar-splitter { - width: 1px !important; - background: var(--primary-light-color) !important; - opacity: .3 !important; + width: 4px !important; + background: var(--primary-dark-color) !important; + opacity: 0 !important; } + /* Reverse color of sidebar header icon for Tree Style Tabs * you may delete this snippit if you don't use the extension */ #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-icon { @@ -55,12 +59,12 @@ /* Siderbar slider - thank you u/_Dimitri_ * Add this section if on Windows scrollbar > slider { - background-color: var(--grey-60); + max-width: 4px !important; } scrollbar > slider > thumb, scrollbar > scrollbarbutton { -moz-appearance: none !important; - background-color: var(--grey-80); + background-color: var(--grey-80) !important;; } */