/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
@use '../core/styles/theme';
@use '../core/styles/border';

@use '../popover';
@use '../tooltip';
@use '../chips/chip';
@use '../toast';

///
/// Provides the CSS custom property definitions for the default Forge dark theme.
///
@mixin theme-properties {
  // Global Forge theme properties
  @include theme.properties-dark;

  // Popover
  @include popover.provide-theme((
    border-width: border.variable(thin) // Popovers use thin borders in dark theme to increase contrast
  ));

  // Tooltip
  @include tooltip.provide-theme((
    background: theme.variable(surface-bright), // Tooltips use bright surface color in dark theme to increase contrast
    color: theme.variable(text-high),
    border-width: border.variable(thin) // Tooltips use thin borders in dark theme to increase contrast
  ));

  // Chips
  @include chip.provide-theme((
    field-border-color: theme.variable(outline) // Field type chips use a border color in dark theme to increase contrast
  ));

  // Toast
  @include toast.provide-theme((
    action-color: theme.variable(on-surface-inverse) // Toast action button uses tertiary color in dark theme
  ));
}
