[3.2] [BETA] Sassysilver

[Melmac]

Gut zu wissen
Ich hatte im Hinterkopf noch so eine Erinnerung, dass er diesen Dienst auf seinen Servern ebenfalls einstellen wollte - solange das aber noch nicht passiert ist, ist dies natürlich die einfachste Möglichkeit beim Testen.

---------------------------------------------------------

* neue Version 0.1.3 steht zum Download bereit - Downloadlinks siehe erster Beitrag *

Änderungen:

• Bug fixes, diverse Codeanpassungen/-korrekturen
• Mixins & Funktionen überarbeitet (vorher sporadisch Probleme beim Kompilieren)
• Geänderte Methode des Ableitens sekundärer Farben von der Basisfarbe des jeweiligen Presets

Neu:

• Option, Header- und Menuebar oberhalb des Contentwrappers anzuzeigen; responsiv
• Position des Mini-Profils in Beiträgen (rechts oder links) frei konfigurierbar
• Anzeigebreite des Mini-Profils in Beiträgen ab einer Auflösung von 1100px auf einen konfigurierbaren Maximalwert begrenzt.
  Die zugehörige Breite des Postbodys wird automatisch berechnet.

[Joyce&Luna]

Trotzdem wird ein Error angezeigt

Code: Alles auswählen

Error: Undefined variable: "$col-headerbar".
        on line 8 of sass/e:\Testen mit Sass\sassysilver\theme\_colours.scss
>>   background-color: $col_headerbar;
   --------------------^

Muss das ganze noch mal richtig anschauen

[Melmac]

Probiere nochmals den develop Branch.

Das Irre ist: der Code war korrekt - ich habe nur die Variablen nochmals eingesetzt (unverändert!), kompiliert => funzt ...

Wie führst Du das Style-Update durch?

[Joyce&Luna]

Momentan lade ich alles hoch, habe schon das neu drin.
Ich teste gerade dieses Visual Studio, muss schauen wie ich das da compiliert kriege.
Das Programm solltest du dir mal anschauen, hat was.

Anke

So habe jetzt eine Kombi gefunden wie ich was.
Visual Studio Code und Koala arbeiten sehr gut zusammen
Solltest du unbedingt mal testen. Es geht alles automatisch.

Habe mal Single color eingefügt nur um zu testen, klappt auch wunderbar.
Einen Style farblich mit einer Grundfarbe zu gestalten, sieht ziemlich eintönig aus.
Aber du möchtest ja das ganze so gestalten, also werde ich mir mal alle Farben vornehmen die Tage.
Du weiß ja wo du schauen muss was ich da so mache Die .bg1,2,3 und panel (einzelne Farbe) habe ich gemacht.
Es muss noch ein Fehler in der $col_headerbar sein. Das wird noch beanstandet.

[Melmac]

Bei Gelegenheit werde ich Visual Studio mal antesten, aber momentan komme ich mit meiner gewohnten Kombi aus Komodo Edit (oder auch mal ATOM) und Prepros absolut klar

Einen Style farblich mit einer Grundfarbe zu gestalten, sieht ziemlich eintönig aus.

Jain
Normalerweise gehst Du von einer Grundfarbe aus und verwendest dann für die anderen Layoutelemente hierauf abgestimmte Farben. Wie Du diese dann in SASS definierst (Zuweisung fester Farbcodes, errechnete Ableitungen aus der Grundfarbe usw.), müsste, IMHO, eigentlich relativ egal sein, Hauptsache der korrekte Farbwert/-code wird am Ende ausgeworfen.
Gut, je nach Methode unterscheidet sich dann der Steuercode, der den Variablen die entsprechenden Werte zuweist. Es lässt sich aber alles ohne großen Aufwand in der _custom_configuration.scss anpassen bzw. überschreiben: statt wie jetzt kannst Du auch jede Farbvariable einzeln via get_map-Zuordnungen mit fest vorgegebenen Farbcodes je Schema füttern lassen.

Der Hintergrund, warum ich im gegenwärtigen Stadium noch mit simplem Addieren von Schwarz- bzw. Weißanteilen ableite, ist einfach: mir fehlt aktuell noch etwas die Zeit und, vor allem, Kreativität hierfür (durch die einschlägige Farbtheorie quäle ich mich gerade erst durch - ) - wenn, dann muss dies ja für alle zur Auswahl stehenden Schemata umgesetzt werden.

Momentan schlage ich mich mit ein paar Konfigurationsoptionen rum, die noch nicht so recht laufen wollen, daher habe ich das Thema Farbgebung erst einmal etwas nach hinten gestellt - prinzipiell funzt es ja.



P.S.:
Könntest Du mir, wenn Du eine Farbkombination ausgearbeitet hast, diese zukommen lassen? Vielleicht bekomme ich so einen vernünftigen Ansatz hin.

[Joyce&Luna]

Ich arbeite an den Farben und teile mir diese gerade ein um eben ein einheitliches Ergebnis zu erhalten.

Die _custom_configuration.scss lasse ich außen vor, denn die Option soll ja für Nutzer zur Verfügung stehen um eigene Veränderungen vor zu nehmen.
Arbeite gerade zusätzlich mit darken, lighter, saturate desturate usw. Möchte ja einen guten Ausgang erstellen.
Die Farben die mehrfach in colours genutzt werden, muss auch dokumentiert sein.
So viel ich weiß gibt es 50 verschiedene Farbtöne in Prosilver, sich bin ich mir da aber nicht. Da wollte ich mich noch einmal richtig informieren.
Wenn ich schon damit teste dann möchte ich dieses auch vernünftig machen.
Ich werde das heute Abend mal auf Github setzen, den Link dazu gebe ich dir dann.
Werde da noch eine Aufteilung machen.
Background Farben, Text Farben und Borderfarben.
Hinzu werde ich die Administrative Icons in der Colour.scss aufnehmen, wenn dir das Recht ist.
So wie ich das in meinen Styles gemacht habe.

Das ist alles eine Menge Arbeit und nicht mal so eben gemacht. Also bis das ganze mal so richtig ist, wird etwas dauern.
Muss mit den Farben ganz von vorne beginnen, damit wir nicht zig überflüssige Farb Code haben.

Anke

[Melmac]

Klar ist mir das Recht
Konzepte/Ansätze gegenüber stellen bringt vielleicht den einen oder anderen Aha-Effekt bei mir.

So viel ich weiß gibt es 50 verschiedene Farbtöne in Prosilver

Eigentlich ist das doch absoluter Overkill (wie ein paar andere Dinge auch, IMHO ...) und es stellt sich die Frage, ob diese Menge auch wirklich geraucht wird oder überhaupt "sichtbar" ist.

Ich würde/werde im ersten Step auch nur das anpassen, was auch wirklich optisch einen Unterschied macht bzw. was sich mit den Presets beißt - und alles andere erst einmal so lassen, wie es bei prosilver vorgesehen ist. Danach kann man dann immer noch entscheiden, was eventuell entfallen, zusammengefasst oder sostwie "reduziert"/vereinfacht werden kann.

Also bis das ganze mal so richtig ist, wird etwas dauern.

Mach Dir mal keinen Stress - ich habe momentan ohnehin weniger Zeit hierfür als ich eigentlich investieren müsste/könnte (... und ab nächster Woche falle ich mit etwas Pech sogar eine Weile komplett aus ...).

Deinen Ansatz auf GitHub lade ich mir dann mal runter, sobald er Dir rund genug ist und gehe den in Ruhe durch.

Bitte aber eines weiterhin bedenken: es ist und bleibt vorerst ein Konzeptstyle, mit dem ausgelotet werden soll, welche immer wieder nachgefragten Stylefeatures sich mithilfe von SASS/SCSS leichter realisieren und für den Anwender einfacher konfigurieren/umsetzen lassen könnten

---------------------------

Tante Edith:
Erste Screenshots im Startbeitrag eingestellt

[Joyce&Luna]

Habe das verworfen mit dieser Auflistung der Farben. Würde am Ende zu verwirrend sein, wenn man eine andere Farbe nutzt als Blau.

Da unsere beide Style nicht mehr überein stimmten, habe ich komplett neu angefangen und deine jetzigen Daten übernommen.
Neue Farben habe ich gesetzt und du kannst dir das gerne auf Github abholen.

Es folgen noch reichliche. Ich muss mir angewöhnen deine Github Seite im Auge zu behalten.
Solltest du die colours.scss verändern, wäre eine kurze Info ganz nett, damit ich das direkt abgleichen kann.

Anke

[Melmac]

Statt bei Dir eine eigenes (identisches) Repo zu erstellen hättest Du auch einfach meins forken können

[Joyce&Luna]

Ich bin froh das ich das da überhaupt hin kriege,
Englisch ist nicht so mein Ding und Github ist eh ein Kapitel für sich

Wenn alles soweit fertig ist, lösche ich das eh.

Anke