# Farbdefinitionen für mehr als helle/dunkle Farbschemata
**URL:** https://meta.discourse.org/t/color-definitions-for-more-than-light-dark-color-schemes/290631
**Category:** Support
**Created:** [5. Januar 2024 um 14:04 UTC](https://meta.discourse.org/t/color-definitions-for-more-than-light-dark-color-schemes/290631 "2024-01-05T14:04:39Z")
**Posts on this page:** 3
**Page:** 1
### Author:  [@digitaldominica](https://meta.discourse.org/u/digitaldominica)
#### Post date: [5. Januar 2024 um 14:04 UTC](https://meta.discourse.org/t/color-definitions-for-more-than-light-dark-color-schemes/290631/1 "2024-01-05T14:04:39Z")
Hallo, ich möchte wissen, wie man Farbdefinitionen für mehr als ein Farbschema festlegt, z. B. Hell, Dunkel, Gedimmt, ähnlich wie bei Twitter.
Mein aktuelles Problem:
Ich kann derzeit die Standard-Hell- und Dunkelfarben, die nicht aufgeführt sind, wie z. B. primary-low, in einer benutzerdefinierten Theme-Komponente stylen, weiß aber nicht, wie ich diesen benutzerdefinierten Farbmodus zu einem anderen Farbschema hinzufügen kann.
```plaintext
$dark-theme-ins: #1e2732;
$light-theme-ins: #e9e9e9;
$dim-theme-ins: #337733;
$ins: dark-light-choose($light-theme-ins, $dark-theme-ins);
:root {
--primary-100:#{$ins};
--primary-low:#{$ins};
}
```
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [6. Januar 2024 um 09:12 UTC](https://meta.discourse.org/t/color-definitions-for-more-than-light-dark-color-schemes/290631/2 "2024-01-06T09:12:53Z")
Hallo 👋
Discourse unterstützt zwei Farbschemata: Hell und Dunkel. Wenn du das Gerät in den Dunkelmodus schaltest, wird standardmäßig die `default dark mode color scheme id`-Site-Einstellung verwendet.
Du kannst Discourse auch mit benutzerdefinierten Farbpaletten versehen.
Neue Farbpaletten kannst du auf der Seite `/admin/customize/colors` festlegen.
oder
Wenn du beispielsweise ein benutzerdefiniertes Theme verwendest, kannst du diese Einstellungen in der Datei `about.json` vornehmen.
So machen wir es zum Beispiel im FKB Pro-Theme.
>
In diesem Fall werden diese Farbpaletten zu `/admin/customize/colors` hinzugefügt.
* * *
Wenn diese Farbpaletten hinzugefügt wurden, können Benutzer sie in den Einstellungen der Benutzervorlieben auswählen, sofern du diese Funktion aktivierst.
* * *
`dark-light-choose()`
Die Funktion `dark-light-choose()` kann nur mit den beiden Farbschemata Hell/Dunkel umgehen, nicht jedoch mit den Farbpaletten. Ich empfehle, sie nur zur Erstellung benutzerdefinierter Farbvariablen zu verwenden, nicht zum Überschreiben der Standardwerte. Um die Standard-Farbvariablen zu überschreiben, kannst du die oben gezeigte Methode anwenden.
Wenn ein Benutzer in den Einstellungen der Benutzervorlieben eine andere Farbpalette als das Standard-Hell/Dunkel des Forums auswählt, werden die mit `dark-light-choose()` erstellten Farbvariablen für alle Hell- oder Dunkel-Farbpaletten der Farbschemata verwendet.
Dies ist einer der Gründe, warum ich das folgende #Customization > Theme component erstellt habe.
> [@Zielbare Farbschemata](https://meta.discourse.org/t/targetable-color-schemes/276967?u=don):
>
> information_sourceZusammenfassung Fügt das Attribut „color scheme“ zu HTML hinzuhammer_and_wrenchRepository [GitHub - VaperinaDEV/targetable-color-schemes: This theme component adds the current color scheme attribute to html.](https://github.com/VaperinaDEV/targetable-color-schemes)questionInstallationsanleitung [So installieren Sie ein Theme oder eine Theme-Komponente](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)open_bookNeu bei Discourse Themes? [Anfängerleitfaden zur Verwendung von Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Hallo wave Diese Theme-Kompo…
Mit diesem Theme-Component kannst du die `color-scheme="id"`s separat ansprechen.
> Was du also tun kannst, ist 🔽
>
> Erstelle Farbpaletten (Hell, Dim, Dunkel)
>
> Verwende das oben genannte Component, um Anpassungen an den Farben der Dim-`color-scheme="id"` oder anderen Einstellungen vorzunehmen, falls erforderlich.
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [5. Februar 2024 um 09:13 UTC](https://meta.discourse.org/t/color-definitions-for-more-than-light-dark-color-schemes/290631/3 "2024-02-05T09:13:07Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.