Topic: Finestra di stampa "violetta"

[grillaio]

Cari amici,
Ho già letto i topic su come disabilitare il Tema Nova.
Nel mio caso, però, quello che dispiace non è il tema in sé, ma il fatto che, nella finestra di stampa, mi ritrovi tutti i pulsanti con un "bel" colore violetto (che non piace, e che non uso in nessun altro elemento delle mie interfacce sul PC).

Sapete dirmi cosa è successo e se c'è una soluzione?

Grazie.

[next]

Secondo me hanno assunto qualche ex designer di Yahoo
Battuta a parte, posso solo confermare. La finestra di stampa mantiene l'accento viola qualsiasi sia la combinazione di colori scelta come tema. Ma se ci fai caso è lo stesso accade nelle Impostazioni.

[bobo779256]

Pare dipenda da come è impostato il sistema operativo, dal suo tema

Ho però fatto varie prove cambiando temi e colori e non cambia mai, il lavanda non si sradica

Solo se si imposta "Contrasto elevato", almeno in Win10

[michro]

Secondo me hanno assunto qualche ex designer di Yahoo

…prova col tema scuro… Non puoi sbagliare pulsanti, quel viola spara più di un kalashnikov

[Zigul]

Se può servire, con l'aiuto di ChatGPT, ho preparato i classici 2 file di personalizzazione (userChrome.css e userContent.css) in modo da sostituire in tutta l'interfaccia di Firefox (non solo nella finestra di stampa) il viola/lilla con gradazioni di giallo. L'utilità non è tanto avere il giallo, ma che quei 2 file possono impostare la palette del vostro colore preferito semplicemente chiedendo ad un'AI di modificare i codici dei colori (come ha fatto subito ChatGPT; il lavoro "lungo" è stato individuare tutti gli elementi da modificare, perché il codice è volutamente ridondante: prima vengono alterati i token dei colori, poi, per sicurezza, anche le variabili).
I due files vanno incollati nella cartella "chrome", da creare in quella del profilo e ad ogni modifica dei file Firefox va riavviato.
Testato sulla 157.0.1:



userChrome.css

Codice: [Seleziona]

/* ================================================================
   FIREFOX NOVA UI
   Purple / Violet / Lilac -> Yellow
   ================================================================ */

/* ============================================================
   NOVA FOUNDATION TOKENS — replace violet
   ============================================================ */


:root.nova-tokens {
  --color-violet-desaturated-0:  #f9f5e6;
  --color-violet-desaturated-10: #fde8b5;
  --color-violet-desaturated-20: #fbcc77;
  --color-violet-desaturated-30: #fbcc77;
  --color-violet-desaturated-40: #db820e;
  --color-violet-desaturated-50: #f3a81e;
  --color-violet-desaturated-60: #b26100;
  --color-violet-desaturated-70: #854800;
  --color-violet-desaturated-80: #5f3100;
  --color-violet-desaturated-90: #3e1d00;
}

:root,
:root * {

    /* ============================================================
       PURPLE PALETTE -> YELLOW PALETTE
       ============================================================ */

    --color-purple-0:  #f9f5e6 !important;
    --color-purple-10: #fde8b5 !important;
    --color-purple-20: #fbcc77 !important;
    --color-purple-30: #f3a81e !important;
    --color-purple-40: #db820e !important;
    --color-purple-50: #b26100 !important;
    --color-purple-60: #854800 !important;
    --color-purple-70: #5f3100 !important;
    --color-purple-80: #3e1d00 !important;
    --color-purple-90: #270f00 !important;


    /* ============================================================
       VIOLET PALETTE -> YELLOW PALETTE
       ============================================================ */

    --color-violet-0:  #f9f5e6 !important;
    --color-violet-10: #fde8b5 !important;
    --color-violet-20: #fbcc77 !important;
    --color-violet-30: #f3a81e !important;
    --color-violet-40: #db820e !important;
    --color-violet-50: #b26100 !important;
    --color-violet-60: #854800 !important;
    --color-violet-70: #5f3100 !important;
    --color-violet-80: #3e1d00 !important;
    --color-violet-90: #270f00 !important;

    --color-violet-desaturated-0:  #f9f5e6 !important;
    --color-violet-desaturated-10: #fde8b5 !important;
    --color-violet-desaturated-20: #fbcc77 !important;
    --color-violet-desaturated-30: #f3a81e !important;
    --color-violet-desaturated-40: #db820e !important;
    --color-violet-desaturated-50: #b26100 !important;
    --color-violet-desaturated-60: #854800 !important;
    --color-violet-desaturated-70: #5f3100 !important;
    --color-violet-desaturated-80: #3e1d00 !important;
    --color-violet-desaturated-90: #270f00 !important;


    /* ============================================================
       MAIN ACCENT
       ============================================================ */

--color-accent-primary: light-dark(#f3a81e, #fbcc77) !important;
--color-accent-primary-hover: light-dark(#db820e, #fde8b5) !important;
--color-accent-primary-active: light-dark(#b26100, #fde8b5) !important;
--color-accent-primary-selected: light-dark(#b26100, #fde8b5) !important;


    /* ============================================================
       GENERAL UI
       ============================================================ */

    --background-color-information:
        light-dark(#fde8b5, #5f3100) !important;

    --border-color-selected:
        light-dark(#b26100, #f3a81e) !important;


    /* ============================================================
       BUTTONS
       ============================================================ */

    --button-background-color-active:
        light-dark(#f3a81e, #db820e) !important;

    --button-background-color-ghost-active:
        light-dark(#f3a81e, #db820e) !important;

    --button-background-color-ghost-hover:
        light-dark(#fbcc77, #854800) !important;

    --button-background-color-ghost-selected:
        light-dark(#f3a81e, #db820e) !important;

    --button-background-color-hover:
        light-dark(#fbcc77, #854800) !important;

    --button-background-color-menu-active:
        light-dark(#f3a81e, #db820e) !important;

    --button-background-color-menu-hover:
        light-dark(#fbcc77, #854800) !important;

    --button-background-color-menu-selected:
        light-dark(#f3a81e, #db820e) !important;

    --button-background-color-primary-disabled:
        light-dark(#854800, #db820e) !important;

    --button-background-color-selected:
        light-dark(#f3a81e, #db820e) !important;

    --button-background-color-toolbar-selected:
        light-dark(#f3a81e, #db820e) !important;


    /* Borders */

    --button-border:
        1px solid light-dark(#b26100, #f3a81e) !important;

    --button-border-color:
        light-dark(#b26100, #f3a81e) !important;

    --button-border-color-active:
        light-dark(#b26100, #f3a81e) !important;

    --button-border-color-disabled:
        light-dark(#b26100, #f3a81e) !important;

    --button-border-color-hover:
        light-dark(#b26100, #f3a81e) !important;

    --button-border-color-selected:
        light-dark(#b26100, #f3a81e) !important;

    --button-border-color-toolbar-disabled:
        light-dark(#b26100, #f3a81e) !important;

    --button-split-separator-background-color:
        light-dark(#b26100, #f3a81e) !important;


    /* ============================================================
       CARDS
       ============================================================ */

    --card-focus-outline:
        2px solid light-dark(#b26100, #f3a81e) !important;

    --card-header-background-color-active:
        light-dark(#f3a81e, #db820e) !important;

    --card-header-background-color-hover:
        light-dark(#fbcc77, #854800) !important;


    /* ============================================================
       DOWNLOADS / FOCUS
       ============================================================ */

    --download-progress-fill-color:
        light-dark(#b26100, #f3a81e) !important;

    --focus-outline:
        2px solid light-dark(#b26100, #f3a81e) !important;

    --focus-outline-color:
        light-dark(#b26100, #f3a81e) !important;


    /* ============================================================
       LINKS
       ============================================================ */

    --link-color:
        light-dark(#b26100, #f3a81e) !important;

    --link-color-active:
        light-dark(#5f3100, #fde8b5) !important;

    --link-color-hover:
        light-dark(#854800, #fbcc77) !important;

    --link-color-visited:
        light-dark(#b26100, #f3a81e) !important;


    /* ============================================================
       ICONS
       ============================================================ */

    --icon-color-accent-primary-desaturated:
        light-dark(#854800, #db820e) !important;

    --icon-color-information:
        light-dark(#b26100, #fbcc77) !important;


    /* ============================================================
       INFORMATION BAR
       ============================================================ */

    --info-bar-border-color:
        light-dark(#fbcc77, #3f3e42) !important;


    /* ============================================================
       PANELS
       ============================================================ */

    --panel-banner-item-active-bgcolor:
        light-dark(#f3a81e, #db820e) !important;

    --panel-banner-item-hover-bgcolor:
        light-dark(#fbcc77, #854800) !important;

    --panel-icon-fill:
        light-dark(#854800, #fde8b5) !important;


    /* ============================================================
       PANEL DECORATIVE GRADIENT
       Purple -> Yellow
       ============================================================ */

    --panel-separator-zap-gradient:
        linear-gradient(
            90deg,
            #db820e 0%,
            #f3a81e 52.08%,
            #ffbd4f 100%
        ) !important;


    /* ============================================================
       PROMO UI
       ============================================================ */

    --promo-background-color-vibrant:
        light-dark(#fde8b5, #5f3100) !important;

    --promo-message-text-color-vibrant:
        light-dark(#3e1d00, #f9f5e6) !important;


    /* ============================================================
       SIDEBAR
       ============================================================ */

    --sidebar-divider-color:
        light-dark(#854800, #fde8b5) !important;

    --sidebar-divider-image:
        radial-gradient(
            circle closest-side,
            light-dark(#854800, #fde8b5) 100%,
            transparent 100%
        ),
        radial-gradient(
            circle closest-side,
            light-dark(#854800, #fde8b5) 100%,
            transparent 100%
        ),
        linear-gradient(
            light-dark(#854800, #fde8b5),
            light-dark(#854800, #fde8b5)
        ) !important;


    /* ============================================================
       TABS
       ============================================================ */

    --tab-background-color-hover:
        light-dark(
            rgba(178, 97, 0, 0.25),
            rgba(243, 168, 30, 0.25)
        ) !important;

    --tab-border-color-accent:
        linear-gradient(
            96deg,
            #f3a81e 20.68%,
            #ff9565 79.34%
        ) !important;

    --tab-border-color-selected-leading:
        #f3a81e !important;

    --tab-dragover-outline-color:
        light-dark(#b26100, #f3a81e) !important;

    --tab-loading-fill:
        light-dark(#b26100, #f3a81e) !important;


    /* ============================================================
       PURPLE TAB GROUP
       ============================================================ */

    --tab-group-purple:
        light-dark(#b26100, #f3a81e) !important;

    --tab-group-purple-hover:
        light-dark(#854800, #db820e) !important;

    --tab-group-purple-invert:
        light-dark(#fde8b5, #b26100) !important;

    --tab-group-purple-text:
        light-dark(#ffffff, #270f00) !important;

    --tab-group-purple-text-invert:
        light-dark(#854800, #ffffff) !important;


    /* ============================================================
       TABLES
       ============================================================ */

    --table-header-background-color:
        light-dark(#b26100, #f3a81e) !important;


    /* ============================================================
       TOOLBAR
       ============================================================ */

    --toolbar-field-border-color-focus:
        light-dark(#b26100, #f3a81e) !important;

    --toolbar-field-text-color:
        light-dark(#5f3100, #fde8b5) !important;

    --toolbar-field-text-color-focus:
        light-dark(#5f3100, #fde8b5) !important;

    --toolbarbutton-icon-fill:
        light-dark(#854800, #fde8b5) !important;

    --toolbarbutton-icon-fill-attention:
        light-dark(#b26100, #f3a81e) !important;


    /* ============================================================
       TOOLBOX
       ============================================================ */

    --toolbox-background-color-gradient-leading:
        light-dark(#fde8b5, #5f3100) !important;

    --toolbox-background-gradient:
        linear-gradient(
            96deg,
            color-mix(
                light-dark(#fde8b5, #5f3100) 50%,
                transparent
            ) 39.84%,
            color-mix(
                light-dark(#ffdbc5, #701c07) 50%,
                transparent
            ) 101.72%
        ) !important;

    --toolbox-background-image:
        linear-gradient(
            96deg,
            color-mix(
                light-dark(#fde8b5, #5f3100) 50%,
                transparent
            ) 39.84%,
            color-mix(
                light-dark(#ffdbc5, #701c07) 50%,
                transparent
            ) 101.72%
        ) !important;


    /* ============================================================
       TRUST PANEL
       ============================================================ */

    --trustpanel-highlight-bg:
        light-dark(#fde8b5, #5f3100) !important;

    --trustpanel-inner-border:
        1px solid #fbcc77 !important;


    /* ============================================================
       URL BAR
       ============================================================ */

    --urlbar-box-background-color:
        light-dark(
            rgba(178, 97, 0, 0.25),
            rgba(243, 168, 30, 0.25)
        ) !important;

    --urlbar-box-background-color-active:
        light-dark(
            rgba(178, 97, 0, 0.6),
            rgba(243, 168, 30, 0.6)
        ) !important;

    --urlbar-box-background-color-focus:
        light-dark(
            rgba(178, 97, 0, 0.25),
            rgba(243, 168, 30, 0.25)
        ) !important;

    --urlbar-box-background-color-hover:
        light-dark(
            rgba(178, 97, 0, 0.4),
            rgba(243, 168, 30, 0.4)
        ) !important;

    --urlbarView-result-button-hover-background-color:
        color-mix(
            in srgb,
            light-dark(#5f3100, #fde8b5) 60%,
            transparent
        ) !important;

    --urlbarView-result-button-selected-color:
        light-dark(#5f3100, #fde8b5) !important;

    --urlbarview-action-button-background-color:
        light-dark(
            rgba(178, 97, 0, 0.25),
            rgba(243, 168, 30, 0.25)
        ) !important;

    --urlbarview-action-button-background-color-hover:
        light-dark(
            rgba(178, 97, 0, 0.4),
            rgba(243, 168, 30, 0.4)
        ) !important;

    --urlbarview-background-color-hover:
        light-dark(
            rgba(178, 97, 0, 0.25),
            rgba(243, 168, 30, 0.25)
        ) !important;

    --urlbarview-background-color-selected:
        light-dark(
            rgba(178, 97, 0, 0.4),
            rgba(243, 168, 30, 0.4)
        ) !important;

    --urlbarview-text-color-action:
        light-dark(#5f3100, #fde8b5) !important;

    --urlbarview-text-color-secondary:
        light-dark(#5f3100, #fde8b5) !important;

    --urlbarview-text-color-selected:
        light-dark(#5f3100, #fde8b5) !important;
}


/* =================================================================
   SMART WINDOW / ASK BUTTON
   ================================================================= */

:root,
:root * {
accent-color: #f3a81e !important;

    --smartwindow-ask-btn-bg-image-opened-active:
        linear-gradient(
            83deg,
            #b26100 0.73%,
            #f3a81e 98.05%
        ) !important;

    --smartwindow-ask-btn-bg-opened-dark:
        #3e1d00 !important;

    --smartwindow-ask-btn-bg-opened-hover:
        #fbcc77 !important;

    --smartwindow-ask-btn-bg-opened-hover-dark:
        image(
            color-mix(
                in srgb,
                #3e1d00 85%,
                white
            )
        ) !important;

    --smartwindow-ask-btn-bg-opened-hover-image:
        image(
            color-mix(
                in srgb,
                #3e1d00 85%,
                white
            )
        ),
        linear-gradient(
            83deg,
            #b26100 0.73%,
            #f3a81e 98.05%
        ) !important;

    --smartwindow-ask-btn-bg-opened-image:
        image(#3e1d00),
        linear-gradient(
            83deg,
            #b26100 0.73%,
            #f3a81e 98.05%
        ) !important;

    --smartwindow-ask-btn-border-color-active:
        light-dark(#3e1d00, #ffffff) !important;

    --smartwindow-ask-btn-border-color-hover:
        light-dark(#3e1d00, #ffffff) !important;

    --smartwindow-ask-btn-border-color-opened:
        light-dark(#3e1d00, transparent) !important;

    --smartwindow-ask-btn-border-color-opened-hover:
        light-dark(#3e1d00, #ffffff) !important;

    --smartwindow-ask-btn-gradient:
        linear-gradient(
            83deg,
            #b26100 0.73%,
            #f3a81e 98.05%
        ) !important;

    --smartwindow-ask-btn-icon-stroke-color:
        light-dark(#fbcc77, #db820e) !important;

    --smartwindow-ask-btn-text-color:
        light-dark(#3e1d00, #ffffff) !important;

    --smartwindow-ask-btn-text-color-active:
        light-dark(#3e1d00, #fde8b5) !important;

    --smartwindow-ask-btn-text-color-hover:
        light-dark(#3e1d00, #ffffff) !important;

    --smartwindow-ask-btn-text-color-opened:
        light-dark(#3e1d00, #fde8b5) !important;

    --smartwindow-ask-btn-text-color-opened-active:
        light-dark(#3e1d00, #ffffff) !important;

    --smartwindow-ask-btn-text-color-opened-hover:
        light-dark(#3e1d00, #fde8b5) !important;

    --smartwindow-toggle-shadow-color:
        light-dark(
            color-mix(in srgb, #854800 20%, transparent),
            color-mix(in srgb, #db820e 20%, transparent)
        ) !important;


    /* Firefox's purple notification gradient */

    --short-notification-gradient:
        #db820e !important;

/* Further changes*/
    --page-nav-button-background-color-active: light-dark(
        #fbcc77,
        #854800
    ) !important;

    --page-nav-button-background-color-hover: light-dark(
        #fde8b5,
        #5f3100
    ) !important;

    --page-nav-button-background-color-selected: light-dark(
        #f3a81e,
        #b26100
    ) !important;
}

moz-page-nav-button {
    filter: hue-rotate(150deg) !important;
}

[Zigul]

userContent.css

Codice: [Seleziona]

/* ============================================================
   Firefox Nova — Purple/Lilac → Yellow
   userContent.css
   ============================================================ */


/* ============================================================
   Firefox Home / New Tab
   Activity Stream's self-contained Nova foundation tokens
   ============================================================ */

:root.nova-tokens {
  --color-violet-0:  #f9f5e6 !important;
  --color-violet-10: #fde8b5 !important;
  --color-violet-20: #fbcc77 !important;
  --color-violet-30: #fbcc77 !important;
  --color-violet-40: #db820e !important;
  --color-violet-50: #f3a81e !important;
  --color-violet-60: #b26100 !important;
  --color-violet-70: #854800 !important;
  --color-violet-80: #5f3100 !important;
  --color-violet-90: #3e1d00 !important;

  --color-violet-desaturated-0:  #f9f5e6 !important;
  --color-violet-desaturated-10: #fde8b5 !important;
  --color-violet-desaturated-20: #fbcc77 !important;
  --color-violet-desaturated-30: #fbcc77 !important;
  --color-violet-desaturated-40: #db820e !important;
  --color-violet-desaturated-50: #f3a81e !important;
  --color-violet-desaturated-60: #b26100 !important;
  --color-violet-desaturated-70: #854800 !important;
  --color-violet-desaturated-80: #5f3100 !important;
  --color-violet-desaturated-90: #3e1d00 !important;
}

   
@-moz-document url-prefix("about:") {

  /* ============================================================
     NOVA FOUNDATION TOKENS — replace remaining violet
     ============================================================ */

:root.nova-tokens {
--color-violet-desaturated-0:  #f9f5e6;
--color-violet-desaturated-10: #fde8b5;
--color-violet-desaturated-20: #fbcc77;
--color-violet-desaturated-30: #fbcc77;
--color-violet-desaturated-40: #db820e;
--color-violet-desaturated-50: #f3a81e;
--color-violet-desaturated-60: #b26100;
--color-violet-desaturated-70: #854800;
--color-violet-desaturated-80: #5f3100;
--color-violet-desaturated-90: #3e1d00;
}

    :root {
        /* Main accent */
        --color-accent-primary: #f3a81e !important;
        --color-accent-primary-hover: #db820e !important;
        --color-accent-primary-active: #b26100 !important;
        --color-accent-primary-selected: #b26100 !important;

        /* Preferences navigation */
        --page-nav-button-background-color-selected: #f3a81e !important;
        --page-nav-button-background-color-hover: #383428 !important;
        --page-nav-button-background-color-active: #fbcc77 !important;

        /* Focus */
        --focus-outline-color: #f3a81e !important;
        --focus-outline: 2px solid #f3a81e !important;

        /* Information/accent colors */
        --icon-color-information: #f3a81e !important;

        /* Links */
        --link-color: #f3a81e !important;
        --link-color-hover: #db820e !important;
        --link-color-active: #b26100 !important;
        --link-color-visited: #f3a81e !important;

        /* Selected borders */
        --border-color-selected: #f3a81e !important;
    }
}
   

@-moz-document url-prefix("about:preferences") {

  /* ============================================================
     NOVA FOUNDATION TOKENS — replace remaining violet
     ============================================================ */

  :root.nova-tokens {
    --color-violet-desaturated-0:  #f9f5e6;
    --color-violet-desaturated-10: #fde8b5;
    --color-violet-desaturated-20: #fbcc77;
    --color-violet-desaturated-30: #fbcc77;
    --color-violet-desaturated-40: #db820e;
    --color-violet-desaturated-50: #f3a81e;
    --color-violet-desaturated-60: #b26100;
    --color-violet-desaturated-70: #854800;
    --color-violet-desaturated-80: #5f3100;
    --color-violet-desaturated-90: #3e1d00;
  }


  :root,
  moz-page-nav,
  moz-page-nav-button {

    /* ========================================================
       NOVA VIOLET PALETTE → YELLOW PALETTE
       ======================================================== */

    --color-violet-0:  #f9f5e6 !important;
    --color-violet-10: #fde8b5 !important;
    --color-violet-20: #fbcc77 !important;
    --color-violet-30: #fbcc77 !important;
    --color-violet-40: #db820e !important;
    --color-violet-50: #f3a81e !important;
    --color-violet-60: #b26100 !important;
    --color-violet-70: #854800 !important;
    --color-violet-80: #5f3100 !important;
    --color-violet-90: #3e1d00 !important;


    /* ========================================================
       DESATURATED VIOLET → YELLOW

       These values are used by buttons, cards and secondary
       UI states.
       ======================================================== */

    --color-violet-desaturated-0:  #f9f5e6 !important;
    --color-violet-desaturated-10: #fde8b5 !important;
    --color-violet-desaturated-20: #fbcc77 !important;
    --color-violet-desaturated-30: #fbcc77 !important;
    --color-violet-desaturated-40: #db820e !important;
    --color-violet-desaturated-50: #b26100 !important;
    --color-violet-desaturated-60: #854800 !important;
    --color-violet-desaturated-70: #5f3100 !important;
    --color-violet-desaturated-80: #3e1d00 !important;
    --color-violet-desaturated-90: #270f00 !important;


    /* ========================================================
       SEMANTIC ACCENT TOKENS

       These are fallbacks for places that reference the
       semantic accent variables directly.
       ======================================================== */

    --color-accent-primary:
      light-dark(#f3a81e, #fbcc77) !important;

    --color-accent-primary-hover:
      light-dark(#db820e, #fde8b5) !important;

    --color-accent-primary-active:
      light-dark(#b26100, #fde8b5) !important;

    --color-accent-primary-selected:
      light-dark(#b26100, #fde8b5) !important;


    /* ========================================================
       GENERAL PURPLE BACKGROUNDS
       ======================================================== */

    --background-color-information:
      light-dark(#fde8b5, #5f3100) !important;

    --background-color-list-item-hover:
      color-mix(
        in srgb,
        light-dark(#f3a81e, #fbcc77) 20%,
        transparent
      ) !important;
 
--lists-button-background:
  light-dark(#fde8b5, #5f3100) !important;


    /* ========================================================
       SELECTION / FOCUS
       ======================================================== */

    --border-color-selected:
      light-dark(#f3a81e, #b26100) !important;

    --focus-outline:
      2px solid light-dark(#f3a81e, #b26100) !important;

    --focus-outline-color:
      light-dark(#f3a81e, #b26100) !important;

    --card-focus-outline:
      2px solid light-dark(#f3a81e, #b26100) !important;


    /* ========================================================
       BUTTON BACKGROUNDS

       Most of these should now resolve through the palette,
       but these explicit semantic fallbacks catch components
       that define their own button tokens.
       ======================================================== */

    --button-background-color-primary:
      light-dark(#f3a81e, #fbcc77) !important;

    --button-background-color-primary-hover:
      light-dark(#db820e, #fde8b5) !important;

    --button-background-color-primary-active:
      light-dark(#b26100, #fde8b5) !important;

    --button-background-color-primary-selected:
      light-dark(#b26100, #fde8b5) !important;

    --button-background-color-primary-disabled:
      light-dark(#5f3100, #854800) !important;

    --button-background-color-selected:
      light-dark(#fbcc77, #854800) !important;

    --button-background-color-hover:
      light-dark(#fde8b5, #5f3100) !important;

    --button-background-color-active:
      light-dark(#fbcc77, #854800) !important;


    /* Ghost buttons */

    --button-background-color-ghost-active:
      light-dark(#fbcc77, #854800) !important;

    --button-background-color-ghost-hover:
      light-dark(#fde8b5, #5f3100) !important;

    --button-background-color-ghost-selected:
      light-dark(#fbcc77, #854800) !important;

    --button-background-color-ghost-disabled:
      transparent !important;


    /* Menu buttons */

    --button-background-color-menu:
      transparent !important;

    --button-background-color-menu-active:
      light-dark(#fbcc77, #854800) !important;

    --button-background-color-menu-hover:
      light-dark(#fde8b5, #5f3100) !important;

    --button-background-color-menu-selected:
      light-dark(#fbcc77, #854800) !important;

    --button-background-color-menu-disabled:
      transparent !important;


    /* Toolbar buttons */

    --button-background-color-toolbar-selected:
      light-dark(#fbcc77, #854800) !important;

    --button-background-color-toolbar-active:
      light-dark(
        rgba(95, 49, 0, 0.4),
        rgba(251, 204, 119, 0.4)
      ) !important;

    --button-background-color-toolbar-hover:
      light-dark(
        rgba(95, 49, 0, 0.25),
        rgba(251, 204, 119, 0.25)
      ) !important;


    /* ========================================================
       BUTTON BORDERS
       ======================================================== */

    --button-border:
      1px solid light-dark(#f3a81e, #b26100) !important;

    --button-border-color:
      light-dark(#f3a81e, #b26100) !important;

    --button-border-color-active:
      light-dark(#f3a81e, #b26100) !important;

    --button-border-color-disabled:
      light-dark(#f3a81e, #b26100) !important;

    --button-border-color-hover:
      light-dark(#f3a81e, #b26100) !important;

    --button-border-color-selected:
      light-dark(#f3a81e, #b26100) !important;

    --button-border-color-toolbar-disabled:
      light-dark(#f3a81e, #b26100) !important;

    --button-split-separator-background-color:
      light-dark(#f3a81e, #b26100) !important;


    /* ========================================================
       CARDS
       ======================================================== */

    --card-header-background-color-active:
      light-dark(#fbcc77, #854800) !important;

    --card-header-background-color-hover:
      light-dark(#fde8b5, #5f3100) !important;


    /* ========================================================
       ICONS
       ======================================================== */

    --icon-color:
      light-dark(#3e1d00, #f9f5e6) !important;

    --icon-color-accent-primary-desaturated:
      light-dark(#854800, #fbcc77) !important;

    --icon-color-information:
      light-dark(#f3a81e, #fbcc77) !important;


    /* ========================================================
       LINKS
       ======================================================== */

    --link-color:
      light-dark(#f3a81e, #fbcc77) !important;

    --link-color-hover:
      light-dark(#db820e, #fde8b5) !important;

    --link-color-active:
      light-dark(#b26100, #fde8b5) !important;

    --link-color-visited:
      light-dark(#f3a81e, #fbcc77) !important;


    /* ========================================================
       PAGE NAVIGATION / SHADOW DOM
       ======================================================== */

    --page-nav-button-background-color-active:
      light-dark(#fbcc77, #854800) !important;

    --page-nav-button-background-color-hover:
      light-dark(#fde8b5, #5f3100) !important;

    --page-nav-button-background-color-selected:
      light-dark(#f3a81e, #b26100) !important;

    --page-nav-button-text-color-selected:
      light-dark(#ffffff, #252428) !important;


    /* ========================================================
       TABLES
       ======================================================== */

    --table-header-background-color:
      light-dark(#f3a81e, #b26100) !important;


    /* ========================================================
       TOOLBAR / TOOLBOX
       ======================================================== */

    --toolbar-field-border-color-focus:
      light-dark(#f3a81e, #b26100) !important;

    --toolbarbutton-background-color-active:
      light-dark(
        rgba(95, 49, 0, 0.4),
        rgba(251, 204, 119, 0.4)
      ) !important;

    --toolbarbutton-background-color-hover:
      light-dark(
        rgba(95, 49, 0, 0.25),
        rgba(251, 204, 119, 0.25)
      ) !important;

    --toolbarbutton-icon-fill:
      light-dark(#854800, #fde8b5) !important;

    --toolbarbutton-icon-fill-attention:
      light-dark(#f3a81e, #fbcc77) !important;


    /* ========================================================
       TOOLBOX GRADIENT
       ======================================================== */

    --toolbox-background-color-gradient-leading:
      light-dark(#fde8b5, #5f3100) !important;


    /* ========================================================
       PURPLE-TINTED TEXT

       Keep normal text neutral rather than turning it yellow.
       ======================================================== */

    --text-color:
      light-dark(#252428, #fcfbff) !important;

    --panel-text-color:
      light-dark(#252428, #fcfbff) !important;

    --input-text-color:
      light-dark(#252428, #fcfbff) !important;

    --input-text-color-disabled:
      light-dark(#252428, #fcfbff) !important;
  }
}

[miki64]

Che lavoro!  Complimenti, Zigul! 

[bobo779256]

Io invece sto provando su un FF "da battaglia" (leggi Portable) questa personalizzazione usando i due userChrome e userContent e poco altro, come specificato nella pagina al paragrafo Manual install, e trasforma il violetto\lilla\lavanda in verdino chiaro

Se volete provarlo OCCHIO perchè scaricando i singoli userChrome e userContent che appaiono nella lista in primo piano l'AV di Win me li da infetti (HackTool:Win32/Keygen), bisogna scaricare Source code (zip) dalla voce a destra Releases e scompattare dentro la cartella Chrome, tutto o quello che serve come da "Manual install"; non ho indagato più di tanto su cosa sia l'infezione ma nei file dentro lo zip non risulta ce ne sia traccia

Vedrò poi se mi piace la personalizzazione di provare anche il browser creato dallo stesso tizio, con calma, senno e ponderatezza 

[Zigul]

Ho ricontrollato e risistemato un po' il codice (postato sopra) per cambiare colore all'interfaccia di Firefox; ne sono nate alcune versioni (grigio, giallo, viola, blu, etc.) disponibili su questo repository, dove trovate anche tutte le immagini di esempio.