diff options
Diffstat (limited to 'toolkit/themes/shared/design-system/tokens-platform.css')
| -rw-r--r-- | toolkit/themes/shared/design-system/tokens-platform.css | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/toolkit/themes/shared/design-system/tokens-platform.css b/toolkit/themes/shared/design-system/tokens-platform.css new file mode 100644 index 0000000000..e7897d11b0 --- /dev/null +++ b/toolkit/themes/shared/design-system/tokens-platform.css @@ -0,0 +1,43 @@ +/* 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/. */ + +@import url("chrome://global/skin/design-system/tokens-shared.css"); + +@media not (prefers-contrast) { + :root, + :host(.anonymous-content-host) { + /** Border **/ + --border-interactive-color: color-mix(in srgb, currentColor 15%, var(--color-gray-60)); + + /** Button **/ + --button-background-color: var(--button-bgcolor); + --button-background-color-hover: var(--button-hover-bgcolor); + --button-background-color-active: var(--button-active-bgcolor); + + /** Color **/ + --color-accent-primary: var(--platform-color-accent); + --color-accent-primary-hover: var(--platform-color-accent-hover); + --color-accent-primary-active: var(--platform-color-accent-active); + --platform-color-accent: var(--button-primary-bgcolor, AccentColor); + --platform-color-accent-hover: var(--button-primary-hover-bgcolor); + --platform-color-accent-active: var(--button-primary-active-bgcolor); + --color-canvas: Canvas; + + /** Font size **/ + --font-size-root: unset; + --font-size-small: unset; + --font-size-large: unset; + --font-size-xlarge: unset; + --font-size-xxlarge: unset; + + /** Link **/ + --link-color: LinkText; + --link-color-hover: LinkText; + --link-color-active: ActiveText; + --link-color-visited: var(--link-color); + + /** Text **/ + --text-color: currentColor; + } +} |