Deprecate bunch of styles

All of these have built-in support nowadays
2023-11-18 10:34:16 +02:00
parent d66b6e54be
commit 3a8ace8643
10 changed files with 33 additions and 33 deletions
--- a/chrome/deprecated/blank_page_background.css
+++ b/chrome/deprecated/blank_page_background.css
@@ -0,0 +1,9 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/blank_page_background.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Set blank page background-color */
+/* Uses color from theme_colors if available */
+
+#tabbrowser-tabpanels{
+  background-color: var(--uc-light-bkgnd-color,rgb(46,54,69)) !important;
+}
--- a/chrome/deprecated/bookmarks_toolbar_on_newtabs_only.css
+++ b/chrome/deprecated/bookmarks_toolbar_on_newtabs_only.css
@@ -0,0 +1,28 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/bookmarks_toolbar_on_newtabs_only.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* "Real" show-bookmarks toolbar on new-tabs only - requires extension: https://addons.mozilla.org/addon/ntp_titler/ */
+
+/* This is NOT compatible with autohide_bookmarks_toolbar.css because the collapsing methods are different */
+
+#PersonalToolbar{
+  --uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */
+  --uc-bm-padding: 4px; /* Vertical padding to be applied to bookmarks */
+}
+
+:root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px }
+:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }
+
+#PersonalToolbar:not([customizing]){
+  margin-bottom: calc(0px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
+  visibility: hidden;
+  transition: margin-bottom 135ms ease !important;
+}
+
+/* The prefixes are set by the above linked extension */
+:root[titlepreface="NewTab - "] #PersonalToolbar,
+:root[titlepreface="Home - "] #PersonalToolbar,
+:root[titlepreface="PrivateBrowsing - "] #PersonalToolbar{
+  visibility: visible;
+  margin-bottom: 0px;
+}
--- a/chrome/deprecated/dark_additional_windows.css
+++ b/chrome/deprecated/dark_additional_windows.css
@@ -0,0 +1,89 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/dark_additional_windows.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Dark library, page-info and bookmark-properties */
+/* Color scheme matches default dark theme */
+
+/* If you are going to open Library in the (places.xhtml) in a tab then this file should also be imported in userContent.css */
+
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+@-moz-document url(chrome://browser/content/places/places.xhtml),
+  url(chrome://browser/content/places/bookmarkProperties.xhtml),
+  url(chrome://global/content/commonDialog.xhtml),
+  url-prefix(chrome://browser/content/preferences/dialogs/),
+  url("chrome://mozapps/content/handling/dialog.xhtml"),
+  url-prefix(chrome://browser/content/pageinfo/),
+  url-prefix(chrome://browser/content/sanitize.xhtml),
+  url-prefix("chrome://mozapps/content/downloads"){
+  :root{
+    background-color: #2b2a33 !important;
+    --in-content-box-background: #23222b !important;
+  }
+  #placesToolbox,
+  #placesView,
+  #placesToolbar,
+  #main-window,
+  #topBar,
+  dialog,
+  tree{
+    -moz-appearance: none !important;
+    color: rgb(249,249,250) !important;
+  }
+    
+  #placesToolbar,
+  tree{
+    background: transparent !important;
+  }
+  
+  #imagecontainerbox{ background: url("chrome://global/skin/media/imagedoc-darknoise.png") !important }
+  
+  search-textbox,
+  #searchFilter,
+  menulist,
+  input,  
+  textbox,
+  richlistbox,
+  treecol,
+  treecolpicker,
+  button,
+  menu,
+  #permList{
+    -moz-appearance: none !important;
+    color: inherit !important;
+  }
+  
+  menulist{ border: 1px solid graytext; padding-inline-end: 4px }
+  dropmarker{ filter: invert(1) }
+  menulist:hover{ border-color: highlight; background-color: rgba(255,255,255,0.1) }
+    
+  .menubar-left{ fill: currentColor; -moz-context-properties: fill; }
+  #topBar,#searchFilter,search-textbox,input,textbox,richlistbox{ background-color: rgba(0,0,0,0.2) !important; }
+  input[mozactionhint="search"],input[readonly],td > input{ background-color: transparent !important; }
+    
+  treecol:not([hideheader]){ height: 24px; }
+  treecol:hover{ filter: brightness(160%) }
+  treechildren::-moz-tree-row(multicol, odd), #permList{ background-color: rgba(0,0,0,0.2) !important; }
+  
+  radiogroup > radio[selected],
+  radiogroup > radio:hover,
+  #permList > .permission:hover,
+  treechildren::-moz-tree-row(hover),
+  button:hover{ background-color: rgba(255,255,255,0.1) !important; color: inherit !important;}
+  
+  treechildren::-moz-tree-row(selected){ background-color: Highlight !important; }
+  button{ padding: 3px }
+  #placesMenu > menu{ border: none !important; }
+    
+  search-textbox,input,button{ border: 1px solid graytext; border-radius: 3px }
+  search-textbox,input{ padding: 2px }
+
+}
+
+/* modal prompts (alert() & friends) */
+
+xul|vbox.paymentDialogContainerFrame,
+xul|vbox.tabmodalprompt-mainContainer{
+  background-color: var(--toolbar-bgcolor) !important;
+  color: var(--lwt-text-color,-moz-dialogtext) !important;
+}
--- a/chrome/deprecated/dark_context_menus.css
+++ b/chrome/deprecated/dark_context_menus.css
@@ -0,0 +1,67 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/dark_context_menus.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Makes context menus dark. Also affects some portions of menu popups */
+/* Uses dark theme colors but does not respect dark theme variables (they wouldn't work on sidebar context menu) */
+
+:root{
+  --uc-menu-bkgnd: rgb(74,74,79);
+  --uc-menu-color: rgb(230,230,230);
+  --uc-menu-dimmed: rgba(255,255,255,0.1);
+  --uc-menu-disabled: rgb(50,50,50);
+}
+panel richlistbox,
+panel tree,
+panel button,
+panel menulist,
+panel textbox,
+panel input,
+menupopup,
+menu,
+menuitem{ -moz-appearance: none !important; }
+
+menulist,
+menuitem,
+menu{ min-height: 1.8em }
+
+panel menulist{ border: 1px solid transparent }
+
+panel richlistbox,
+panel tree,
+panel button,
+panel menulist,
+panel textbox,
+panel input,
+panel #searchbar,
+menupopup:not(#BMB_bookmarksPopup),
+#main-menubar > menu > menupopup,
+#context-navigation{
+  color: var(--uc-menu-color) !important;
+  padding: 2px;
+  background-color: var(--uc-menu-bkgnd) !important;
+  border-color: var(--uc-menu-disabled) !important;
+}
+
+panel textbox input{ padding: 2px !important; }
+
+panel input{ border-width: 1px; border-style: solid; background-color: rgba(0,0,0,0.1) !important; }
+panel #searchbar{ background-color: rgba(0,0,0,0.1) !important; padding: 0 !important; }
+panel #searchbar input{ background-color: transparent !important; }
+
+panel menulist:hover,
+panel menulist[open]{ border-color: Highlight !important; }
+
+#editBMPanel_folderMenuList > menupopup > menuitem{ color: var(--uc-menu-color) !important; }
+
+panel treechildren::-moz-tree-row(selected),
+panel button:hover,
+menu:hover,
+menu[_moz-menuactive],
+menu[open],
+menuitem:hover,
+menuitem[_moz-menuactive]{ background-color: var(--uc-menu-dimmed) !important; color: inherit !important; }
+
+menu[disabled="true"],
+menuitem[disabled="true"]{ color: var(--uc-menu-disabled) !important; }
+
+menu:not(.subviewbutton) > .menu-right{ filter: invert(1) }
--- a/chrome/deprecated/dark_date_picker_panel.css
+++ b/chrome/deprecated/dark_date_picker_panel.css
@@ -0,0 +1,19 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/dark_date_picker_panel.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Makes the HTML <input type="date"> picker panel dark IF you use dark colored theme. It does not affect the input element on the page, only the popup */
+
+@media (-moz-toolbar-prefers-color-scheme: dark){
+  #DateTimePickerPanel{ --panel-background: #2b2a33 !important; }
+}
+@-moz-document url("chrome://global/content/datepicker.xhtml"){
+  @media (-moz-toolbar-prefers-color-scheme: dark){
+    :root{
+      --border: 0.1rem solid #a4a4a4 !important;
+      --weekend-font-color: #ff4030 !important
+    }
+    body,.month-year-view{ background: #2b2a33 !important; color: #f4f4f4 !important; }
+    button.month-year::after,
+    button{ fill: #f4f4f4 !important; }
+  }
+}
--- a/chrome/deprecated/dark_theme_aware_statuspanel.css
+++ b/chrome/deprecated/dark_theme_aware_statuspanel.css
@@ -0,0 +1,13 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/dark_theme_aware_statuspanel.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* 
+Makes statuspanel aware of the the theme text color
+Meaning, if theme text is light then the statuspanel uses dark background and light text. On themes with dark text the statuspanel has normal appearance.
+*/
+
+:root[lwthemetextcolor="bright"] #statuspanel-label{
+  background-color: rgb(50,50,52) !important;
+  color: rgb(187,187,189) !important;
+  border-color: grey !important;
+}
--- a/chrome/deprecated/overlay_scrollbars.as.css
+++ b/chrome/deprecated/overlay_scrollbars.as.css
@@ -0,0 +1,67 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/overlay_scrollbars.as.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* This is supposed to be loaded as a agent sheet via autoconfig */
+/* It will not work otherwise and might do unexpected things */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+scrollbar {
+  -moz-appearance: none !important;
+  position: relative !important;
+  background-color: transparent;
+  z-index: 9;
+}
+scrollbar thumb{
+  -moz-appearance: none !important;
+  background-color: transparent;
+  pointer-events: auto;
+  opacity: 0.5;
+  transition: opacity 0.1s ease-in;
+}
+
+scrollbar[orient = "vertical"] thumb{
+  border-image-source: linear-gradient(to right, transparent 13px, currentcolor 13px);
+  border-image-width: 0 0 0 16px;
+  border-image-slice: 0% 0% 0% 100%;
+  border-image-repeat: stretch;
+}
+scrollbar[orient = "horizontal"] thumb{
+  border-image-source: linear-gradient(to bottom, transparent 13px, currentcolor 13px);
+  border-image-width: 16px 0 0 0;
+  border-image-slice: 100% 0% 0% 0%;
+  border-image-repeat: stretch;
+}
+
+scrollbar gripper,
+scrollbar scrollbarbutton{
+  display: none;
+}
+scrollbar[orient = "vertical"] {
+  min-width: 16px !important;
+  -moz-margin-start: -16px;/*margin to fill the whole render window with content and overlay the scrollbars*/
+}
+scrollbar[orient = "horizontal"] {
+  height: 16px !important;
+  margin-top: -16px;
+}
+scrollbar[orient = "vertical"] thumb{
+  border-right: 16px solid rgba(133, 132, 131, 1);
+  width: 16px;
+  min-height: 16px;
+}
+scrollbar[orient = "horizontal"] thumb{
+  border-bottom: 16px solid rgba(133, 132, 131, 1);
+  min-width: 16px !important;
+}
+scrollbar:hover {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+scrollbar:hover thumb{ opacity: 1; }
+scrollbar:hover thumb{ border-image: none !important; }
+
+select > scrollbar,
+select > scrollbar > thumb{
+  -moz-appearance: initial !important;
+  -moz-margin-start: 0px !important
+}
--- a/chrome/deprecated/passive_tab_audio_label.css
+++ b/chrome/deprecated/passive_tab_audio_label.css
@@ -0,0 +1,6 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/passive_tab_audio_label.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* For proton theme. Makes the audio "playing"/"muted" label not toggle muted state. The audio icon will still do so of course, but clicking the label will be just like clicking the tab itself. */
+.tab-icon-sound{ pointer-events: none }
+.tab-icon-sound > image{ pointer-events: auto }