toolkit/content/widgets/moz-input-color/moz-input-color.tokens.css
Propagation: No Props Found
Back to Home/* 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 moz-input-color.tokens.json
* and run `mach buildtokens` to see your changes. */
@layer tokens-foundation, tokens-browser-theme, tokens-foundation-nova, tokens-browser-theme-nova, tokens-prefers-contrast, tokens-prefers-contrast-nova, tokens-forced-colors, tokens-forced-colors-nova;
@layer tokens-foundation {
:root,
:host {
--input-color-background-color: var(--button-background-color-ghost);
--input-color-background-color-hover: var(--button-background-color-ghost-hover);
--input-color-background-color-active: var(--button-background-color-ghost-active);
--input-color-border-color: var(--border-color-interactive);
--input-color-border-color-hover: var(--border-color-interactive-hover);
--input-color-border-color-active: var(--border-color-interactive-active);
--input-color-border-radius: var(--border-radius-medium);
--input-color-gap: var(--space-small);
--input-color-space-padding-block: var(--space-small);
--input-color-space-padding-inline: var(--space-medium);
--input-color-swatch-border-color: var(--border-color-deemphasized);
--input-color-swatch-border-radius: var(--border-radius-circle);
--input-color-swatch-size: var(--size-item-medium);
--input-color-text-color: var(--button-text-color);
--input-color-text-color-hover: var(--button-text-color-hover);
--input-color-text-color-active: var(--button-text-color-active);
}
}
@media -moz-pref("browser.nova.enabled") {
@layer tokens-foundation-nova {
:root,
:host {
--input-color-background-color: var(--button-background-color);
--input-color-background-color-hover: var(--button-background-color-hover);
--input-color-background-color-active: var(--button-background-color-active);
--input-color-border-radius: var(--border-radius-large);
--input-color-space-padding-inline: var(--space-small);
}
}
}