New file
This commit is contained in:
parent
8e5b9b476b
commit
0de6ebaa9a
1 changed files with 115 additions and 0 deletions
115
chrome/dark_popups_and_menus.css
Normal file
115
chrome/dark_popups_and_menus.css
Normal file
|
@ -0,0 +1,115 @@
|
|||
/* Makes popups, menus and context menus dark */
|
||||
:root{
|
||||
--uc-dark-bkgnd-color: rgb(12,16,32);
|
||||
--uc-light-bkgnd-color: rgb(46,54,69);
|
||||
--uc-active-color: rgb(26, 70, 102);
|
||||
--uc-text-color: rgb(195, 198, 201);
|
||||
--uc-border-color: rgb(43,130,191);
|
||||
}
|
||||
|
||||
.panel-arrowcontent,
|
||||
#alltabs-popup .arrowscrollbox-scrollbox,
|
||||
|
||||
menupopup:not(#BMB_bookmarksPopup),
|
||||
.textbox-contextmenu{
|
||||
border: 3px solid #434850 !important;
|
||||
background: var(--uc-dark-bkgnd-color) !important;
|
||||
border-radius: 5px !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
/* bookmarks menu is different from others */
|
||||
#BMB_bookmarksPopup{
|
||||
background-color: unset !important;
|
||||
}
|
||||
/* GENERAL */
|
||||
menupopup,
|
||||
menuitem,
|
||||
menu{
|
||||
-moz-appearance: none !important;
|
||||
}
|
||||
|
||||
menupopup{
|
||||
background-color:var(--uc-dark-bkgnd-color) !important;
|
||||
border:none;
|
||||
}
|
||||
|
||||
menuitem,
|
||||
menu{
|
||||
min-height:24px !important;
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
menuitem[disabled="true"],
|
||||
menu[disabled="true"]{
|
||||
color: black !important;
|
||||
text-shadow: 0 0 4px silver !important;
|
||||
}
|
||||
|
||||
menuitem:hover,
|
||||
menu:hover{
|
||||
background-color:var(--uc-active-color) !important;
|
||||
}
|
||||
|
||||
menuitem[disabled="true"]:hover,
|
||||
menu[disabled="true"]:hover{
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.menu-right{ filter: invert(100%) }
|
||||
#context-navigation{ background-color: transparent !important; }
|
||||
|
||||
/* POPUP PANELS */
|
||||
|
||||
.panel-subviews,
|
||||
#mainPopupSet menupopup,
|
||||
#main-menubar menupopup,
|
||||
#bookmarks-menu-button menu menupopup > hbox,
|
||||
.search-panel-header.search-panel-current-engine,
|
||||
.search-panel-current-input,
|
||||
panelview,
|
||||
.PanelUI-subView,
|
||||
.autocomplete-richlistbox{
|
||||
background-color: var(--uc-dark-bkgnd-color) !important;
|
||||
}
|
||||
|
||||
.subviewbutton:hover{
|
||||
background-color: var(--uc-active-color) !important;
|
||||
}
|
||||
|
||||
panelview toolbarbutton.subviewbutton .toolbarbutton-text,
|
||||
#downloadsFooter,
|
||||
#customizationui-widget-panel label,
|
||||
.autocomplete-richlistitem .ac-title,
|
||||
#widget-overflow-list toolbarbutton,
|
||||
#bookmarks-menu-button menu menupopup,
|
||||
#PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree,
|
||||
#PanelUI-contents toolbarbutton,
|
||||
#sidebar-switcher-target,
|
||||
#alltabs_containersTab{
|
||||
color: var(--uc-text-color)!important;
|
||||
}
|
||||
|
||||
#alltabs-popup,
|
||||
#alltabs_containersMenuTab{
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/* URLBAR AND SEARCHBAR POPUPS */
|
||||
|
||||
#PopupAutoCompleteRichResult .ac-title,
|
||||
#PopupAutoCompleteRichResult .search-one-offs,
|
||||
.search-panel-input-value{
|
||||
color: var(--uc-text-color) !important;
|
||||
}
|
||||
|
||||
.search-panel-one-offs,
|
||||
.downloadsPanelFooterButton:not(:hover),
|
||||
#overflowMenu-customize-button:not(:hover),
|
||||
#searchbar-anon-search-settings{
|
||||
background-color: var(--uc-light-bkgnd-color) !important;
|
||||
}
|
||||
|
||||
#PopupAutoCompleteRichResult .ac-emphasize-text.ac-emphasize-text-title{
|
||||
color: var(--uc-border-color) !important;
|
||||
}
|
Loading…
Reference in a new issue