lort · spampoo.hair

Your Appearance

Control how your posts/comments look. (Personal mode only)

Talk / comment styling Font, colors, spacing, border, shadow

Pick a font here, but browse previews on +fonts. These settings apply to your talk bodies only. Other people’s posts keep their own style.

Tip: If something looks broken, hit Reset.
Tip: You can paste values like #ff00aa, rgba(0,0,0,.6), 16px, 1.1em.
Accessibility: Use readable contrast (light text on dark background or vice versa).

Quick presets

Pick a vibe

Presets fill multiple fields for you. You can tweak after.

Font

Font Optional

Leave default if you’re unsure. Fonts can make text harder to read.

Font size Example: 16px

Recommended: 0.95em – 1.2em. Bigger isn’t always better (it can feel “shouty”).

Colors

Text color Example: #eaeaea

Background color Example: #111 #111 / rgba(...)" value="#121212" aria-describedby="bg_help" />

If text disappears, your text + background colors are too similar.

Use transparent to keep the site background.

Background image URL Optional

Advanced. If you use an image, consider adding a dark/light overlay via background color.

Effects

Text shadow Example: 1px 1px 0 #000 #000" value="1px 1px 0 rgba(0,0,0,.55)" aria-describedby="tshadow_help" />

Shadows can improve readability on busy backgrounds. Keep it subtle.

Box shadow Example: 0 8px 24px rgba(0,0,0,.3)

A soft shadow looks more “modern” than huge offset shadows.

Spacing & border

Padding Example: 12px 14px

Padding is the “breathing room” inside your post bubble.

Border Example: 1px solid #333 #000" value="1px solid rgba(255,255,255,.14)" aria-describedby="border_help" />

If you don’t want a border: use none.

Border radius Example: 12px

Rounder corners feel softer. 50% can turn boxes into pills/circles.

Advanced (power user)

These are raw CSS values. If you enter invalid CSS, the site will ignore it.

Custom CSS (extra)

Live preview

This is roughly how your talk body will render.

you · just now

This is your post text. Try setting:

a readable font size
text color + background that contrast
gentle padding and rounded corners

Pro tip: subtle looks better than chaos (unless you want chaos).

/* generated */
.talk-body.you{
  font-family: var(--picked-font, inherit);
  color: var(--ap-color);
  font-size: var(--ap-size);
  text-shadow: var(--ap-text-shadow);
  background-color: var(--ap-bg);
  background-image: var(--ap-bg-image);
  padding: var(--ap-padding);
  border: var(--ap-border);
  border-radius: var(--ap-radius);
  box-shadow: var(--ap-box-shadow);
}