Bunte Kategorien

Anpassung Themenkomponente
,
1
:discourse2: Zusammenfassung Colorful Categories verwendet die Farben jeder Kategorie an mehr Stellen, wenn Sie sich auf einer Kategorie-Topic-Liste befinden oder innerhalb eines Topics.
:eyeglasses: Vorschau Vorschau im Discourse Theme Creator
:hammer_and_wrench: Link zum Repository https://github.com/discourse/discourse-colorful-categories
:open_book: Neu bei Discourse Themes? Anfängerleitfaden zur Verwendung von Discourse Themes

Dieses Theme-Komponente installieren

Funktionen

Colorful Categories verwendet die Farben jeder Kategorie an mehr Stellen, wenn Sie sich auf einer Kategorie-Topic-Liste befinden oder innerhalb eines Topics: in der Kopfzeile, bei Antwort-/Erstellungs-Buttons, der Topic-Zeitachse und im Editor.

Screen Shot 2021-10-27 at 11.37.24 AM
Screen Shot 2021-10-27 at 11.37.24 AM1358×911 71.3 KB

Die Farben des Editors ändern sich je nach ausgewählter Kategorie:

Kapture 2021-10-27 at 11.47.15

Einstellungen

Jede der oben genannten Farbänderungen kann in den Einstellungen des Themes deaktiviert werden.

Name Beschreibung
use category color in composer Deaktivieren, um die Standardfarben des Editors zu verwenden
use category color in header Deaktivieren, um die Standardfarben der Kopfzeile zu verwenden
use category color in timeline Deaktivieren, um die Standardfarben der Topic-Zeitachse zu verwenden
use category color in buttons Deaktivieren, um die Standardfarben der Buttons zu verwenden

Hinweise zur Entwicklung

Sie können alle Einstellungen deaktivieren, wenn Sie diese Komponente nutzen möchten, um Kategorie-Farben als benutzerdefinierte CSS-Eigenschaften wiederverwendbar zu machen. Zum Beispiel werden auf jeder Kategorie-Seite und in jedem Topic diese Eigenschaften gesetzt:

  --category-color
  --category-text-color

Und der Editor erhält:

  --composer-category-text-color
  --composer-category-color

Diese können überall in Ihrem eigenen CSS wiederverwendet werden, zum Beispiel:

body {
  background: var(--category-color); 
}

Es gibt einige Standardwerte, die gesetzt werden, wenn keine Kategorie vorhanden ist. Diese können Sie in Ihrem eigenen CSS ändern:

:root {
  --composer-category-text-color: var(--secondary);
  --composer-category-color: var(--tertiary);
  --category-color: var(--secondary);
  --category-text-color: var(--primary-low-mid);
}

:discourse2: Von uns gehostet? Theme-Komponenten stehen in unseren Standard-, Business- und Enterprise-Plänen zur Verfügung.

42 „Gefällt mir“
New users can't sign up, 404 errors in console
Customizing your site with existing theme components
Unique color scheme for a category
Category color selection should be allowed even when style is "none"
2

Ich mag diese Themenkomponente wirklich, um sehr deutlich zu machen, in welcher Kategorie man sich befindet. Es sieht so aus, als ob sich der Abstand bei einigen Schaltflächen verschiebt, wenn diese Themenkomponente installiert ist.

Mit Themenkomponente:

Screen Shot 2022-01-24 at 11.45.07 AM
Screen Shot 2022-01-24 at 11.45.07 AM448×134 2.75 KB

Ohne Themenkomponente:

Screen Shot 2022-01-24 at 11.44.10 AM
Screen Shot 2022-01-24 at 11.44.10 AM460×154 2.5 KB

2 „Gefällt mir“
3

@awesomerobot Das ist eine wirklich coole Komponente und scheint im Moment unterbewertet zu sein!

Gestern sind wir in eine Situation geraten, in der so etwas in unserer Discourse for Teams-Instanz hilfreich gewesen wäre. (Discourse for Teams… Team… wenn ihr zuhört, fügt bitte diese Theme-Komponente hinzu!)

  • Wir haben eine Reihe von Kategorien, deren Berechtigungen auf bestimmte Gruppen beschränkt sind.
  • Manchmal werden darin sensible Informationen geteilt.
  • Es ist möglich, dass jemand, wenn er nicht vorsichtig ist, die falsche Kategorie auswählt und etwas in eine weniger restriktive Kategorie postet, ohne es zu merken.
    • Schlimmer noch, wenn es automatische Posting-Trigger gibt, wie z. B. nach Slack, könnten diese Inhalte herauskommen, bevor es überhaupt eine Chance gibt, den Beitrag zu verschieben.
      • Und ja, das ist uns passiert.

Eine starke visuelle Anzeige darüber, wohin der Inhalt geht, wäre äußerst hilfreich.

Ich würde sogar vorschlagen, dass dieses (oder eine andere Version dieses) Plugin sich um den „Kategoriekontext“ dreht. Vielleicht könnte eine zusätzliche Funktion darin bestehen, dass der Kategoriename auch an die Aktionsschaltflächen angehängt wird. Siehe unten:

CleanShot 2022-01-25 at 06.56.06@2x
CleanShot 2022-01-25 at 06.56.06@2x618×242 19.1 KB

2 „Gefällt mir“
4

Vielen Dank für dieses versteckte Juwel. Bisher gefällt es mir sehr gut @awesomerobot

Ich habe jedoch ein kleines Problem mit der Menüleiste. Sie ändert die Farbe, da die neues Thema erstellen-Kategorien die Farbe ändern. Ich habe es mit verschiedenen Themen versucht und sie alle haben das gleiche Problem

Gibt es eine Möglichkeit, nur die Farbe der Kategorien zu ändern, aber die Farbe der Menüleiste beizubehalten?
Link

1 „Gefällt mir“
5

Ich habe gerade an einer Instanz gearbeitet, bei der die Kategorie-Farbe bei einigen Kategorien nicht übernommen wurde (und in der Konsole protokolliert wurde). Es hat eine Weile gedauert, bis ich die gemeinsame Ursache gefunden habe, aber es schien die Filter-Einstellung keine Unterkategorien anstelle von alle Themen auf der Seite Kategorie-Einstellungen zu sein:

Screenshot from 2022-06-21 23-11-55

Die Wahl dieser Einstellung fügt der Kategorie-URL /none hinzu. Und dies scheint die Farbauswahl zu beeinträchtigen.

6

Habe das heute hinzugefügt, sieht wirklich gut aus :smiley:

Wenn ich jedoch auf ein Thema klicke, sehe ich jedes Mal ein weißes Quadrat neben dem Kategorienamen. Dann wurde mir klar, dass es sich um die Farbe der Kategorie handelt, aber dieses Quadrat anzuzeigen scheint sinnlos zu sein, wenn die gesamte Kategoriefarbe im Header angezeigt wird.

Ohne TC image
Mit TC image

(TC = Theme Component)

2 „Gefällt mir“
7

Guten Morgen Leute, nach dem heutigen Update ist hier etwas kaputt gegangen, das die Farben der Kategoriegrenzen in der Ansicht “Kategorien + Themen” verändert hat. Kann das jemand bestätigen?

image

1 „Gefällt mir“
Categories boxes border-color broken after update
8

Erlebe das auch, mit dem Material-Theme.

9

Dies hatte nichts mit dieser Komponente zu tun und wurde behoben:

10

Was ist mit dem Hinzufügen eines Kategorien-Auswahlfelds?

Ich möchte es in einigen abonnierten aktivieren (auch mit Vertrauensstufen erreichbar) :slight_smile:

11

Mir ist aufgefallen, dass in Nachrichten die Farbe des Buttons „Thema antworten“ und des Zeitachsen-Handles die gleiche ist wie der Hintergrund. Beide sind weiß auf weiß.

image
image891×427 11.5 KB

Es gibt auch eine Deprecation-Meldung in der Konsole

[THEME 5601 ‘Colorful categories’] Deprecation notice: Importing getOwner from discourse-common/lib/get-owner is deprecated. Use import { getOwner } from '@ember/application', or if you still need the fallback shim, use import { getOwnerWithFallback } from 'discourse-common/lib/get-owner';. [deprecated since Discourse 3.2] [deprecation id: discourse.get-owner-with-fallback]

Und der Sidebar-Umschalter ändert seine Farbe nicht wie das Suchsymbol.

image

2 „Gefällt mir“
12

Komponente muss wahrscheinlich aktualisiert werden

3 „Gefällt mir“
13

Ich denke, dieser sollte in Ordnung sein :rocket:

Ich habe unsere Verzeichnisse all-the-plugins und all-the-themes durchgearbeitet, um betroffene Themes/Plugins im Voraus zu identifizieren. Wir machen Fortschritte bei der Aktualisierung der offiziellen Themes/Plugins auf unserer Seite und ich habe den Autoren von Open-Source-Third-Party-Themes/Plugins, die möglicherweise betroffen sind, private Nachrichten gesendet :writing_hand:

5 „Gefällt mir“