Bearming tokens

If you want to use styles and add-ons with a different theme than Bearming, add these tokens to your CSS.

They map Bearming's design language to your theme's existing colors. The tokens use color-mix() to derive values from Bear's default custom properties, so they adapt automatically to any color scheme.

Paste this at the top of your theme's CSS:

/* Bearming tokens */
:root {
  --bg: var(--background-color);
  --text: var(--text-color);
  --link: var(--link-color);
  --visited: var(--visited-color);
  --accent: var(--link);
  --muted: color-mix(in srgb, var(--accent) 15%, color-mix(in srgb, var(--text) 65%, var(--bg)));
  --surface: color-mix(in srgb, var(--accent) 7%, var(--bg));
  --border: color-mix(in srgb, var(--accent) 20%, var(--bg));
  --space-block: 1.8rem;
  --font-small: 0.95rem;
  --font-mono: ui-monospace, monospace;
  --radius: 4px;
}

That's it. Any Bearming style or add-on will now work with your theme.