html:moz-page-nav-button wie bearbeiten

.DeJaVu

about:preferences > html:moz-page-nav-button

Hat jemand ein CSS als Muster für mich, wie ich das verändern kann?

Ich habs eben bei Fuchsfan gesehen in einer seiner Antworten, aber kein CSS dazu gefunden. Ich hoffe, das geht auch ohne shadow.

2002Andreas

Zitat von .DeJaVu

als Muster für mich

Meinst du das so?

CSS

moz-page-nav-button {
 background: red !important;
 color: white !important;
 border-radius: 30px !important;
}

Sollte ich dich/das falsch verstanden haben, dann sorry.

.DeJaVu

Passt schon. Ich bin eben ein paar Beiträge von Fuchsfan durch, da ging es zwar um FirefoxView, aber das Beispiel half mir weiter, deines bestätigt das auch.

Das neue Menü links ist ziemlich lang, auch der Abstand oben ist viel zu groß. Für about:addons habe ich das schon farblich angepasst, brauchte nur etwas Polish für die Nightly.

Für die Nightly ist es in den prefs das hier geworden, ergänzend, ich konnte sogar unter shadow was bewirken:

CSS

@-moz-document url-prefix(about:preferences),
               url-prefix(chrome://browser/content/browser.xhtml)
{
    :root
    {
        --page-nav-margin-block-start: 20px !important;
        --page-space-block-start: 20px !important;
    }

    nav
    {
        overflow-y: visible !important;
    }

    moz-page-nav-button
    {
        margin-bottom: -4px !important
    }

    button
    {
        border-radius: 0 !important;
        color: unset !important;
        background-color: unset !important;
    }

    button {
        &[selected] {
            background-color: rgba(29, 29, 255, 0.63) !important;
        }
    }

    button {
        &[selected] {
            &::before {
                background-color: unset !important;
            }
        }
    }
}

Alles anzeigen

Glich noch für v152 testen, wenn "Die Noobs" zu Ende ist.

#Braucht noch etwas Feinschliff wie hover und mehr Farbe, aber es klappt, danke euch.

.DeJaVu

Ich hab da was für euch, was sich seit der Anfrage hier ergeben hat.

Vorab - ich nutze das dunkle Thema, mit dem hellen Theme dürfte das eine oder andere nicht sonderlich toll zu sehen sein.

about_prefs.css

CSS

@-moz-document url-prefix(about:preferences),
               url-prefix(chrome://browser/content/browser.xhtml)
{
    :root
    {
        --page-nav-margin-block-start: 20px !important;
        --page-space-block-start: 20px !important;
    }

    nav
    {
        overflow-y: visible !important;
    }

    /* Kategorien */

    /*moz-page-nav-button#category-general
    {
        /invisible/
    }*/

    moz-page-nav-button#category-sync
    {
        color: rgb(84, 135, 231) !important;
    }

    moz-page-nav-button#category-home
    {
        color: rgb(0, 100, 200) !important;
    }

    moz-page-nav-button#category-search
    {
        color: rgb(64, 224, 208) !important;
    }

    moz-page-nav-button#category-privacy
    {
        color: rgb(144, 238, 144) !important;
    }

    moz-page-nav-button#category-passwords-autofill
    {
        color: rgb(50, 205, 50) !important;
    }

    moz-page-nav-button#category-appearance
    {
        color: rgb(152, 251, 152) !important;
    }

    moz-page-nav-button#category-downloads
    {
        color: rgb(255, 255, 0) !important;
    }

    moz-page-nav-button#category-tabs-browsing
    {
        color: rgb(255, 215, 0) !important;
    }

    moz-page-nav-button#category-accessibility
    {
        color: rgb(255, 165, 0) !important;
    }

    moz-page-nav-button#category-languages
    {
        color: rgb(255, 127, 80) !important;
    }

    moz-page-nav-button#category-ai-features
    {
        color: rgb(255, 192, 203) !important;
    }

    moz-page-nav-button#category-permissions-data
    {
        color: rgb(255, 105, 180) !important;
    }

    moz-page-nav-button#category-experimental
    {
        color: rgb(147, 112, 219) !important;
    }

    moz-page-nav-button#category-about-firefox
    {
        color: rgb(220, 208, 255) !important;
    }

    /* buttons allgemein */

    moz-page-nav-button
    {
        margin-bottom: -4px !important
    }

    moz-page-nav-button#addonsButton
    {
	  color: #00b7e1 !important;
	}

    moz-page-nav-button#helpButton
    {
	  color: #d63939 !important;
	}

    /* buttons direkt */

    button:not(.toggle-button)
    {
        border-radius: 0 !important;
        color: inherit !important;
        background-color: unset !important;
    }

    button:hover
    {
      /*background-color: rgba(130, 130, 130, 0.63) !important;*/
      /*background-color: rgba(130, 130, 130, 0.43) !important;*/
        background-color: rgba(78, 78, 78, 0.43) !important;
    }

    button {
        &[selected] {
            background-color: rgba(29, 29, 255, 0.63) !important;
        }
    }

    button {
        &[selected] {
            &::before {
                background-color: unset !important;
            }
        }
    }

    #policies-container-content
    {
        --nav-notice-background-color: rgb(128, 0, 0) !important;
    }

    richlistitem#category-more-from-mozilla,
    #dntRemoval,
    hr#nav-separator
    {
        display: none !important;
    }

    .dialogBox
    {
        min-width: calc(660px) !important;
        min-height: 45em !important;
        max-height: 45em !important;
    }

    #policies-container
    {
        background-color: #c0000080 !important;
    }

    #isNotDefaultPane .message
    {
        margin-left: -40px !important;
    }

    #warningPopupBlocker,
    #warningCard,
    #warningCard *,
    #securityWarningsGroup,
    #securityWarningsGroup *,
    #moz-card-details,
    moz-card-details *,
    moz-radio,
    moz-radio *,
    setting-control,
    setting-control *,
    moz-box-group,
    moz-box-group *
    {
        --box-padding: 10px !important;
        --box-border: 0 !important;
        --box-group-border: 0 !important;
        --box-group-border-radius-inner: 0 !important;
        --box-border-radius: 0 !important;
        --box-border-width: 0 !important;
        --box-border-radius-inner: 0 !important;
        --box-border-radius-start: 0 !important;

        --card-border-radius: 0 !important;
        --card-border-width: 0 !important;
        --card-border: 0 !important;
        --card-padding: 10px !important;

        --promo-border: 0 !important;
        --promo-border-width: 0 !important;
        --promo-border-radius: 0 !important;

        border: none !important;
        border-radius: 0 !important;
    }

    .dialogBox
    {
        min-width:  700px !important;
        min-height: 55em !important;
        max-height: 55em !important;
    }

    .button-background {
        button:focus-visible > & {
            outline: none !important;
            outline-offset: 0 !important;
        }
    }

}

Alles anzeigen

addons_manager_alternative_appearance.css (das von Aris) - da ist es reingewandert, könnte sich aber auch in ein about**.css

wandeln

CSS

/* Firefox userContent.css tweaks *******************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


@-moz-document url-prefix(about:addons),
	url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
	url-prefix(chrome://mozapps/content/extensions/aboutaddons.xhtml) {
				
                
	:root {
	  --in-content-category-text-hover: HighlightText !important;
	  --in-content-category-background-hover: Highlight !important;
	  --in-content-category-text-selected: black !important;
	  --in-content-category-background-selected: white !important;
	  --section-width: unset !important;
	  --main-margin-start: unset !important;
	  --in-content-page-background: linear-gradient(to bottom right, #f5f5f5,-moz-Dialog,#f5f5f5,-moz-Dialog) !important;

      --page-nav-margin-block-start: 20px !important;
      --page-space-block-start: 20px !important;
    }
	
	@media (max-width: 830px) {
	
	 :root {
	  --section-width: 100% !important;
	  --in-content-sidebar-width: 49px !important;
	  --main-margin-start: 0px !important;
	 }
	
	}
	
	#categories .category:hover {
	  color: var(--in-content-category-text-hover) !important;
	  background-color: var(--in-content-category-background-hover) !important;
	}

	#categories .category[selected],
	#categories .category.selected,
	#categories .category[selected]:hover,
	#categories .category.selected:hover,
	#categories .category[selected]:hover:active,
	#categories .category.selected:hover:active {
	  color: var(--in-content-category-text-selected) !important;
	  background-color: var(--in-content-category-background-selected) !important;
	}

	.category {
	  margin-inline-start: 0px !important;
	  transition: none !important;
	}
	
	/* dimensions / positioning */
	#addons-page .main-content{
	  padding: 0 !important;
	  margin: 0 !important;
	}

	#addons-page #header-search{
	  min-height: unset !important;
	}

	#addons-page #header-search .textbox-input-box{
	  height: 18px !important;
	}

	#addons-page #addon-list {
	  margin-inline-start: -1px !important;
	}

	#addons-page:not(.inSidebar):not([aios-inSidebar="true"]) .view-pane > .list > scrollbox {
	  padding-right: 0 !important;
	  padding-left: 0 !important;
	}

	#addons-page #detail-view,
	#addons-page #userstyle-sorting,
	#addons-page .global-warning-container,
	#addons-page .global-info-container{
	  margin-inline-start: 0px !important;
	  margin-inline-end: 1px !important;
	}

	#addons-page .detail-view-container {
	  margin-inline-start: 10px !important;
	}

	#addons-page #view-port{
	  margin-inline-end: 4px !important;
	}

	#addons-page #header{
	  padding: 2px 0 !important;
	  margin: 0 !important;
	}
	
	/* tweaks for small windows */
	@media (max-width: 830px) {
	  
	  .category
      {
		padding-inline-start: 10px !important;
		margin-inline-end: 0px !important;
	  }

	  .main-content {
		padding-left: 28px !important;
		padding-right: 28px !important;
	  }

	}
	
	/* colorize category icons */

    /*v154*/
    
    moz-page-nav[data-l10n-id="aboutaddons-sidebar"]
    {
        margin-inline-start: 20px !important;
    }

    moz-page-nav-button
    {
        transform: scale(120%) !important;
        margin-left: 15px !important;
        width: 205px !important;
        margin-bottom: 3px !important;
    }

    moz-page-nav-button#category-discover
    {
	  color: #8b8b8b !important;
	}

    moz-page-nav-button#category-extension
    {
	  color: #63c54f !important;
      margin-top: 4px !important;
	}

    moz-page-nav-button#category-theme
    {
	  color: #ffba2f !important;
	}

    moz-page-nav-button#category-plugin
    {
	  color: #0064ff !important;
	}

    moz-page-nav-button#category-dictionary
    {
	  color: purple !important;
	}

    moz-page-nav-button#category-locale
    {
	  color: #e9ff7b !important;
	}

    moz-page-nav-button#category-sitepermission
    {
	  color: #ff7bf1 !important;
	}

    moz-page-nav-button#category-mlmodel
    {
	  color: red !important;
	}

    moz-page-nav-button#category-available-updates
    {
	  color: #00ffb7 !important;
	}

    moz-page-nav-button#category-recent-updates
    {
	  color: #b99c16 !important;
	}

    moz-page-nav-button#category-search
    {
	  color: #8aa8cc !important;
	}

    moz-page-nav-button#category-legacy
    {
	  color: red !important;
	}

    moz-page-nav-button#preferencesButton
    {
	  color: #00b7e1 !important;
	}

    moz-page-nav-button[support-page="addons-help"]
    {
	  color: #d63939 !important;
	}

    moz-page-nav-button#preferencesButton,
    moz-page-nav-button[support-page="addons-help"]
    {
        transform: scale(100%) !important;
        margin-left: unset !important;

	}

    button {
    &[selected] {
        color: unset !important;
        }
    }

    /***/

	#categories .category[name="discover"]
    {
	  fill: #8b8b8b !important;
	  color: #8b8b8b !important;
	}

	#categories .category[name="extension"]
    {
	  fill: #63c54f !important;
	  color: #63c54f !important;
	}

	#categories .category[name="theme"]
    {
	  fill: #ffba2f !important;
	  color: #ffba2f !important;
	}

	#categories .category[name="plugin"]
    {
	  fill: #0064ff !important;
	  color: #0064ff !important;
	}

	#categories .category[name="dictionary"]
    {
	  fill: purple !important;
	  color: purple !important;
	}

	#categories .category[name="locale"]
    {
	  fill: #e9ff7b !important;
	  color: #e9ff7b !important;
	}

	#categories .category[name="sitepermission"]
    {
	  fill: #ff7bf1 !important;
	  color: #ff7bf1 !important;
	}

	#categories .category[name="mlmodel"]
    {
	  fill: red !important;
	  color: red !important;
	}

	#categories .category[name="available-updates"]
    {
	  fill: orange !important;
	  color: orange !important;
	}

	#categories .category[name="recent-updates"]
    {
	  fill: #b99c16 !important;
	  color: #b99c16 !important;
	}

	#categories .category[name="search"]
    {
	  fill: #8aa8cc !important;
	  color: #8aa8cc !important;
	}

	#categories .category[name="legacy"]
    {
	  fill: #eee !important;
	  color: #eee !important;
	}

	.sidebar-footer-list #preferencesButton
    {
	  fill: #00b7e1 !important;
	  color: #00b7e1 !important;
	}

	.sidebar-footer-list #help-button
    {
	  fill: #d63939 !important;
	  color: #d63939 !important;
	}

	.category:not([selected="true"]):hover .category-icon {
	  filter: brightness(2.00) !important;
	}

	.category[name]:not([selected]):hover,
	#category-discover:not([selected="true"]):hover .category-icon,
	#category-theme:not([selected="true"]):hover .category-icon{
	  filter: brightness(1.5) !important;
	}

	#category-plugin:not([selected="true"]):hover .category-icon{
	  filter: brightness(2.25) !important;
	}

	#heading,
	#list-view-heading {
	  margin-top: unset !important;
	  margin-bottom: unset !important;
	  margin-inline-start: unset !important;
	  min-width: 100% !important;
	  margin-top: -26px !important;
	}

	#heading .header-name,
	#list-view-heading .header-name {
	  font-size: inherit !important;
	  font-weight: unset !important;
	}

	#nav-header {
	  min-height: unset !important;
	}

	#header-utils-btn {
	  min-height: 26px !important;
	  min-width: 50px !important;
	  -moz-box-ordinal-group: 0 !important;
	  order: -1 !important;
	}

	#header-inner {
	  margin: unset !important;
	  width: calc(100vw - 246px) !important;
	}

	/* tweaks for small windows */
	@media (max-width: 830px) {

		#header-inner {
		  margin: unset !important;
		  width: calc(100vw - 120px) !important;
		}

		#heading #updates-container {
		  display: none !important;
		}

	}

	#list-view-heading-name {
	  visibility: hidden !important;
	}

	#show-all-extensions,
	#heading-name,
	#header-inner #search-label{
	  display: none !important;
	}

	#header-search {
	  padding: 0px 0px !important;
	  min-width: 200px !important;
	  width: unset !important;
	}

	#header-search .textbox-input {
	  font-size: 0.96em !important;
	}

	#header-inner button,
	#header-inner button .button-box {
	  margin: 0 !important;
	  padding: 0 !important;
	}

	#heading .heading-inner {
	  margin-inline-start: 0 !important;	
	}

	.message-bar {
	  background-color: white !important;
	}

	.addon {
	  padding-top: 7px !important;
	  padding-bottom: 7px !important;
	}

	addon-card:not([expanded]) .addon.card {
	  max-width: unset !important;
	  padding-inline-end: 2px !important;
	}

	.list-view-heading-inner {
	  -moz-box-flex: 1 !important;
	  display: flex !important;
	  width: unset !important;
	}

	.list > .addon {
	  margin: unset !important;
	}

	.list > .addon,
	.list > .addon:hover {
	  box-shadow: unset !important;
	  border-bottom: 1px solid var(--in-content-box-border-color) !important;
	}

	.sidebar-footer-button .text-link {
	  margin-inline-start: 0 !important;
	}

	#detail-view .card {
	  box-shadow: unset !important;
	}

	#detail-view .detail-view-container {
	  width: calc(100vw - 300px) !important;
	}

	#detail-view .detail-view-wrapper > spacer {
	  display: none !important;
	}

	#detail-icon {
	  min-width: 32px !important;
	  min-height: 32px !important;
	  max-width: 32px !important;
	  max-height: 32px !important;
	}

	body > div#full {
	  margin-inline-start: -1px !important;
	  /*margin-inline-end: 10px !important;*/
	  /*padding-inline-end: 12px !important;*/
	  /*margin-bottom: 4px !important;*/
	  max-width: unset !important;
	  box-shadow: unset !important;
	  border: 0 !important;
	  border-radius: 0 !important;
	  background: linear-gradient(to bottom right, #f5f5f5,-moz-Dialog,#f5f5f5,-moz-Dialog) !important;
	  
	}

	@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
		
	  :root{
		--in-content-page-background: rgb(28,27,34) !important;
	  }
		
	  body > div#full {
		background: rgb(28,27,34) !important;
	  }
		
	}
	
	.addon.card {
	  box-shadow: unset !important;
	  margin-bottom: 1px !important;
	  border-radius: 0 !important;
	}

	addon-card:not([expanded]) > .addon.card {
	  border: 0 !important;
	}
	
	addon-card:not([expanded="true"]) .addon.card:hover {
	  background: Highlight !important;
	  box-shadow: unset !important;
	}

	addon-card:not([expanded="true"]) .addon.card:hover .card-contents :is(div,span,.addon-name-link) {
	  color: HighlightText !important;
	}

	/* remove headers like 'Enabled'/'Disabled' */
	.list-section-heading {
	  display: none !important;
	}

	/* reduce opacity for disabled add-ons */
	section.extension-disabled-section .addon.card[active="false"] *
    {
	  color: grey !important;
	  transition: unset !important;
	}
	
	addon-card:not([expanded]) > .addon.card[active] {
	  color: inherit !important;
	  opacity: 1.0 !important;
	  transition: unset !important;
	}
	
	addon-card[expanded] .addon-name[data-l10n-id="addon-name-disabled"] {
	  color: dimgray !important;
	}
	
	@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
		addon-card:not([expanded]) > .addon.card:not([active="false"]),
		addon-card:not([expanded]) > .addon.card[active="false"],
		addon-card:not([expanded])[panelopen] > .addon.card[active="false"],
		addon-card:not([expanded]) > .addon.card[active="false"]:focus-within,
		addon-card:not([expanded]) > .addon.card[active="false"]:hover {
		  color: lightgrey !important;
		}
		
		addon-card[expanded] .addon-name[data-l10n-id="addon-name-disabled"] {
		  color: lightgrey !important;
		}
	
	}
	
	/* remove advertising other add-ons */
	recommended-themes-section,
	recommended-extensions-section {
	  display: none !important;
	}
	
	addon-list message-bar-stack.pending-uninstall {
	  margin-bottom: 0px !important;
	}

	#addons-page .main-content{
	  margin-inline-start: -1px !important;
	}

	.main-heading,
	.main-search {
	  max-width: unset !important;
	  padding-inline-start: unset !important;
	  padding-top: unset !important;
	  padding-bottom: unset !important;
	  margin-inline-start: 0px !important;
	}

	.sticky-container {
	  background: #f9f9fa !important;
	  z-index: 1000 !important;
	}

	.main-search {
	  margin-top: 1px !important;
	}

	.main-heading {
	  margin-top: -26px !important;
	}

	.main-heading .header-name,
	.main-heading .spacer,
	.main-search .search-label	{
	  display: none !important;
	}

	.main-search search-textbox {
	  min-height: unset !important;
	  width: unset !important;
	  font-size: 12px !important;
	}

	.main-heading .back-button,
	.page-options-menu > .more-options-button {
	  margin: 3px 0.5px 2px 0.5px !important;
	  min-width: unset !important;
	  width: 58px !important;
	  min-height: unset !important;
	  height: 22px !important;
	}

	addon-page-options panel-list {
	  z-index: 1000 !important;
	}

	.main-heading .page-options-menu {
	  order: -1;
	}

	button[data-l10n-id="addon-updates-manual-updates-found"] {
	  min-height: 0 !important;
	  padding: 0 !important;
	}

	.card-heading-image {
	  margin: unset !important;
	}

	.category {
	  margin-inline-end: -4px !important;
	}

	.sidebar-footer-list {
	  margin-inline: 0px !important;
	}

	.sidebar-footer-list #preferencesButton:hover,
	.sidebar-footer-list #help-button:hover {
	  color: var(--in-content-category-text-hover) !important;
	  background-color: var(--in-content-category-background-hover) !important;
	}

	/*.sidebar-footer-icon {
	  fill: unset !important;
	}*/

	.addon-badge {
	  width: 16px !important;
	  height: 16px !important;
	}

	/* hide 'Colorways' info */
	section[section="2"] :is(h2,h3),
	h2[data-l10n-id="theme-monochromatic-heading"],
	h3[data-l10n-id="theme-monochromatic-subheading"]{
	  display: none !important;
	}

	.monochromatic-addon-list addon-card .card {
	  width: 350px !important;
	  box-sizing: inherit !important;
	}

	addon-list[type="theme"].monochromatic-addon-list .card-heading-image {
	  max-width: 335px !important;
	}

	.monochromatic-addon-list .addon-name-container .spacer,
	.monochromatic-addon-list .addon-name-container {
	  display: flex !important;
	}

	.colorways-section {
	  display: none !important;
	}

	colorways-card .addon.card {
	  max-width: unset !important;
	  padding-inline-end: 0px !important;
	}

	colorways-card .card-heading-image {
	  max-width: 335px !important;
	}

	#colorways-preview-text-container {
	  position: unset !important;
	  display: unset !important;
	  width: unset !important;
	  height: unset !important;
	  margin: unset !important;
	}

	/* fix Firefox bug */	
	#addon-inline-options {
	  height: 2000px !important;
	  min-height: unset !important;
	  max-height: unset !important;
	  overflow-y: auto !important;
	}

	.inline-options-stack {
	  height: unset !important;
	  min-height: calc(100vh - 200px) !important;
	  max-height: calc(100vh - 200px) !important;
	  overflow-y: auto !important;
	}

}

Alles anzeigen

Den Farbverlauf für 14 Farben hab ich mir von Mistral erstellen lassen, weil faul , eine manuelle Änderung für Sync.

Code

| Nr. | Farbe | RGB-Wert |
| --- | --- | --- |
| 1 | Dunkelblau | rgb(25, 25, 112)
| 2 | Blau | rgb(0, 100, 200)
| 3 | Türkis | rgb(64, 224, 208)
| 4 | Hellgrün | rgb(144, 238, 144)
| 5 | Limette | rgb(50, 205, 50)
| 6 | Gelbgrün | rgb(152, 251, 152)
| 7 | Gelb | rgb(255, 255, 0)
| 8 | Gold | rgb(255, 215, 0)
| 9 | Orange | rgb(255, 165, 0)
| 10 | Koralle | rgb(255, 127, 80)
| 11 | Rosa | rgb(255, 192, 203)
| 12 | Pink | rgb(255, 105, 180)
| 13 | Violett | rgb(147, 112, 219)
| 14 | Lavendel | rgb(220, 208, 255)

Alles anzeigen

Bin auch für "nova" dran, da will ich für mich einiges auf einen "alten" Stand ändern, allein der Rahmen im Browser ist nicht meins.

nova_browser.css

CSS

@media -moz-pref("browser.nova.enabled")
{
    :root[theme-image-in-toolbox] #navigator-toolbox
    {
        background-image: none !important;
    }

    #browser
    {
        padding: 0 !important;
        margin: 0 !important;
        gap: 0 !important;
    }

    #tabbrowser-tabpanels > :not(.split-view-panel) .browserContainer
    {
        border-radius: 0 !important;
        border: 0 !important;
    }

    #navigator-toolbox
    {
        margin-block-start: 0 !important;
        margin-block-end: 0 !important;
        margin-inline: 0 !important;
    }

    .chrome-block
    {
        border-radius: 0 !important;
        border: 0 !important;
    }

    #TabsToolbar
    {
        background-color: #1C1B22 !important;
    }

}

Alles anzeigen

nova_urlbar.css

CSS

@media -moz-pref("browser.nova.enabled")
{
    :root
    {
        --urlbarview-border-radius: 4px !important;
    }

    .urlbar, #searchbar
    {
        --urlbar-background-background-color: #1E1D24 !important;
        --urlbar-background-background-color-focused: #42414D !important;
        --urlbar-input-container-border: 0 !important;
    }

}

Alles anzeigen

Ich sollte dazu schreiben, dass die Elemente von "nova" bestehende Elemente aus "proton" (wurden zu der Zeit erstellt) ergänzen oder verändern. Wenn ich umschalte, dann sind jene auch noch aktiv.

Sollte "nova" "only" werden ohne Fallback, dann dürfte sich das insgesamt vereinigen.

Mitleser

Zitat von .DeJaVu

allein der Rahmen im Browser ist nicht meins

Evtl. kannst du hiervon 'was brauchen:

CSS

/*■■ NOVA ohne äußeren Rahmen  ■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media -moz-pref('browser.nova.enabled') {
    :root {
        --chrome-content-separator-color: unset !important;
        --chrome-window-gap: 0px !important;
    }

    #browser {
        padding: 0 !important;
        border-radius: 0 !important;
    }

    #navigator-toolbox {
        margin: 0 !important;
        border-radius: 0 !important;
    }

    #tabbrowser-tabbox {
        border-radius: 0 !important;
    }
}

Alles anzeigen

.DeJaVu

Danke dir, muss ich mal bei Gelegenheit austesten. radius=0 gibt es hier allerdings nicht, also nichts Eckiges, aber maximal 4px.

CSS

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

#input
{
    --border-radius-medium: 4px !important;
    --button-border-radius: 4px !important;
}

Alles anzeigen

"Bisschen" rund darf es schon sein, aber keine 8px oder mehr, wie Firefox es bei Nova gerne haben möchte. Dahingehend ist das einigen Nutzern schon zu rund. "Eckig" bzw radius=0 gibt es hier schon seit Jahren nicht mehr, wobei - Tabs sind fast die einzige Ausnahme hier, guckst du (die Leiste oben in den Tabs ist leicht abgeschrägt). Sieht übrigens auch unter "Nova" so aus - bleibt hoffentlich so

PS ich danke jedem, der hier schreibt, jeder bekommt das Sternchen