A React component library for rendering common AT Protocol records for applications such as Bluesky and Leaflet.
1export type AtProtoStyles = React.CSSProperties & {
2 '--atproto-color-bg'?: string;
3 '--atproto-color-bg-elevated'?: string;
4 '--atproto-color-bg-secondary'?: string;
5 '--atproto-color-text'?: string;
6 '--atproto-color-text-secondary'?: string;
7 '--atproto-color-text-muted'?: string;
8 '--atproto-color-border'?: string;
9 '--atproto-color-border-subtle'?: string;
10 '--atproto-color-link'?: string;
11 '--atproto-color-link-hover'?: string;
12 '--atproto-color-error'?: string;
13 '--atproto-color-button-bg'?: string;
14 '--atproto-color-button-hover'?: string;
15 '--atproto-color-button-text'?: string;
16 '--atproto-color-code-bg'?: string;
17 '--atproto-color-code-border'?: string;
18 '--atproto-color-blockquote-border'?: string;
19 '--atproto-color-blockquote-bg'?: string;
20 '--atproto-color-hr'?: string;
21 '--atproto-color-image-bg'?: string;
22 '--atproto-color-highlight'?: string;
23};