From 408ed46ffa0f09279085eaac85ba7c69df271acc Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 4 Dec 2018 20:22:45 +0200 Subject: [PATCH] Custom colors for internal nav buttons only w/ theme_toolbars --- chrome/navigation_buttons_inside_urlbar.css | 2 +- chrome/status_inside_urlbar.css | 1 + chrome/theme_color_variables.css | 5 ----- chrome/theme_popups_and_menus.css | 5 +++++ chrome/theme_toolbars.css | 7 +++++++ 5 files changed, 14 insertions(+), 6 deletions(-) diff --git a/chrome/navigation_buttons_inside_urlbar.css b/chrome/navigation_buttons_inside_urlbar.css index d26a2d8..f8b7d71 100644 --- a/chrome/navigation_buttons_inside_urlbar.css +++ b/chrome/navigation_buttons_inside_urlbar.css @@ -40,7 +40,7 @@ } #nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button):not([disabled]):hover{ - background-image: linear-gradient(to bottom, var(--uc-active-color,hsla(0,0%,70%,.2)), var(--uc-active-color,hsla(0,0%,70%,.2))) + background-image: linear-gradient(to bottom, var(--uc-ext-active-color,hsla(0,0%,70%,.2)), var(--uc-ext-active-color,hsla(0,0%,70%,.2))) } #urlbar-container:focus-within ~ .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button){ diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index 9b44dfc..bd27c6e 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -1,6 +1,7 @@ /* STATUSPANEL INSIDE URLBAR */ #urlbar .urlbar-input-box{ display: -moz-stack } +/* -moz-stack causes an subtle issue where in certain scenarios a weirdly aligned "http(s)://" may show up */ #urlbar .urlbar-input-box::after{ z-index: 2; content: ""; diff --git a/chrome/theme_color_variables.css b/chrome/theme_color_variables.css index ba372b8..0a60c5c 100644 --- a/chrome/theme_color_variables.css +++ b/chrome/theme_color_variables.css @@ -6,8 +6,3 @@ --uc-text-color: rgb(195, 198, 201); --uc-border-color: rgb(43,130,191); } -/* Override some default variables - stylesheet compatibility */ -:root{ - --lwt-toolbar-field-background-color: var(--uc-dark-bkgnd-color) !important; - --lwt-toolbar-field-border-color: transparent !important;) -} \ No newline at end of file diff --git a/chrome/theme_popups_and_menus.css b/chrome/theme_popups_and_menus.css index 0dc55a8..1f25fa4 100644 --- a/chrome/theme_popups_and_menus.css +++ b/chrome/theme_popups_and_menus.css @@ -74,6 +74,11 @@ panelview, background-color: var(--uc-active-color) !important; } +#widget-overflow-list #searchbar > .searchbar-textbox{ + background-color: var(--uc-light-bkgnd-color) !important; + color: var(--uc-text-color) !important; +} + panelview toolbarbutton.subviewbutton .toolbarbutton-text, #downloadsFooter, #customizationui-widget-panel label, diff --git a/chrome/theme_toolbars.css b/chrome/theme_toolbars.css index 5a5c486..bfdfb87 100644 --- a/chrome/theme_toolbars.css +++ b/chrome/theme_toolbars.css @@ -3,6 +3,13 @@ /*!!! IMPORT theme_color_variables.css !!!*/ +/* Override some default variables - stylesheet compatibility */ +:root{ + --lwt-toolbar-field-background-color: var(--uc-dark-bkgnd-color) !important; + --lwt-toolbar-field-border-color: transparent !important;) +} +#nav-bar{--uc-ext-active-color: var(--uc-active-color);} + #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar), #browser-bottombox, .browserContainer > findbar,