Glatte Farbpalettenbearbeitung

Ankündigungen
1

Treffen Sie die nächste Evolutionsstufe im Management Ihres Community-Brandings – eine neu gestaltete Oberfläche zum Erstellen und Bearbeiten von Farbpaletten!

Dieses Update baut auf unseren jüngsten Verbesserungen bei der Verwaltung von Farbpaletten und verbesserten Handhabung von Dunkel- und Hellmodus auf und bietet Administratoren eine noch reibungslosere Möglichkeit, das Erscheinungsbild ihrer Website anzupassen.

:sparkles: Was ist neu?

Die neue Farbpalettenoberfläche fügt sich nahtlos in das gesamte Admin-Designsystem ein und liefert ein kohärentes Erlebnis, das die Palettenverwaltung sowohl leistungsstark als auch zugänglich macht.

Die neue Oberfläche zur Bearbeitung von Farbpaletten.
Die neue Oberfläche zur Bearbeitung von Farbpaletten.1540×2029 286 KB

Die neue Oberfläche umfasst:

  • Integriertes Design, das der modernen Ästhetik der Admin-Oberfläche entspricht.
  • Klare Benennung, damit Sie wissen, wie jede Farbe angewendet wird.
  • Reibungsloserer Workflow zum Erstellen neuer Paletten oder Ändern bestehender.
  • Standard-Palettenkontrollen direkt aus der Bearbeitungsoberfläche, sowohl für den Hell- als auch für den Dunkelmodus.

Beim Erstellen einer neuen Palette können Sie nun eine visuelle Vorschau der Basisfarbpalette sehen, bevor Sie sie auswählen:

Vorschauen für Basisfarbpaletten.
Vorschauen für Basisfarbpaletten.1214×790 44.5 KB

Dies entspricht den Vorschauen, die jetzt auch in anderen Bereichen verfügbar sind, in denen Sie Farbpaletten auswählen – auf der Seite mit der Palettenliste, in den Benutzereinstellungen und in den Theme-Einstellungen.

:rocket: So greifen Sie auf die neue Oberfläche zu

Die neue Farbpaletten-Benutzeroberfläche ist jetzt für alle Discourse-Sites verfügbar! Sie können darauf zugreifen, indem Sie:

  1. Gehen Sie zu Admin → Erscheinungsbild → Farbpaletten.

  2. Klicken Sie auf Bearbeiten bei einer vorhandenen Palette oder auf die Schaltfläche Neu, um eine neue Palette zu erstellen.

Dieses neueste Update stellt unser fortwährendes Engagement dar, Administratoren leistungsstarke, benutzerfreundliche Werkzeuge zur Anpassung des Erscheinungsbilds ihrer Discourse-Communities zur Verfügung zu stellen.

Die verbesserte Oberfläche macht es einfacher als je zuvor, schöne, gebrandete Erlebnisse für Ihre Mitglieder zu schaffen, während die Flexibilität und Kontrolle, die Sie benötigen, erhalten bleibt.

Haben Sie Fragen oder Feedback zur neuen Oberfläche? Wir würden uns freuen, von Ihnen in den Kommentaren unten zu hören!

13 „Gefällt mir“
2

Wäre es möglich, feinere Farbeinstellungen zu ermöglichen? Es gibt viele Berechnungen, um subtile Schattierungen der eingegebenen Farbcodes zu erhalten, und nicht alle davon funktionieren in einigen Szenarien gut. Normalerweise würde ich das in benutzerdefiniertem CSS tun, aber ich habe das Horizon-Theme eingerichtet und es gibt keine Möglichkeit, CSS zu bearbeiten. Also habe ich es sowieso zur Einstellung der Farbpalette gemacht.

3

Sie können eine benutzerdefinierte Komponente zu Horizon hinzufügen, in der Sie Ihr benutzerdefiniertes CSS hinzufügen.

1 „Gefällt mir“
4

Das klingt großartig, ABER mein Punkt war hier allgemeiner (nicht nur Horizon). Wenn die Funktion „Farbpaletten“ es den Leuten ermöglichen soll, Farbschemata nach Belieben zu wechseln, würde benutzerdefiniertes CSS nicht viel helfen. Das benutzerdefinierte CSS müsste jeder Farbpalette zugewiesen werden. Aus architektonischer Sicht.

5

Könnten Sie mehr Kontext dazu geben, was Sie mit feineren Farbeinstellungen tun möchten? Das würde helfen zu sehen, ob wir etwas an der Palettenoberfläche verbessern könnten oder ob benutzerdefiniertes CSS die beste Lösung ist.

6

Mein Problem ist derzeit die tertiäre Farbe. Nehmen wir an, meine Wahlfarbe ist #f7b618. Es ist ein helles Gelb und ich möchte es irgendwo sehen. Als Knopffarbe sieht es großartig aus, aber die Schaltflächentexte sind weiß. Aber wenn ich einen Schaltflächentext festlege, ändert sich die Farbe anderer Elemente. Ich vermute, das Problem ist, dass Sie davon ausgehen, dass ich eine dunkle Farbe wähle, damit die Schaltflächentexte hell sind.

Außerdem werden alle Arten von Farbtönen von der tertiären Farbe berechnet. Z.B. Hintergrund der Seitenleiste (immer noch über das Horizon-Theme). Und ich möchte vielleicht eine andere Farbe dafür wählen (insgesamt, z.B. nur Grau).

Wenn ich also ein wenig wählerisch bei den Farben bin UND den Benutzer eine Farbpalette auswählen lassen möchte (was ich für ein wenig widersprüchlich halte), könnte ich eine Farbpalette basierend auf benutzerdefiniertem CSS verwenden.

Eine andere Option könnte ein Erweitert-Modus sein, in dem Sie beliebige Farbvariablen zuweisen können. Nicht nur diese 12 Hauptvariablen. Dann würden Sie aufhören zu berechnen und mich alle Farben von Hand anpassen lassen, aber immer noch über die Benutzeroberfläche.

7

Ich denke, der erweiterte Modus ist in Create and share a color scheme abgedeckt.

Ich denke, Sie können Targetable Color Schemes verwenden, um etwas nur für ein Farbschema zu überschreiben.

2 „Gefällt mir“
8

Ich verstehe, ich habe weitere Details unter Reference for full color customization gefunden. Es zeigt sie sogar in der Benutzeroberfläche! Großartig. Danke!

2 „Gefällt mir“
9

Es sieht so aus, als hätten Sie die Dinge im Griff. Benutzerdefiniertes CSS in Kombination mit der Komponente „Targetable Color Schemes“ ist eine leistungsstarke Kombination, und das Hinzufügen zusätzlicher Farbfelder ist ebenfalls sehr nützlich.

1 „Gefällt mir“
10

Ja, aber ich würde versuchen, zuerst Reference for full color customization zu verwenden, wenn möglich. Es könnte ausreichen, Zugriff auf alle berechneten Variablen zu haben und die Werte, die mir gefallen, fest zu codieren. CSS ist möglicherweise nicht einmal erforderlich. Aber wenn doch, sind Targetable Color Schemes definitiv der richtige Weg.

1 „Gefällt mir“