userChrome

/* These two symbols allow comments. */

/* @import url("Proton UI Colors userChrome.css"); */

/* Remove following block to access addon puzzle icon. */

#unified-extensions-button, #unified-extensions-button > .toolbarbutton-icon{
width: 0px !important;
padding: 0px !important;
}

#TabsToolbar .private-browsing-indicator-with-label {
  display: none !important;
}

/* These next blocks prevent an irritating icon appearing on a tab with audio playing. */

#alltabs-button { display: none !important; }

.tab-icon-overlay {
  display: none !important;
}
.tab-icon-image {
  opacity: 1 !important;
}

.tab-icon-sound-label {
    display: none !important;
}

.tab-audio-button { display: none !important; }

.tabbrowser-tab {
  &:is([muted], [soundplaying], [activemedia-blocked]) {
    #tabbrowser-tabs[orient="horizontal"] &:not([pinned]) {
      --tab-min-width: revert !important;
    }
  }
}
.tabbrowser-tab {
  &:is([muted], [soundplaying], [activemedia-blocked]) {
    --tab-icon-end-margin: revert !important;
  }
}

/* Prevents audio playing tabs from modifying tab width. */

.tabbrowser-tab {
    &:is([muted], [soundplaying], [activemedia-blocked]) {
        #tabbrowser-tabs[orient="horizontal"] &:not([pinned]) {
            --tab-min-width: unset !important;
            min-width: var(--tab-min-width-pref, var(--tab-min-width)) !important;
        }
    }
}

/* Folowing block is great if you want to unround a lot of things but it still doesn't seem to unround everything. */

/*
{
    border-radius: 0 !important;
}
*/

/* Nova Rounding Adjustments. */

:root {
	--border-radius-xsmall: 1px !important; /* Nova Default: 4px, Proton Default: 2px */
	--border-radius-small: 2px !important; /* Nova Default: 8px, Proton Default: 4px */
	--border-radius-medium: 3px !important; /* Nova Default: 12px, Proton Default: 8px */
	--border-radius-large: 4px !important; /* Proton Default: 16px, [Undefined in Nova] */
	--border-radius-xlarge: 6px !important; /* Nova Default: 24px, [Undefined in Proton] */

	/*
	--tab-border-radius: var(--border-radius-small) !important;

	--button-border-radius: var(--border-radius-small) !important;

	--card-border-radius: var(--border-radius-small) !important;
	--card-border-radius-compact: var(--border-radius-small) !important;
	--card-cover-image-border-radius: var(--border-radius-small) !important;

	--input-text-border-radius: var(--border-radius-small) !important;

	--menuitem-border-radius: var(--border-radius-small) !important;

	--popup-border-radius: var(--border-radius-small) !important;

	--panel-border-radius: var(--border-radius-small) !important;
	--panel-menuitem-border-radius: var(--border-radius-small) !important;
	*/
}

/* Changes tabs to less ugly rounding. */

:root {
  --border-radius-medium: var(--border-radius-small, 4px) !important;
}

/* Changes toolbar items less ugly rounding. */

:root {
  --toolbarbutton-border-radius: 4px !important;
}

/* Hex code color is #5B5B66 for all toolbar icons. Haven't figured out yet how to revert colors to proper ones. Just show up as solid black right now when replacing them is working at all. /*

/* Following two blocks change open sidebar icon on upper left/right toolbar to old icon. Doesn't work as of FF157.0.1. Try single quotes? replace list-style-image: with content: ? */

#sidebar-button {
   list-style-image: url("Toolbar and Searchbar Icons/sidebars.svg") !important;
   color: inherit !important;
   -moz-context-properties: fill, fill-opacity !important;
   fill: var(--toolbarbutton-icon-fill) !important;
}

#sidebar-button:-moz-locale-dir(ltr)[sidebar-positionend] {
   list-style-image: url("Toolbar and Searchbar Icons/sidebars-right.svg") !important;
   color: inherit !important;
   -moz-context-properties: fill, fill-opacity !important;
   fill: var(--toolbarbutton-icon-fill) !important;
}

/* Following block changes favicon of about:addons to old icon. Doesn't work as of FF 157.0.1. */

/*  .urlbarView-favicon[src^="page-icon:about:addons"] {
    box-sizing: border-box !important;
    background: url("About Page Favicons/extension.svg") no-repeat !important;
    width: 16px !important;
    height: 16px !important;
    padding-left: 16px;
} */

/* Stops the private tabs from flashbanging you with the ugly new color gradient every time you type a url and hit enter when private browsing. */
:root[privatebrowsingmode="temporary"] {
   --tabpanel-background-color: #25003E !important;
}

/* Some jank that makes it look like you've restored the old favicon in the upper left of the actual tab on the New Private Tab tab. I liked the old one better. */
.tab-icon-image[src="chrome://browser/skin/privatebrowsing/favicon.svg"] {
	object-position: -200px 200px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle fill='%238000D7' cx='8' cy='8' r='7.5'/%3E%3Cpath fill='%23FFFFFF' d='M13.948 5.886c-1.143-1.501-3.388-1.693-4.785-.409l-.782.718-.765 0-.782-.718c-1.398-1.284-3.642-1.092-4.786.409-.148.585.081 2.745.21 3.085.26 1.372 1.382 2.404 2.726 2.404.671 0 1.279-.268 1.76-.697l.293-.251a1.451 1.451 0 0 1 1.883-.016l.44.364 0-.002a2.622 2.622 0 0 0 1.652.601c1.344 0 2.466-1.032 2.726-2.404.13-.339.367-2.49.21-3.084z'/%3E%3Cpath fill='%238000D7' d='M5.3 6.843c-.558 0-1.054.233-1.374.594a.519.519 0 0 0 0 .678c.32.362.816.594 1.374.594s1.054-.233 1.374-.594a.519.519 0 0 0 0-.678A1.828 1.828 0 0 0 5.3 6.843z'/%3E%3Cpath fill='%238000D7' d='M10.7 6.843c-.558 0-1.054.233-1.374.594a.519.519 0 0 0 0 .678c.32.362.816.594 1.374.594s1.054-.233 1.374-.594a.519.519 0 0 0 0-.678 1.828 1.828 0 0 0-1.374-.594z'/%3E%3C/svg%3E");
}

/* Gets rid of ugly new history icon in autocomplete forms. */
link[href="chrome://global/content/autocomplete-row-item/autocomplete-row-item.css"] + .row-item > .icon {
	display: none !important;
}

/* Removes padding in new bookmarks sidebar above and below the word Bookmarks. Can adjust to desire. Doesn't seem to be necessary anymore as this seems to have been fixed in default build. */


/* #sidebar-search-container {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

#sidebar-panel-header {
  padding-top: 5px !important;
} */

/* Fixes rounding in search bar of Bookmarks sidebar. Second part can be used to define its outline color. */

#input[type="search"] {
	--input-search-border-radius: 4px !important;

	/* &:focus-visible {
		outline-color: gold !important;
	} */
}

/* .urlbar-background,
#searchbar {
  border-radius: 0 !important;
} */

/* Fixes size of magnifying glass in bookmarks searchbar. Doesn't work as of FF 157.0.1. */

/* #input[type="search"] {
  --input-background-icon: url(Toolbar and Search Bar Icons/search-textbox.svg);
  border-radius: var(--input-search-border-radius);
  padding-inline-end: var(--space-xxsmall);
}  */