You can override any value from the theme reference as a CSS variable, as well as other aspects of a rookery’s appearance.
| Property | Default | What it sets |
|---|---|---|
--idea-tag-size | --idea-label-size | A tag pill’s font size. Follows the name’s size unless you separate them. |
--idea-tag-radius | 999px | A pill’s corner radius. |
--idea-tag-color, --idea-tag-bg | --idea-name-color, rgba(128, 128, 128, .18) | An untagged-by-tags-color pill’s text and background. Setting tags-color writes these per tag for you. |
--idea-tag-line | --idea-border-color | The tick an outline row draws off the outline’s rule, where the row’s idea carries a tag. |
--idea-external-color | --idea-name-color | The underline an outbound link takes on hover, in a references block or an idea page’s footer—so a link that leaves your rookery reads differently from one that stays in it. |
--idea-heading-margin-top | 0.75em | The space above an idea’s heading. Set this in your own stylesheet to return the heading to your site’s own vertical scale. |
--idea-row-pad-block | 0.45rem | An #idea-row row’s vertical padding. Published on purpose, and it inherits, so a cell that paints a background can stretch past it rather than reading as a chip sitting in the row. |
--idea-row-gutter | 7.5em | The width of a row grid’s first column. |
--idea-muted-color | gray | The color of a de-emphasized row cell, and of a row date marked soft:. |
--idea-row-rule-color | unset | The color of a row’s vertical rule. Read and never set by this package’s own stylesheet, precisely so a layered stylesheet can point it somewhere—a sibling package can run an urgency band down that bar. |