/* Theme Name: OddBits Child Theme URI: https://oddbits.de Description: Child Theme von Twenty Twenty-Five fuer OddBits. Passt Farben, Typografie und einen Hell/Dunkel-Umschalter an, ohne das Eltern-Theme zu veraendern. Author: Marc Berekoven Template: twentytwentyfive Version: 0.1.0 Text Domain: oddbits-child */ /* Diese Datei enthaelt bewusst kein @import mehr (veraltet/langsam). Das Laden von Eltern- und Kind-Stil passiert in functions.php. Hier stehen nur echte Zusatz-Styles, die theme.json nicht abdeckt: der Hell/Dunkel-Umschalter (Button + Overrides). */ /* Kleiner Umschalt-Button, wird per JS in die Kopfzeile eingefuegt */ .oddbits-theme-toggle { background: transparent; border: 1px solid var(--wp--preset--color--foreground); border-radius: 6px; padding: 6px 10px; font-size: 13px; cursor: pointer; color: var(--wp--preset--color--foreground); } .oddbits-theme-toggle:hover { border-color: var(--wp--preset--color--ob-green); } /* Dark Mode: ueberschreibt die von WordPress erzeugten CSS-Variablen fuer Hintergrund/Vordergrund, sobald gesetzt ist. Alle Bloecke, die die Standard-Vorder-/Hintergrundfarbe nutzen (has-background-background-color / has-foreground-color), lesen automatisch den neuen Wert. */ .oddbits-badge { display: inline-block; font-size: 13px; padding: 4px 10px; border-radius: 6px; background: var(--wp--preset--color--ob-green); color: var(--wp--preset--color--background); } .oddbits-tag { display: inline-block; font-size: 13px; padding: 4px 10px; border-radius: 6px; border: 1px solid var(--wp--preset--color--foreground); font-family: var(--wp--preset--font-family--fira-code); } .oddbits-tldr { border-left: 3px solid var(--wp--preset--color--ob-green); padding: 0.75rem 1rem; margin: 1.5rem 0; } html[data-theme='dark'] { --wp--preset--color--background: #0d0d0d; --wp--preset--color--foreground: #ededed; --wp--preset--color--ob-green: #9fc48a; --wp--preset--color--ob-purple: #b79cd6; } html[data-theme='dark'] body { background-color: var(--wp--preset--color--background); color: var(--wp--preset--color--foreground); }