Darkmodus auf Webseiten deaktivieren, trotz Nutzung eines dunklen Themes

Ersetze im Script RAMBack.uc.js mal Zeile 3 durch folgende Zeile:

if (location != 'chrome://browser/content/browser.xhtml')

und teste.

Zitat von scorpie

Ich hab dann noch den Wert von "layout.css.prefers-color-scheme.content-override" von 3 auf 2 geändert (wenn ich das richtig verstanden habe), leider tut sich da bei mir nix. Die Browser internen Seiten wie die Einstellungen sind dunkel, Webseiten aber nicht.

Eine Website muss natürlich auch ein dunkles Design bereitstellen, wenn sie dunkel erscheinen soll, das passiert nicht von magische Weise für alle Websites. Der von dir zitierte Code setzt ausschließlich für die internen Firefox-Seiten die Farben.

Für Fragen, die überhaupt nichts mit dem Thema zu tun haben, wie die nach deinen Scripts, solltest du ein eigenes Thema eröffnen.

Nur so, die Zeile hab ich ersetzt, nur bringen tuts nichts. Steht ja auch so in den anderen Scripten so drin. Dachte halt man muss nur irgendeine Datei von Ff anpassen.

Ach so, nur für die intern Seiten, ist mir entgangen, dachte das geht dann so wie mit Stylus. danke für die Erklärung

Mit der Ff92 haben sie noch funktioniert, nach dem Update gestern auf 95 eben nicht mehr. Cache hab ich geleert, auch mal im abgesicherten Modus neu gestartet, tauchen einfach nicht mehr auf.

Den Link werd ich mir heute abend mal in Ruhe durchlesen, danke.

Das mit der utilities.js war. Die wurde beim Update wohl überschrieben, denn ich hatte die schon mal geändert.

Problem gelöst, grazie

Zitat von Sören Hentzschel

Viel zu kompliziert gedacht. Man muss einfach nur die CSS-Variablen aus dem Theme kopieren (bekommt man eh direkt über den Inspektor) und in die Datei userContent.css packen, natürlich jeweils mit einem !important versehen. Das kann jeder halbwegs vernünftige Editor für alle Zeilen gleichzeitig ausführen.

Helles Theme (aktueller Nightly-Build als Basis):

CSS

:host,
:root {
    --in-content-page-color: rgb(21, 20, 26) !important;
    --in-content-page-background: #fff !important;
    --in-content-text-color: var(--in-content-page-color) !important;
    --in-content-deemphasized-text: rgb(91, 91, 102) !important;
    --in-content-box-background: #fff !important;
    --in-content-box-background-odd: rgba(12, 12, 13, 0.05) !important;
    --in-content-box-border-color: color-mix(in srgb, currentColor 41%, transparent) !important;
    --in-content-box-info-background: #f0f0f4 !important;
    --in-content-item-hover: color-mix(in srgb, var(--in-content-primary-button-background) 20%, transparent) !important;
    --in-content-item-hover-text: var(--in-content-page-color) !important;
    --in-content-item-selected: var(--in-content-primary-button-background) !important;
    --in-content-item-selected-text: var(--in-content-primary-button-text-color) !important;
    --in-content-icon-color: rgb(91, 91, 102) !important;
    --in-content-accent-color: #0a84ff !important;
    --in-content-accent-color-active: #0060df !important;
    --in-content-border-hover: var(--grey-90-a50) !important;
    --in-content-border-invalid: var(--red-50) !important;
    --in-content-border-color: #d7d7db !important;
    --in-content-error-text-color: #c50042 !important;
    --in-content-link-color: var(--blue-60) !important;
    --in-content-link-color-hover: var(--blue-70) !important;
    --in-content-link-color-active: var(--blue-80) !important;
    --in-content-link-color-visited: var(--blue-60) !important;
    --in-content-button-text-color: var(--in-content-text-color) !important;
    --in-content-button-text-color-hover: var(--in-content-text-color) !important;
    --in-content-button-text-color-active: var(--in-content-button-text-color-hover) !important;
    --in-content-button-background: rgba(207, 207, 216, .33) !important;
    --in-content-button-background-hover: rgba(207, 207, 216, .66) !important;
    --in-content-button-background-active: rgb(207, 207, 216) !important;
    --in-content-button-border-color: transparent !important;
    --in-content-button-border-color-hover: transparent !important;
    --in-content-button-border-color-active: var(--in-content-button-border-color-hover) !important;
    --in-content-primary-button-text-color: rgb(251, 251, 254) !important;
    --in-content-primary-button-text-color-hover: var(--in-content-primary-button-text-color) !important;
    --in-content-primary-button-background: #0061e0 !important;
    --in-content-primary-button-background-hover: #0250bb !important;
    --in-content-primary-button-background-active: #053e94 !important;
    --in-content-primary-button-border-color: transparent !important;
    --in-content-primary-button-border-hover: transparent !important;
    --in-content-danger-button-background: #e22850 !important;
    --in-content-danger-button-background-hover: #c50042 !important;
    --in-content-danger-button-background-active: #810220 !important;
    --in-content-focus-outline-color: var(--in-content-primary-button-background) !important;
}

Alles anzeigen

Dunkles Theme (aktueller Nightly-Build als Basis):

CSS

:host,
:root {
    --in-content-page-background: rgb(28, 27, 34) !important;
    --in-content-page-color: rgb(251, 251, 254) !important;
    --in-content-deemphasized-text: rgb(191, 191, 201) !important;
    --in-content-box-background: rgb(35, 34, 43) !important;
    --in-content-box-background-odd: rgba(249, 249, 250, 0.05) !important;
    --in-content-box-info-background: rgba(249, 249, 250, 0.15) !important;
    --in-content-border-color: rgba(249, 249, 250, 0.2) !important;
    --in-content-border-hover: rgba(249, 249, 250, 0.3) !important;
    --in-content-border-invalid: rgb(255, 132, 139) !important;
    --in-content-error-text-color: #FF9AA2 !important;
    --in-content-button-background: rgb(43, 42, 51) !important;
    --in-content-button-background-hover: rgb(82, 82, 94) !important;
    --in-content-button-background-active: rgb(91, 91, 102) !important;
    --in-content-icon-color: rgb(251, 251, 254) !important;
    --in-content-primary-button-text-color: rgb(43, 42, 51) !important;
    --in-content-primary-button-background: rgb(0, 221, 255) !important;
    --in-content-primary-button-background-hover: rgb(128, 235, 255) !important;
    --in-content-primary-button-background-active: rgb(170, 242, 255) !important;
    --in-content-danger-button-background: #ff848b !important;
    --in-content-danger-button-background-hover: #ffbdc5 !important;
    --in-content-danger-button-background-active: #ffdfe7 !important;
    --in-content-table-background: rgb(35, 34, 43) !important;
    --in-content-accent-color: var(--in-content-primary-button-background) !important;
    --in-content-accent-color-active: var(--in-content-primary-button-background-hover) !important;
    --in-content-link-color: var(--in-content-primary-button-background) !important;
    --in-content-link-color-hover: var(--in-content-primary-button-background-hover) !important;
    --in-content-link-color-active: var(--in-content-primary-button-background-active) !important;
    --in-content-link-color-visited: var(--in-content-link-color) !important;
}

Alles anzeigen

Irgendwie versteh ich das nicht was ich da tun soll ich hab auch einen dark Theme