themes.jabref.org

Custom themes for JabRef

---

Project maintained by JabRef Hosted on GitHub Pages — Theme by mattgraham

Style guide

Short rules behind the JabRef theme; the CSS carries no reasoning.

Borders

• -color-border-light: the frame of buttons, text fields and surfaces. It sits back; the content is what the reader looks at.
• -color-border-strong: the check box square. The 2px frame is the control, so it has to read on its own.
• -color-border-muted: separators and dividers.
• Tabs draw no frame. The selected tab is marked by its accent line and background, hovering tints the others (Firefox, IntelliJ).

Separate tokens for separate purposes, at the price of one more line per theme.

Icons

One color. An icon takes the color of the text next to it; no color coding by kind.

Foregrounds

A color that a theme picks as a fill must never be used as a foreground. -color-selection, -color-accent-subtle, -color-badge-bg and -color-drag-target are fills, so the themes tune them for text drawn on them, not for reading against a surface. Text and icons take -color-fg-*, -color-accent or -color-link, whose contrast every theme states in its own contract.