Hintergrundfarbe änder bei Firefox

Herman4

Hallo
wie geht das bitte, wenn ich bei Lesezeichen den Hintergrund von grau auf weiß ändern möchte

Son Goku

z.B.
https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=122690

wenn das falsch ist bitte genau sagen welche Lesezeichen-Hintergrund

die LZ im Menü
die LZ in der Leiste
die LZ in der Sidebar (siehe Link)

Herman4

hintergrund in datei bearbeiten ansicht chronik lesezeichen extras hilfe

Herman4

leider geht das auch nicht mit
#personal-bookmarks { color: white !important; }
in der userChrome.css

Zitronella

CSS

menubar > menu {
background-color: white !important;
}

ist halt ziemlich doof wenn die Schrift dann auch weiß ist.

Herman4

ahso habe ich das falsch geschrieben?
probiere ich aus
und das geht dann wenn man einfach eine userChrome.css schreibt, also den Editor so nennt udn den Code da rein schreibt
dann die Editor Datei in den Ordner schiebt wo About:support das auflistet
dann den FF schießt und dann öffnet das reicht?

Son Goku

damit sollte es klappen mit deinem CSS Code

https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=126007

AngelOfDarkness

Zitat von Herman4

ahso habe ich das falsch geschrieben?
probiere ich aus
und das geht dann wenn man einfach eine userChrome.css schreibt, also den Editor so nennt udn den Code da rein schreibt
dann die Editor Datei in den Ordner schiebt wo About:support das auflistet
dann den FF schießt und dann öffnet das reicht?

Nein, du musst im Proflordner (Weg über about:support) einen neuen Ordner mit Namen Chrome erstellen. In den neuen Order \Chrome kommt dann die Datei userChrome.css mit dem entsprechenden Code.

Zitronella

besser einen Ordner namens chrome erstellen statt Chrome. Also klein geschrieben.

AngelOfDarkness

Android kennt aber nur Chrome und nicht chrome ohne Bestätigung in der Autokorrektur

Herman4

habe eingefügtin die UserChrome.css

menubar > menu {
background-color: white !important;
}

nix is tweiß

Zitronella

Dann machste was falsch. Musst halt genauer lesen was zu tun ist :roll:

Herman4

nein es ging nicth ich ahber ese ja probiert
auch wenn ich klicke auf den desktop anpassen usw. ist auch der hintergrund grau statt weiß wie früehr

Zitronella

Das hat doch alles gar nichts zu tun mit "Desktop anpassen". Ich rate dir, lass es einfach, du pfuschst wahllos in irgendwelchen Dingen rum bei denen du nicht die geringste Ahnung hast, was du eigentlich bewirkst.
Und lies auch mal deine Beiträge, bevor du sie absendest. Deine Rechtschreibung ist eine Zumutung!
EDIT: Außerdem Crossposting https://www.computerbase.de/forum/threads/…/#post-21705053

Herman4

ja und?
dafür hat man mehr INformationen schneller wo ist das Problem dass du das erwähnst?
gepfuscht habe ich nichts, das kam einfach ich weiß nicht wieso und was ich gemacht habe, also nicht absichtlich gepfuscht.
und mit dem Code ging es nicht der hier stand
hast du eine bessere Idee oder einen anderen Code?

Zitronella

Der obige Code funktioniert 100%ig. Mehr gibts dazu nicht zu sagen.

Herman4

nein
anbei das bild

und dann auch wie du siehst bie Lesezeichen - die sind nicth gelb die Ordner
und auch da alles grau als Hintergrund
und mein 3. Problem
ich muss immer auf strg + gehen damit die seite breiter und größer wird statt sie automatisch abgespeichert wird also von der größer her, also 3 Probleme
könntest du so nett sein mir da bitte helfen
und dann fehlt mri ncoh was
das mti datei beargeiten usw.
und die leiste wo cih die Tabs oben habe, das ist mri alles zu klein
siehe bild

uwe51

Jede Wette, dass Du im Ordner chrome keine userChrome.css angelegt hast. Dein Screenshot belegt das.

uwe51

Herman4

oh ja doch den mit dem code von oben
jetzt habe ich die symbolleiste unten statt oben

biem anderen computer mit dem 24 Zoll monitor und dem richtigen Firefox, wo die Tabs unten sind nicht oben udn die Symbolleisten oben nicht unten ist da hbae ich den code

CSS

/* AGENT_SHEET */


/* Tabs unter Adresszeile */
@import url(./classic/css/tabs/tabs_below_navigation_toolbar_classic_grey.css); /**/


/* Gelbe statt graue Ordnericons */
@import url(./classic/css/generalui/bookmark_icons_colorized.css); /**/




/* Ab hier keine @imports mehr! */
/********************************/




/* Tabs mit abgerundeten Ecken */
:root {
    --tab-curve-width: 30px;
    --tabs-border: transparent !important;
}
.arrowscrollbox-scrollbox {
    padding-inline-start: 10px !important;
}


/* To be able to see the top border of the tab */
.tab-stack {
    margin-top: 2px !important;
}


/* When the window is maximized, the first pinned tab is properly displayed. */
#TabsToolbar {
    padding-inline-start: 15px !important;
}
.titlebar-placeholder {
    border: none !important;
}


/* Remove unneeded styles from Photon */
.tabbrowser-tab::before,
.tabbrowser-tab::after {
    border: none !important;
}
.tabbrowser-tab > .tab-stack > .tab-background {
    background-image: none !important;
    -moz-box-orient: horizontal !important;
    background-color: transparent !important;
    margin-top: 1px !important;
}
.tab-background[selected="true"] {
    border: none !important;
}
.tab-line {
    display: none !important;
}
.tab-bottom-line {
    display: none !important;
}


/* Match height of new tab button (right svg) on hover */
.tabs-newtab-button {
    margin: 0 !important;
}


/* overlap the tab curves */
.tab-background {
    -moz-margin-end: -15px !important;
    -moz-margin-start: -15px !important;
}


/* Begin tab background customizations */
.tab-background[selected="true"]::before {
    border: none !important;
    content: "" !important;
    width: 30px !important;
    min-height: 30px !important;
    display: -moz-box !important;
    background-repeat: no-repeat !important;
}
.tab-background[selected="true"]::after {
    border: none !important;
    content: "" !important;
    width: 30px !important;
    min-height: 30px !important;
    display: -moz-box !important;
    background-repeat: no-repeat !important;
}
.tab-background[selected="true"] > spacer {
    margin-top: 0px !important;
}
#new-tab-button,
.tabs-newtab-button {
    width: calc(36px + 30px) !important;
    margin-inline-start: -15px !important;
    margin-top: 1px !important;
}


/* Tab hover customizations */


/* Regular tabs */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
    display: -moz-box !important;
    background-repeat: no-repeat !important;
    content: "" !important;
    width: 30px !important;
    min-height: 30px !important;
    background-color: transparent !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
    display: -moz-box !important;
    background-repeat: no-repeat !important;
    content: "" !important;
    width: 30px !important;
    min-height: 30px !important;
    background-color: transparent !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
    margin-top: 0px !important;
}
#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),
.tabs-newtab-button:hover,
.tabs-newtab-button:hover::before,
.tabs-newtab-button:hover::after {
    background-color: transparent !important;
}


/* New tab hover customizations */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),
.tabs-newtab-button:hover {
    background-position: 0px 2px, 30px 4px, 36px 2px !important;
    background-repeat: no-repeat !important;
    background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important;
}
.tabs-newtab-button:hover > .toolbarbutton-icon {
    background: none !important;
    background-color: transparent !important;
}


/* Color specific customizations */
:root {
    --svg-selected-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgb(249,249,250);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
    --svg-selected-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgb(249, 249, 255);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
    --background-selected-middle: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient( transparent 2px, rgb(249, 249, 255) 2px, rgb(249, 249, 255)), none;
    --svg-hover-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='30px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='30' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255, .1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
    --svg-hover-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
    --background-hover-middle: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient( transparent 2px, rgba(255, 255, 255, .1) 2px, rgba(255, 255, 255, .1)), none;
    --newtab-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='30px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"), linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
}


/* OS-specific color variables */
@media screen and (-moz-windows-theme) {
     :root {}
}
@media not screen and (-moz-windows-theme) {
     :root {}
}
.tab-background[selected="true"]::before {
    background-image: var(--svg-selected-before) !important;
}
.tab-background[selected="true"]::after {
    background-image: var(--svg-selected-after) !important;
}
.tab-background[selected="true"] > spacer {
    background-image: var(--background-selected-middle) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
    background-image: var(--svg-hover-before) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
    background-image: var(--svg-hover-after) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
    background-image: var(--background-hover-middle) !important;
}
.tabs-newtab-button:hover {
    background-image: var(--newtab-hover) !important;
}

Alles anzeigen

sowas meinte ich der ist der richtige ob der am anderen computer geht wieß ich noch nicth

Edit 2002Andreas
Text in Klammercode gesetzt.

Herman4

ich hatte in der UserChrome.Css im Ordner Chrome - wo der Unterordner classic auch ist den Ordner eben mit dem code

CSS

menubar > menu {
background-color: white !important;
}

und der hat gar nicht funktioniert
udn die meisten hier haben gemeint ja erstelle den Ordner in dem Ordner wo du bei about:support bist
und das stimmt auch nicth da ging auch nicht