← Alle Beispiele

Bluesky: eingebetteten Code in Monospace

Hebt eingebettete Code-Schnipsel mit Monospace-Schrift und sanftem Hintergrund hervor – ideal für Dev-Posts.

Code zum Kopieren

/* Render embedded code-like content in a monospace font */
[data-testid="postText"] code,
[data-testid="postText"] pre,
[data-testid="postText"] tt {
  font-family: ui-monospace, 'JetBrains Mono', SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 14px !important;
  background: rgba(0,133,255,0.06) !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
}

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.