moz-badge.tokens.css

Enable keyboard shortcuts

/* This Source Code Form is subject to the terms of the Mozilla Public

 * License, v. 2.0. If a copy of the MPL was not distributed with this

 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* DO NOT EDIT this file directly, instead modify the relevant *.tokens.json file

 * and run `mach buildtokens` to see your changes. */

@layer acorn.tokens {

  :host {

    --badge-background-color: transparent;

    --badge-background-color-filled: light-dark(var(--color-green-50), var(--color-green-20));

    --badge-border-color: light-dark(rgba(21, 20, 26, 0.4), rgba(251, 251, 254, 0.4));

    --badge-border-color-filled: light-dark(rgba(251, 251, 254, 0.4), rgba(21, 20, 26, 0.4));

    --badge-border-radius: var(--border-radius-circle);

    --badge-border-width: 1px;

    --badge-font-weight: var(--font-weight-semibold);

    --badge-padding-block: 1px;

    --badge-padding-inline: calc(var(--space-xsmall) + var(--space-xxsmall));

    --badge-text-color: var(--text-color);

    --badge-text-color-filled: var(--button-text-color-primary);

  @media (forced-colors: active) {

    :host {

      --badge-background-color: Canvas;

      --badge-background-color-filled: AccentColor;

      --badge-border-color: CanvasText;

      --badge-border-color-filled: CanvasText;

      --badge-text-color: CanvasText;

      --badge-text-color-filled: AccentColorText;