← Alle Beiträge

Leitfäden

Migration von Stylish / Stylus zu JustZix — was du über CSS hinaus gewinnst

15 Mai 2026 · von JustZix Team

Wenn du Stylish oder Stylus seit Jahren nutzt — JustZix ist ihr natürlicher Nachfolger. Alles, was jene für CSS tun, tut JustZix auch. Plus: JS-Regeln (Stylus hat die nicht), Aktionsleisten mit 6 Button-Typen (slider/toggle3/textarea), 4 Fenstertypen im Frontend (CSS pane / JS pane / JS Console / Output Console), Snap connections für Dashboard-Layout, Share-Links mit TTL und Sync über Geräte hinweg. Kein Konto, kein Tracking, vollständig Open-Source. Dieser Beitrag erklärt, was du aus Stylus übernimmst und was du unterwegs aus JustZix hinzufügst.

Warum migrieren — Kurzfassung

Schritt 1 — Stile aus Stylus exportieren

Stylus hat einen eingebauten Backup-Export:

1. Öffne die Stylus-Erweiterung → „Manage" → „Backup" → „Export styles to file"
2. Speichere stylus_backup.json — das ist JSON mit jedem Stil (CSS-Code + Sections mit URL-Präfixen)

Stylish: hast du es genutzt, hast du wahrscheinlich lokale Backups oder Keys zu userstyles.org. JustZix hat keinen direkten Import — manuelles Copy-Paste (jeder Stil = eine neue JustZix-Regel). Im Schnitt 30 Sekunden pro Stil.

Schritt 2 — Konzepte zuordnen

Terminologie unterschiedlich, Semantik ähnlich:

Schritt 3 — CSS einfügen

Für jeden Stylus-Style:

1. In den JustZix-Optionen: Folder → +Regel
2. Scope: wähle „URL-Muster" und füge das Stylus-URL-Präfix ein (z. B. https://reddit.com/*)
3. CSS-Tab: füge den ganzen Code aus der Stylus-Section ein (ohne den @-moz-document-Wrapper — JustZix wrappt automatisch)
4. Speichern

Stylus-syntaxspezifisch: hast du in Stylus einen Less/Stylus/SCSS-Preprocessor genutzt, musst du vor dem Einfügen zu plain CSS vorverarbeiten. JustZix ist nur plain CSS (kein Babel im Browser).

Schritt 4 — Features hinzufügen, die Stylus nicht hat

Nach der CSS-Migration kannst du jede Regel anreichern mit Dingen, die in Stylus unmöglich sind:

4a. JS-Regel — Cookie-Banner automatisch überspringen

Klassische Stylus-Lücke — JS ist ein Seitenkanal, der CSS nicht zur Verfügung steht. JustZix: füge JS in dieselbe Regel ein:

// JS-Regel (gleicher Scope wie CSS)
const observer = new MutationObserver(() => {
  const accept = [...document.querySelectorAll('button, a')]
    .find(b => /accept all|akceptuj wszystkie/i.test(b.textContent));
  if (accept) { accept.click(); observer.disconnect(); }
});
observer.observe(document.body, { childList: true, subtree: true });

CSS hat den Banner visuell verborgen (Verteidigung), JS klickt „Accept", wenn der Banner erscheint (Angriff). Eine Regel, zwei Schichten.

4b. SLIDER-Aktion — Schriftgröße live anpassen

Stylus-Userstyle mit var(--font-size) und einem Zahlen-Prompt — umständlich. JustZix:

// Aktion SLIDER „🔤 Font"
min: 12, max: 22, step: 1, defaultValue: 16, unit: 'px'

code: |
  document.documentElement.style.setProperty('--user-font', value + 'px');

Die CSS-Regel nutzt: body, p, span { font-size: var(--user-font, 16px) !important; }. Ziehe den Slider in der Aktionsleiste → Live-Update ohne F5. Memory pro Domain.

4c. CSS pane — Live-Editor für neue Snippets

Stylus erfordert das Öffnen der Optionsseite + Bearbeiten + Speichern + Seite neu laden. Das JustZix-CSS pane = ein Panel neben der Seite, CSS schreiben, Live-Update im Tab selbst. F5 erhält den Pane-Inhalt (sessionStorage). Perfekt für „etwas vorübergehend ausprobieren".

Schritt 5 — Sync einrichten

Stylus Sync erfordert ein separates Stylus-Konto + manuelle Konfiguration. JustZix nutzt chrome.storage.sync automatisch — wenn du bei Chrome angemeldet bist, werden die Regeln verschlüsselt und über das Google-Konto synchronisiert.

chrome.storage.sync-Limit: 100 KB gesamt + 8 KB pro Item. JustZix teilt große Regeln über Items auf. In der Praxis passen 50-100 CSS+JS-Regeln problemlos. Darüber → chrome.storage.local-Fallback (pro Gerät, kein Sync).

Schritt 6 — Teilen per TTL-Link (statt userstyles.org)

userstyles.org = zentrales Register, öffentlich, persistent. JustZix Share = ephemer, opt-in, TTL von 1h bis 48h:

1. JustZix-Regel → „Share" (Zwischenablage-Symbol oben rechts)
2. Wähle TTL: 1h / 8h / 24h / 48h
3. Du erhältst einen Link https://www.justzix.com/s/aBcDeF123
4. Füge ihn deinem Team in Slack/Discord ein. Klick → sie importieren die Regel zu sich
5. Nach Ablauf der TTL → der Link liefert 404, die Daten werden aus dem Backend gelöscht (DSGVO-Konformität)

Perfekt für QA-Teams — „teste diesen Flow mit meinem Setup", „probiere diese UI-Anpassung", „hier ist eine QA-Leiste zum Importieren". Keine Persistenz in einem öffentlichen Register.

Anwendungsfall 1 — Reddit-Lesemodus

Ein Stylus-Userstyle „Old Reddit reader mode" → 200 Zeilen CSS, die Sidebar, Werbung, Empfehlungen ausblenden. JustZix:

• CSS-Regel (dieselben 200 Zeilen)
• Plus ein TOGGLE3 „Mode" (Reader / Default / Compact) — 3 Zustände mit verschiedenen CSS-Variablen
• Plus ein SLIDER „Width" — Breite der Textspalte
• Plus eine Output Console — logge jede „Klick auf Link"-Aktion (Debug, um zu sehen, was trackt)

Stylus = statisches Styling. JustZix = interaktive Anpassungsschicht.

Anwendungsfall 2 — GitHub Dark Mode (eine bessere Version)

Ein Stylus-Userstyle „GitHub Dark" → 500 Zeilen CSS mit hartkodierten Farben. JustZix:

• CSS-Regel mit CSS-Variablen (--bg, --text, --accent)
• TOGGLE3 „Mode" (Light / Dim / Dark / Auto-system) — 4 Zustände, jeder setzt Variablen
• SLIDER „Saturation" — Farben für Augenkomfort entsättigen

Anpassung direkt im Tab, ohne zur Stylus-Optionsseite zurückzugehen.

Migrations-Fallstricke

• JustZix importiert KEIN Stylus-JSON. Manuelles Copy-Paste pro Regel. In der Praxis: 30 Sek. pro Stil. Hast du 50 Stile → ~25 Min. Ich empfehle, das während einer Kaffeepause zu bündeln.
• Kein Less/Stylus/SCSS-Preprocessing. JustZix-CSS ist plain. Vorverarbeite zur Build-Zeit vor dem Einfügen, oder nutze CSS-Variablen statt Less-Variablen.
• Stylus-Regex-Syntax unterscheidet sich von JustZix. Stylus nutzt regexp("...") in @-moz-document, JustZix scope.url akzeptiert Regex im JS-Stil. Kleine Syntax-Unterschiede — teste die Muster nach der Migration.
• Das zentrale Register userstyles.org gibt es nicht mehr. userstyles.world ist ein teilweiser Nachfolger. JustZix Share ist ephemer, nicht öffentlich — beabsichtigt. Willst du ein öffentliches CSS-Hosting → nutze einen GitHub Gist + JustZix Share für schnelle Links.
• Historischer Stylish-Tracking-Vorfall. 2018 wurde Stylish deaktiviert und es stellte sich heraus, dass Telemetrie-Tracking aktiv war. JustZix ist Open-Source MIT, standardmäßig keine Analytics, GA4 nur nach expliziter Cookie-Zustimmung (DSGVO).

Wie es weitergeht

Nach der Migration von Stylus hast du dieselbe Funktionalität + 5x mehr. Alles optional — du kannst nur CSS-Regeln nutzen wie in Stylus, oder JS-Regeln, Aktionsleisten, Panes einzeln erkunden. Sieh dir auch an:

• Mini-IDE im Tab — vollständige Karte der JustZix-Werkzeuge
• CSS pane — Live-Editor im Tab (das „Stylus-ähnlichste" Feature)
• Dark Mode für jede Website — ein fertiges Snippet für die Migration

Installiere JustZix — Stylus kann parallel laufen (Chrome erlaubt beide Erweiterungen gleichzeitig), du kannst JustZix also testen, ohne Stylus zu löschen. Nach einer Woche siehst du, dass du nur eines brauchst.