Wie fügt man mehr Optionen zu Farbpaletten hinzu?

[alltiagocom (Tiago)]

Mir ist aufgefallen, dass einige Paletten mehr Optionen zum Festlegen von Farben haben als andere.
Zum Beispiel hat die Dracula-Palette viel mehr Optionen als andere Paletten.

Ich habe diesen Beitrag gesehen, bin mir aber nicht sicher, ob er relevant ist:

Why might dark-light-choose() not work?

I believe, due to the way the SCSS is compiled, custom dark/light definitions need to be added to color_definitions.scss within a theme and won’t work in other scss files. [Screen Shot 2020-12-04 at 9.54.13 PM] color_definitions.scss is high up in the cascade (before a lot of the default styles), so you don’t want to add the .modal.history-modal ins part there. Instead you can just add the color definition itself… $dark-theme-ins: #acf2bd; $light-theme-ins: #4da06d; $ins: dark-light-choose(…

Dies scheint mit Themes zusammenzuhängen, aber Paletten haben nicht die Option, den Code zu bearbeiten und Farbdefinitionen hinzuzufügen.

[awesomerobot (Kris)]

Ja, ein Theme kann einzelne Farben direkt überschreiben – dies ist über den Farbpaletten-Adminbereich nicht möglich

Override values for auto-generated color variables

As of v2.3.3 (released early September) you can now override our automatically-generated SASS color variables ($primary-low, $primary-medium, etc) in remote themes (you can not yet do this directly via the admin UI.) To override one of these colors you need to add it to the color_scheme section of your theme’s about.json file. Once you’ve done that you can see the override listed within your color scheme in /admin/customize/colors. "color_schemes": { “My_colors”: { "primary": "000000…

[alltiagocom (Tiago)]

Vielen Dank für die Mitteilung.

Für jemanden, der mit einigen Dingen noch nicht sehr vertraut ist, bedeutet das also, dass ich mich per SSH mit meinem Server verbinden (wenn das die richtige Terminologie ist?) und diese JSON-Datei finden und die Änderungen vornehmen muss, und dann würde sich das in der Benutzeroberfläche widerspiegeln?

Wenn ja, dann können wir die Standardvariablen überschreiben und auch neue hinzufügen, richtig?

[awesomerobot (Kris)]

@alltiagocom

das bedeutet, ich muss mich per SSH mit meinem Server verbinden (wenn das die richtige Terminologie ist?) und diese JSON-Datei finden, die Änderungen vornehmen, und dann würde sich das in der Benutzeroberfläche widerspiegeln?

Wenn Sie es auf diese Weise tun würden, würde es wahrscheinlich beim nächsten Discourse-Update überschrieben werden… daher sollten Sie die vorhandenen Paletten generell in Ruhe lassen.

Wenn Sie eine neue Palette mit allen erweiterten Farb-Overrides erstellen und diese für Benutzer auswählbar machen möchten, ist der einfachste Weg, ein Theme zu erstellen und es hochzuladen.

Alles, was Sie im Theme selbst tun müssten, ist, die about.json zu bearbeiten, um die Farbdefinitionen zu enthalten… hier gibt es ein Beispiel:

about.json

Sobald das Theme zur Website hinzugefügt wurde, wird die enthaltene Farbpalette zu admin/customize/colors hinzugefügt und Sie können sie für Benutzer auswählbar machen.

Eine andere Möglichkeit, unsere Farben anzupassen, ist, sie direkt mit CSS zu überschreiben. Dies würde die Verwendung eines bestimmten Themes anstelle einer bestimmten Farbpalette erfordern… aber in der gemeinsamen Datei des Themes können Sie so etwas tun:

:root {
  --primary-low: red;
  --secondary: #ff0000;
}

Sie können alle verfügbaren Farben zum Überschreiben sehen, indem Sie den Browser-Inspektor öffnen, das HTML-Element oben anklicken und etwas scrollen (wir haben jetzt viele Variablen).

Der Vorteil dieser Methode ist, dass Sie sie über den Theme-Editor in der Admin-Benutzeroberfläche vornehmen können.

[alltiagocom (Tiago)]

Hier gibt es viel zu verdauen, aber ich werde mir auf jeden Fall Zeit nehmen, es zu lesen, zu analysieren und zu testen.

Vielen Dank für die ausführliche Antwort. Ich habe sie in meinen Notizen gespeichert.