From 7f97751f683d15412bc2b4c7cc654286d6a06c63 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 22 May 2020 08:48:16 +0300 Subject: [PATCH] Use an example to better show use of imports and custom overrides --- userChrome_example.css | 37 +++++++++++++++++++++++++++---------- 1 file changed, 27 insertions(+), 10 deletions(-) diff --git a/userChrome_example.css b/userChrome_example.css index b256ef9..40f1f9b 100644 --- a/userChrome_example.css +++ b/userChrome_example.css @@ -1,16 +1,33 @@ -/* Example file enabling theme + some features */ +/* Example userChrome.css file */ + +/* Import your desired components first */ -@import url(chrome/theme_color_variables.css); -@import url(chrome/theme_toolbars.css); -@import url(chrome/theme_sidebar.css); -@import url(chrome/theme_popups_and_menus.css); -@import url(chrome/status_inside_urlbar.css); -/*@import url(chrome/navigation_buttons_inside_urlbar.css);*/ @import url(chrome/tab_close_button_always_on_hover.css); @import url(chrome/tab_loading_progress_throbber.css); @import url(chrome/button_effect_scale_onclick.css); @import url(chrome/blank_page_background.css); -/* @import url(chrome/page_action_buttons_on_hover.css); */ -@import url(chrome/autohide_sidebar.css); -@import url(chrome/menubar_in_toolbar.css); +@import url(chrome/autohide_menubar.css); @import url(chrome/hide_toolbox_top_bottom_borders.css); +@import url(chrome/vertical_context_navigation.css); +@import url(chrome/minimal_popup_scrollbars.css); +@import url(chrome/button_effect_icon_glow.css); +@import url(chrome/dark_context_menus.css); +@import url(chrome/dark_additional_windows.css); +@import url(chrome/dark_checkboxes_and_radios.css); +@import url(chrome/minimal_text_fields.css); +@import url(chrome/minimal_toolbarbuttons.css); +@import url(chrome/urlbar_centered_text.css); + +/* Apply your custom modifications after imports */ + +:root{ + --toolbar-bgcolor: rgb(36,44,59) !important; + --uc-menu-bkgnd: var(--toolbar-bgcolor); + --arrowpanel-background: var(--toolbar-bgcolor) !important; + --autocomplete-popup-background: var(--toolbar-bgcolor) !important; + --uc-menu-disabled: rgb(90,90,90) !important; + --lwt-toolbar-field-focus: rgb(36,44,59) !important; +} + +#sidebar-box{ --sidebar-background-color: var(--toolbar-bgcolor) !important; } +window.sidebar-panel{ --lwt-sidebar-background-color: rgb(36,44,59) !important; } \ No newline at end of file