Hintergrundfarbe Stylechanger

Hier bekommst du Support für meine Erweiterungen.
Benutzeravatar
Tastenplayer
Offline
Beiträge: 46
Registriert: Mi 8. Mär 2017, 11:19
Wohnort: Schweiz
Geschlecht: Weiblich ♀
Kontaktdaten:

Re: Platzierung Style Changer 2.3.0 (3.2.0)

Jun 2017 26 19:04

Beitrag von Tastenplayer » Mo 26. Jun 2017, 19:04


Keine Ahnung ob ich neues Thema eröffnen soll - schreib das jetzt mal hier rein.

Wo ich auch nicht weiter komme ist mit der Farbanpassung des Buttons. Ist ja im Grunde genommen praktisch das Gleiche wie in der Calendar Ext. also habe ich jetzt mal geschaut wie es dort gelöst wurde:
dropdown_styleext.png
dropdown_styleext.png (171.66 KiB) 512 mal betrachtet
Also habe ich versucht im Style Keyboard in der Stylechanger ext.css das mal so einzufügen:

Code: Alles auswählen

/* Stylechanger css
------------------------------------*/

.stylechanger {
	color: #CCAE71;
	font-size: 1.1em;
	font-weight: bold;	
	border-color: #f1f1f1;
	background-color: #000000;
}  

#stylechanger select {
    background-color: #000000;
    color: #CCAE71;
	border: none;
	font-weight: bold;
	border: 2px solid #747474;
    border-radius: 7px;
}   
Jedoch wie Du oben im Bild siehst - nichs ist passiert - kein Schwarzer Hintergrund mit Goldener Schrift ist erschienen. In der Calendar ext. ist das genauso als #calendar select eingefügt!

Überlege mir jetzt gerade - müsste ich das evt. im Style Keyboard in der keyboard.css einfügen anstatt in Deiner Extension?? Auf die Idee bin ich nicht gekommen, bisher habe ich das immer in Deiner Ext. versucht irgendwie anzupassen.
Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
Kirk
Administrator
Offline
Beiträge: 637
Registriert: Di 15. Apr 2014, 10:54
Wohnort: Erde
Geschlecht: Männlich ♂
Kontaktdaten:

Hintergrundfarbe Stylechanger

Jun 2017 26 20:39

Beitrag von Kirk » Mo 26. Jun 2017, 20:39


Der Background wird in der colours.css deines Styles geregelt und zwar bei select {.
Gruß Udo

Benutzeravatar
Tastenplayer
Offline
Beiträge: 46
Registriert: Mi 8. Mär 2017, 11:19
Wohnort: Schweiz
Geschlecht: Weiblich ♀
Kontaktdaten:

Re: Platzierung Style Changer 2.3.0 (3.2.0)

Jun 2017 27 21:45

Beitrag von Tastenplayer » Di 27. Jun 2017, 21:45


Das weiss ich schon Kirk. Geht aber bei mir so nicht. Sonst ist ja dann überall die Farbe so. Muss mal den Style genau unter die Lupe nehmen, jedoch es hat bestimmt noch andere Orte im Style wo eben das Select vorkommt.
Ich versuchs halt weiter irgendwie geht das, bin ich mir sicher.
Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
Tastenplayer
Offline
Beiträge: 46
Registriert: Mi 8. Mär 2017, 11:19
Wohnort: Schweiz
Geschlecht: Weiblich ♀
Kontaktdaten:

Re: Platzierung Style Changer 2.3.0 (3.2.0)

Jun 2017 28 17:07

Beitrag von Tastenplayer » Mi 28. Jun 2017, 17:07


Wenn man nicht gleich aufgibt und die Hirnzellen etwas mehr anstrengt - ist es im Grunde genommen meist ziemlich einfach. Wer sucht der findet ;) Mein Fehler war einfach, dass ich versuchte das in der css Deiner Ext. irgendwie hinzuzufügen anstatt direkt in meinem Style einzufügen.

Code: Alles auswählen

select {
	border-color: #333333;
	background-color: #E1E1E1;
	color: #333333;
	font-weight: bold;
}

.stylechanger select{
	border-color: #f1f1f1;
	background-color: transparent;
	color: #CCAE71;
	font-weight: bold;
}
Und schon ist die Auswahl des Stylechangers separiert von der Auswahl im Style.
Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
Kirk
Administrator
Offline
Beiträge: 637
Registriert: Di 15. Apr 2014, 10:54
Wohnort: Erde
Geschlecht: Männlich ♂
Kontaktdaten:

Re: Hintergrundfarbe Stylechanger

Jun 2017 28 17:13

Beitrag von Kirk » Mi 28. Jun 2017, 17:13


Du könntest auch folgendes machen.
Öffne die stylechanger.css und füge dort das hier ein:

Code: Alles auswählen

#stylechanger {
    background-color: #000000;
}
Gruß Udo

Benutzeravatar
Tastenplayer
Offline
Beiträge: 46
Registriert: Mi 8. Mär 2017, 11:19
Wohnort: Schweiz
Geschlecht: Weiblich ♀
Kontaktdaten:

Re: Hintergrundfarbe Stylechanger

Jun 2017 28 17:30

Beitrag von Tastenplayer » Mi 28. Jun 2017, 17:30


Sie mal im ersten Beitrag! Genau das hatte ich doch versucht und hatte nicht funktioniert. Allerdings nicht nur den Background sondern komplett.

Code: Alles auswählen

#stylechanger select {
    background-color: #000000;
    color: #CCAE71;
	border: none;
	font-weight: bold;
	border: 2px solid #747474;
    border-radius: 7px;
}   
Ja war wohl der Fehler, dass ich noch select dazu geschrieben hatte.
Okay versuch es nochmals in einem anderen Style. Wäre schon einfacher, wenn es in der Ext. und nicht im Style geändert/angepasst wäre.

Hat tatsächlich geklappt. Eigentlich wäre es doch mit

Code: Alles auswählen

#stylechanger select
korrekt gewesen. In der Calendar ext steht es so in der css und funktioniert :) Das ist manchmal halt schon etwas schwierig zu verstehen zu durchschauen.
Jetzt muss ich nur noch dahinterkommen wo diese blaue Hooverfarbe im Select zu finden ist. Zig mal Blautöne abgeändert(vor allem im Kalender) bleibt immer blau.
Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
Kirk
Administrator
Offline
Beiträge: 637
Registriert: Di 15. Apr 2014, 10:54
Wohnort: Erde
Geschlecht: Männlich ♂
Kontaktdaten:

Re: Hintergrundfarbe Stylechanger

Jun 2017 28 18:45

Beitrag von Kirk » Mi 28. Jun 2017, 18:45


Du hattes nicht nur "select" dazu geschrieben sondern auch so .stylechanger, der Punkt in css bedeutet eine Klasse das hier hingegen # eine id
Gruß Udo

Benutzeravatar
Tastenplayer
Offline
Beiträge: 46
Registriert: Mi 8. Mär 2017, 11:19
Wohnort: Schweiz
Geschlecht: Weiblich ♀
Kontaktdaten:

Re: Hintergrundfarbe Stylechanger

Jun 2017 29 12:24

Beitrag von Tastenplayer » Do 29. Jun 2017, 12:24


Gut zu wissen!
Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
Tastenplayer
Offline
Beiträge: 46
Registriert: Mi 8. Mär 2017, 11:19
Wohnort: Schweiz
Geschlecht: Weiblich ♀
Kontaktdaten:

Re: Hintergrundfarbe Stylechanger

Jun 2017 29 18:52

Beitrag von Tastenplayer » Do 29. Jun 2017, 18:52


Gut die Farben wurden angenommen:

Code: Alles auswählen

/* Stylechanger css
------------------------------------*/

.stylechanger {
	color: #CCAE71;
	font-size: 13px;
	font-weight: bold;	
	border-color: transparent;
	background-color: transparent;
	margin-bottom: -2px;
} 

#stylechanger {
	border-color: #395F93 !important;
	border-right-color: #f1f1f1 !important;	
	background-color: transparent;
	color: #CCAE71;
	font-weight: bold;
	margin-bottom: 1px;
	border: 3px groove;
	border-radius: 4px;
}
betrachtet man das Ganze jedoch im Firefox - finde ich es trotzdem äusserst merkwürdig

Code: Alles auswählen

#stylechanger {
    border-color: #395F93 !important;
        border-right-color: rgb(57, 95, 147);
    border-right-color: #f1f1f1 !important;
    background-color: transparent;
    color: #CCAE71;
    font-weight: bold;
    margin-bottom: 1px;
    border: 3px groove;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    border-radius: 4px;
}
Sieht leider so nicht genauso merwürdig wie im Foxi aus - mit Linie aus border: 3px groove und dann strich nach rechts zu jeder border. Warum da border-top-color: currentcolor überhaupt noch angezeigt wird - No Plan!
Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
Kirk
Administrator
Offline
Beiträge: 637
Registriert: Di 15. Apr 2014, 10:54
Wohnort: Erde
Geschlecht: Männlich ♂
Kontaktdaten:

Re: Hintergrundfarbe Stylechanger

Jun 2017 29 20:47

Beitrag von Kirk » Do 29. Jun 2017, 20:47


Kein Wunder wenn ich diesen Code anschaue.

Code: Alles auswählen

#stylechanger {
	border-color: #395F93 !important;
	border-right-color: #f1f1f1 !important;	
	background-color: transparent;
	color: #CCAE71;
	font-weight: bold;
	margin-bottom: 1px;
	border: 3px groove;
	border-radius: 4px;
}
Gruß Udo

Antworten