diff --git a/README.md b/README.md index 4fca256..3f50368 100644 --- a/README.md +++ b/README.md @@ -59,11 +59,11 @@ Example `userChrome.css`: @import url(chrome/button_effect_scale_onclick.css); :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; + --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; } diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index 20e9a42..46637ef 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -31,9 +31,9 @@ linux_gtk_window_control_patch.css /* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ @media not (-moz-os-version: windows-win10){ - :root{ --uc-titlebar-padding: 0px !important } + :root{ --uc-titlebar-padding: 0px !important } } - .titlebar-buttonbox-container{ left:0; right: unset; } + .titlebar-buttonbox-container{ left:0; right: unset; } } :root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px } diff --git a/chrome/autohide_menubar.css b/chrome/autohide_menubar.css index b71c74c..6d86a7d 100644 --- a/chrome/autohide_menubar.css +++ b/chrome/autohide_menubar.css @@ -10,21 +10,21 @@ See the above repository for updates as well as full license text. */ #TabsToolbar > .titlebar-spacer{ display: -moz-box !important; } #toolbar-menubar{ - --uc-menubar-height: 36px; - position: fixed; - display: block; - width: 100vw; - height: var(--uc-menubar-height); - margin-top: calc(8px - var(--uc-menubar-height)); - transition: margin-top 150ms linear !important; - -moz-window-dragging: no-drag; - z-index:4; + --uc-menubar-height: 36px; + position: fixed; + display: block; + width: 100vw; + height: var(--uc-menubar-height); + margin-top: calc(8px - var(--uc-menubar-height)); + transition: margin-top 150ms linear !important; + -moz-window-dragging: no-drag; + z-index:4; } #menubar-items{ display: block; float: left; } #toolbar-menubar:hover{ - background-color: var(--toolbar-bgcolor) !important; - margin-top: 0px; - z-index: 6 + background-color: var(--toolbar-bgcolor) !important; + margin-top: 0px; + z-index: 6 } \ No newline at end of file diff --git a/chrome/dark_checkboxes_and_radios.css b/chrome/dark_checkboxes_and_radios.css index a9f5b2c..af0c57f 100644 --- a/chrome/dark_checkboxes_and_radios.css +++ b/chrome/dark_checkboxes_and_radios.css @@ -53,7 +53,7 @@ checkbox[disabled] > .checkbox-check{ fill: graytext !important; } button{ -moz-appearance: none !important; color: inherit !important; - background-color: rgba(127,127,127,0.1) !important; + background-color: rgba(127,127,127,0.1) !important; border: 1px solid graytext; } diff --git a/chrome/dark_theme_aware_statuspanel.css b/chrome/dark_theme_aware_statuspanel.css index 43a6677..470884e 100644 --- a/chrome/dark_theme_aware_statuspanel.css +++ b/chrome/dark_theme_aware_statuspanel.css @@ -7,7 +7,7 @@ Meaning, if theme text is light then the statuspanel uses dark background and li */ #statuspanel-label:-moz-lwtheme-brighttext{ - background-color: rgb(50,50,52) !important; - color: rgb(187,187,189) !important; + background-color: rgb(50,50,52) !important; + color: rgb(187,187,189) !important; border-color: grey !important; } \ No newline at end of file diff --git a/chrome/hide_tabs_toolbar.css b/chrome/hide_tabs_toolbar.css index 8dae3de..c343c57 100644 --- a/chrome/hide_tabs_toolbar.css +++ b/chrome/hide_tabs_toolbar.css @@ -35,7 +35,7 @@ Window controls will be all wrong without it #toolbar-menubar:not([inactive]){ z-index: 2 } #toolbar-menubar[inactive] > #menubar-items { - opacity: 0; - pointer-events: none; - margin-left: var(--uc-window-drag-space-width,0px) + opacity: 0; + pointer-events: none; + margin-left: var(--uc-window-drag-space-width,0px) } diff --git a/chrome/menubar_in_toolbar.css b/chrome/menubar_in_toolbar.css index 762188b..222a112 100644 --- a/chrome/menubar_in_toolbar.css +++ b/chrome/menubar_in_toolbar.css @@ -3,9 +3,9 @@ See the above repository for updates as well as full license text. */ /* Makes menubar to appear in tabs toolbar pushing tabs to the side */ #toolbar-menubar:not([inactive]) ~ #TabsToolbar{ - margin-left:300px !important; - margin-top: -26px !important; + margin-left:300px !important; + margin-top: -26px !important; } :root[sizemode="maximized"] #toolbar-menubar:not([inactive]) ~ #TabsToolbar{ - margin-top: -28px !important; + margin-top: -28px !important; } \ No newline at end of file diff --git a/chrome/menubar_in_toolbar_oneliner_compatible.css b/chrome/menubar_in_toolbar_oneliner_compatible.css index f335a54..d745ed8 100644 --- a/chrome/menubar_in_toolbar_oneliner_compatible.css +++ b/chrome/menubar_in_toolbar_oneliner_compatible.css @@ -4,8 +4,8 @@ See the above repository for updates as well as full license text. */ /* Use with navbar_tabs_oneliner.css */ #toolbar-menubar:not([inactive]) ~ #TabsToolbar{ - margin-left:calc(var(--uc-navigationbar-width) + 300px ) !important; - margin-top: calc(0px - var(--uc-toolbar-height)) !important; + margin-left:calc(var(--uc-navigationbar-width) + 300px ) !important; + margin-top: calc(0px - var(--uc-toolbar-height)) !important; padding-left: 0px !important; } #toolbar-menubar:not([inactive]){ diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index ef47d72..990f774 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -11,8 +11,8 @@ urlbar_full_width.css is VERY MUCH recommended for Firefox 71+ because of new ur /* Modify these to change relative widths or default height */ #navigator-toolbox{ - --uc-navigationbar-width: 40vw; - --uc-toolbar-height: 40px; + --uc-navigationbar-width: 40vw; + --uc-toolbar-height: 40px; } /* Override for other densities */ :root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 32px; } @@ -40,7 +40,7 @@ urlbar_full_width.css is VERY MUCH recommended for Firefox 71+ because of new ur .titlebar-spacer[type="pre-tabs"]{ display: none } #navigator-toolbox > #nav-bar{ - margin-right:calc(100vw - var(--uc-navigationbar-width)); + margin-right:calc(100vw - var(--uc-navigationbar-width)); margin-top: calc(0px - var(--uc-toolbar-height)); } diff --git a/chrome/show_navbar_on_focus_only.css b/chrome/show_navbar_on_focus_only.css index ed10019..a628067 100644 --- a/chrome/show_navbar_on_focus_only.css +++ b/chrome/show_navbar_on_focus_only.css @@ -32,9 +32,9 @@ See the above repository for updates as well as full license text. */ z-index: 3; } :root[sessionrestored] #nav-bar:focus-within{ - transform: rotateX(0deg); - opacity: 1; - transition-delay: 0ms, 0ms !important; + transform: rotateX(0deg); + opacity: 1; + transition-delay: 0ms, 0ms !important; } /* This enables compatibility with autohide_bookmarks_toolbar.css */ diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index e26b0e4..9e93b74 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -42,9 +42,9 @@ As a workaround, the -moz-element background image is removed somewhat often whi /* Hide the status ovelay when urlbar is hovered */ #urlbar:hover .urlbar-input-box::after, #urlbar[focused] .urlbar-input-box::after{ - visibility: hidden; - /* Remove the image to get rid of -moz-element() related problems */ - background-image: none !important + visibility: hidden; + /* Remove the image to get rid of -moz-element() related problems */ + background-image: none !important } :root[uidensity="compact"] #urlbar .urlbar-input-box::after{ background-position-y: 1px } diff --git a/chrome/theme_popups_and_menus.css b/chrome/theme_popups_and_menus.css index b73d073..a99c9df 100644 --- a/chrome/theme_popups_and_menus.css +++ b/chrome/theme_popups_and_menus.css @@ -14,10 +14,10 @@ See the above repository for updates as well as full license text. */ #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; + 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 */ @@ -29,7 +29,7 @@ menupopup:not(#BMB_bookmarksPopup), menupopup, menuitem, menu{ - -moz-appearance: none !important; + -moz-appearance: none !important; } menupopup{ @@ -39,7 +39,7 @@ menupopup{ menuitem, menu{ - min-height:24px !important; + min-height:24px !important; color: var(--uc-text-color) !important; } @@ -117,7 +117,7 @@ panelview toolbarbutton.subviewbutton .toolbarbutton-text, } #PopupAutoCompleteRichResult .ac-emphasize-text.ac-emphasize-text-title{ - color: var(--uc-border-color) !important; + color: var(--uc-border-color) !important; } #editBookmarkPanel textbox, diff --git a/chrome/theme_sidebar.css b/chrome/theme_sidebar.css index 951461d..4eb918b 100644 --- a/chrome/theme_sidebar.css +++ b/chrome/theme_sidebar.css @@ -9,38 +9,38 @@ See the above repository for updates as well as full license text. */ #sidebar-box{ --toolbar-non-lwt-bgcolor: var(--uc-light-bkgnd-color) } #sidebar-search-container #search-box{ - -moz-appearance:none !important; - background-color: var(--uc-dark-bkgnd-color) !important; - border: none !important; - color: var(--uc-text-color) !important; + -moz-appearance:none !important; + background-color: var(--uc-dark-bkgnd-color) !important; + border: none !important; + color: var(--uc-text-color) !important; } #history-panel, #bookmarksPanel, #sidebar-header{ - background-color: var(--uc-light-bkgnd-color) !important; - color: var(--uc-text-color) !important; - border-top: none !important; - border-bottom:none !important; + background-color: var(--uc-light-bkgnd-color) !important; + color: var(--uc-text-color) !important; + border-top: none !important; + border-bottom:none !important; scrollbar-color: rgb(210,210,210) var(--uc-light-bkgnd-color) !important; } .sidebar-placesTreechildren, #sidebar-box, #sidebar-header{ - color: var(--uc-text-color) !important; + color: var(--uc-text-color) !important; } .sidebar-placesTreechildren::-moz-tree-cell{ - outline:none; - border-radius:0px; - background-image:none; + outline:none; + border-radius:0px; + background-image:none; } .sidebar-placesTreechildren::-moz-tree-cell(selected){ - background-color: var(--uc-border-color) !important; + background-color: var(--uc-border-color) !important; } .sidebar-placesTreechildren::-moz-tree-cell(hover){ - background-color: var(--uc-active-color) !important; + background-color: var(--uc-active-color) !important; } \ No newline at end of file diff --git a/chrome/theme_toolbars.css b/chrome/theme_toolbars.css index bdd545f..44fb34e 100644 --- a/chrome/theme_toolbars.css +++ b/chrome/theme_toolbars.css @@ -18,8 +18,8 @@ See the above repository for updates as well as full license text. */ #browser-bottombox, #customization-container, findbar{ - background-color: var(--uc-light-bkgnd-color) !important; - color: var(--uc-text-color) !important; + background-color: var(--uc-light-bkgnd-color) !important; + color: var(--uc-text-color) !important; } findbar{ background-image: none !important; } @@ -47,7 +47,7 @@ findbar{ background-image: none !important; } #urlbar{ border-color: transparent !important; } #urlbar[focused]{ - border-color: var(--uc-border-color) !important; + border-color: var(--uc-border-color) !important; } #urlbar .urlbar-icon:hover{ diff --git a/chrome/urlbar_and_popup_equal_width.css b/chrome/urlbar_and_popup_equal_width.css index 5105a46..6334402 100644 --- a/chrome/urlbar_and_popup_equal_width.css +++ b/chrome/urlbar_and_popup_equal_width.css @@ -6,10 +6,10 @@ See the above repository for updates as well as full license text. */ /* Firefox 70+ */ #urlbar-container{ - transform: translateY(0); - position: relative; - z-index: 10; - padding-block: 3px !important; + transform: translateY(0); + position: relative; + z-index: 10; + padding-block: 3px !important; padding-inline: 0px !important; margin-inline: 5px !important; } diff --git a/chrome/window_control_placeholder_support.css b/chrome/window_control_placeholder_support.css index 738bfdb..79d4b97 100644 --- a/chrome/window_control_placeholder_support.css +++ b/chrome/window_control_placeholder_support.css @@ -24,7 +24,7 @@ See the above repository for updates as well as full license text. */ /* Use this pref to check Mac OS where window controls are on left */ /* This pref defaults to true on Mac and doesn't actually do anything on other platforms. So if your system has window controls on LEFT side you can set the pref to true */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ - :root{ --uc-window-control-width: 72px; } + :root{ --uc-window-control-width: 72px; } :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ border-inline-width: calc(var(--uc-window-control-width,0px) + var(--uc-window-drag-space-width,0px)) var(--uc-window-drag-space-width,0px) } diff --git a/content/two_column_addons.css b/content/two_column_addons.css index d168022..1c3320b 100644 --- a/content/two_column_addons.css +++ b/content/two_column_addons.css @@ -8,18 +8,18 @@ See the above repository for updates as well as full license text. */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url("about:addons"){ #list-view{ overflow: auto } - /* Test for Firefox > 66 */ + /* Test for Firefox > 66 */ @supports (inset-block:auto){ #addon-list{ display: grid; grid-template-areas: "a a"; grid-template-columns: 1fr 1fr; - grid-auto-rows: min-content; + grid-auto-rows: min-content; overflow: hidden !important; padding-bottom: 80px; /* increase this value if addons list content get cut */ } } - /* Test for Firefox < 66 */ + /* Test for Firefox < 66 */ @supports not (inset-block:auto){ #addon-list > scrollbox > .scrollbox-innerbox{ display: grid; diff --git a/userChrome_example.css b/userChrome_example.css index 40f1f9b..93abe41 100644 --- a/userChrome_example.css +++ b/userChrome_example.css @@ -21,11 +21,11 @@ /* 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; + --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; }