Hallo,
kann mir jemand behilflich sein um dne Button Abonnieren auf YT die Hintergrundfarbe von Schwarz in wasweisich zu ändern ?
ich bekomme das CSS nicht zusammen 
Den Text habe habe ich so geändert.
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
color: pink;
}@-moz-document domain("youtube.com") {
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
background-color: pink !important; /* Fläche */
color: blue !important; /* Schrift */
}
}Bitte testen.
die Hintergrundfarbe von Schwarz in wasweisich zu ändern ?
ich bekomme das CSS nicht zusammen
Das war zu erwarten, denn color ist die Eigenschaft für die Textfarbe. Für die Hintergrundfarbe ist background-color die Eigenschaft. So, wie es Mira_Belle in ihrem Code angegeben hat. Zusätzliches color kann nicht schaden, damit Schrift und Hintergrund harmonieren.
ich bekomme das CSS nicht zusammen
Ergänzend dazu.
Rechts findest du die genauen Angaben dazu.
In deinem Fall:
background-color: var(--yt-spec-text-primary);
Du kannst dann rechts die Farbe
var(--yt-spec-text-primary)
entfernen, und eine eigene zwecks Test einfügen.
In diesem Fall rot.
Und dann nur den kompl. Code kopieren.
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
color: var(--yt-spec-text-primary-inverse);
background-color: red;
}und in deine Datei bzw. Stylus..userContent.css wieder einfügen.
Und für's hovern:
yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover {
background-color: #f9d0d7;
color: #ff7373;
}Guten Morgen,
ich nochmal 
irgendwie schaffe ich das nicht diesen Button anzupassen
es werden alle Buttons geädert.
aber nur den einen kriege ich leider nicht hin 
Hilfe.
Alles anzeigenGuten Morgen,
ich nochmal
irgendwie schaffe ich das nicht diesen Button anzupassen
es werden alle Buttons geädert.
aber nur den einen kriege ich leider nicht hin
Hilfe.
Auch einen schönen Guten Morgen.
Versuche es doch mal hiermit:
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
color: yellow;
background-color: red;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover {
background-color: orange;
color: blue;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {
color: yellow;
background-color: red;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal:hover {
background-color: orange;
color: blue;
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {
background-color: red;
color: yellow;
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {
background-color: orange;
color: blue;
}Und damit die Suchbox inkl. Lupe und Button dazu passt:
ytd-searchbox[system-icons] #search-icon-legacy.ytd-searchbox {
color: yellow;
border: 1px solid blue;
background-color: red;
}
ytd-searchbox[system-icons] #search-icon-legacy.ytd-searchbox:hover {
color: blue;
background-color: orange;
}
ytd-searchbox[system-icons] #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox {
color: yellow;
}
ytd-searchbox[system-icons] #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox:hover {
color: blue;
}
#container.ytd-searchbox {
border: 1px solid blue;
}Damit das mit dem Suchbutton etwas besser klappt,
dass dann noch hinzufügen!
#search-icon-legacy > yt-icon:nth-child(1) {
padding-left: 15px;
padding-right: 25px;
padding-top: 6px;
padding-bottom: 6px;
}So würde das ganze dann in etwa aussehen:
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
color: yellow;
background-color: red;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover {
background-color: orange;
color: blue;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {
color: yellow;
background-color: red;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal:hover {
background-color: orange;
color: blue;
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {
background-color: red;
color: yellow;
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {
background-color: orange;
color: blue;
}
ytd-searchbox[system-icons] #search-icon-legacy.ytd-searchbox {
color: yellow;
border: 1px solid blue;
background-color: red;
}
ytd-searchbox[system-icons] #search-icon-legacy.ytd-searchbox:hover {
color: blue;
background-color: orange;
}
ytd-searchbox[system-icons] #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox {
color: yellow;
}
ytd-searchbox[system-icons] #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox:hover {
color: blue;
}
#container.ytd-searchbox {
border: 1px solid blue;
}
#search-icon-legacy > yt-icon:nth-child(1) {
padding-left: 15px;
padding-right: 25px;
padding-top: 6px;
padding-bottom: 6px;
}Versuche es doch mal hiermit:
Ergibt:
Also auch alle Button betroffen.
nur den einen kriege ich leider nicht hin
Teste bitte mal:
@-moz-document domain("youtube.com") {
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
background-color: pink !important; /* Fläche */
color: blue !important; /* Schrift */
}
ytd-subscribe-button-renderer.ytd-watch-metadata > div:nth-child(3) > ytd-subscription-notification-toggle-button-renderer-next:nth-child(1) > yt-button-shape:nth-child(1) > button:nth-child(1) {
background: red !important;
color: white !important;
}
}Und so bei youtube auf Deutsch:
...
Und so bei youtube auf Deutsch:
Es geht ja nur um Letzteren!
Sorry, dann habe ich das falsch verstanden, und da ich eh kein Abo habe,
hätte ich das auch gar nicht hinbekommen.
Es geht ja nur um Letzteren!
Ich weiß 
habe ich ein wenig komisch geschrieben
Alles ist gut, ich wusste ja was du damit gemeint hattest
