/* GAIAs-Farbschemata fuer gaias.social — ERZEUGT, nicht von Hand aendern. Quelle: tools/build-schemata.py, Farben aus der GAIAs-Plattform. Aufbau: das -Element traegt data-schema (normal|lila|mystisch) und data-modus (hell|dunkel). Ohne data-modus entscheidet die Systemeinstellung. Vorgabe ist "normal"; sie steht zusaetzlich unter :root, damit die Seite auch ohne JavaScript vollstaendig gestaltet ist. */ /* ---- normal ---- */ :root, [data-schema="normal"] { --bg: #f7f3ea; --fg: #2a1f1f; --flaeche: #fffaf3; --rand: #e3d9c9; --gedaempft: #6a5f5a; --verweis: #800020; --verweis-hover: #600018; --akzent: #b08968; --akzent-fg: #1f1414; --eingabe: #e7ded0; color-scheme: light; } @media (prefers-color-scheme: dark) { :root:not([data-schema]):not([data-modus="hell"]), [data-schema="normal"]:not([data-modus="hell"]) { --bg: #181113; --fg: #efe6da; --flaeche: #221a1c; --rand: #3c3033; --gedaempft: #b3a49a; --verweis: #d4ab3c; --verweis-hover: #dbba64; --akzent: #c9697d; --akzent-fg: #20160a; --eingabe: #3c3033; color-scheme: dark; } } [data-schema="normal"][data-modus="dunkel"], :root[data-modus="dunkel"]:not([data-schema]) { --bg: #181113; --fg: #efe6da; --flaeche: #221a1c; --rand: #3c3033; --gedaempft: #b3a49a; --verweis: #d4ab3c; --verweis-hover: #dbba64; --akzent: #c9697d; --akzent-fg: #20160a; --eingabe: #3c3033; color-scheme: dark; } /* ---- lila ---- */ [data-schema="lila"] { --bg: #f5f2f7; --fg: #241d33; --flaeche: #fdfbff; --rand: #e2dbea; --gedaempft: #5f5570; --verweis: #6d4fa1; --verweis-hover: #523b79; --akzent: #14907e; --akzent-fg: #f8f5ff; --eingabe: #e6dfee; color-scheme: light; } @media (prefers-color-scheme: dark) { [data-schema="lila"]:not([data-modus="hell"]) { --bg: #14101f; --fg: #e9e2f2; --flaeche: #1d1730; --rand: #352b4d; --gedaempft: #a89bc0; --verweis: #a98ee6; --verweis-hover: #b9a3e9; --akzent: #2ec4a9; --akzent-fg: #191128; --eingabe: #352b4d; color-scheme: dark; } } [data-schema="lila"][data-modus="dunkel"] { --bg: #14101f; --fg: #e9e2f2; --flaeche: #1d1730; --rand: #352b4d; --gedaempft: #a89bc0; --verweis: #a98ee6; --verweis-hover: #b9a3e9; --akzent: #2ec4a9; --akzent-fg: #191128; --eingabe: #352b4d; color-scheme: dark; } /* ---- mystisch ---- */ [data-schema="mystisch"] { --bg: #f4f3ef; --fg: #16202e; --flaeche: #fdfcf9; --rand: #e0ddd3; --gedaempft: #5b6474; --verweis: #1d2c4b; --verweis-hover: #162138; --akzent: #a8842a; --akzent-fg: #16202e; --eingabe: #e4e1d6; color-scheme: light; } @media (prefers-color-scheme: dark) { [data-schema="mystisch"]:not([data-modus="hell"]) { --bg: #0d1626; --fg: #d7dbe3; --flaeche: #131e31; --rand: #2c3a52; --gedaempft: #9aa2af; --verweis: #c9a227; --verweis-hover: #ccb056; --akzent: #5e7795; --akzent-fg: #f4f3ef; --eingabe: #2c3a52; color-scheme: dark; } } [data-schema="mystisch"][data-modus="dunkel"] { --bg: #0d1626; --fg: #d7dbe3; --flaeche: #131e31; --rand: #2c3a52; --gedaempft: #9aa2af; --verweis: #c9a227; --verweis-hover: #ccb056; --akzent: #5e7795; --akzent-fg: #f4f3ef; --eingabe: #2c3a52; color-scheme: dark; }