// Component colors
@import 'vars_colorscheme.scss';

// disabled colours are special They are harder to get 4.5:1 and still look disabled!
$wc-ui-color-disabled-fg: #696969;
$wc-ui-color-disabled-bg: #f3f3f3;
$wc-ui-color-disabled-border: $wc-ui-color-disabled-fg;
//disabled controls in the banner, WSection headers, dialog headers etc
$wc-color-primary-disabled: #ccc;
// $wc-ui-color-primary-disabled-bg: #333; //may be unnecessary

// Commonly used colors
// ====================
// This section has definitions in two formats. Where an $wc-* colour variabe is set to an ANT property then this
// colour is also used in SVG and must remain in the ANT properties. Otherwise we set a commonly used color to a
// scheme colour defined above.

// Global colours
$wc-ui-color-global-fg: $std-color-black;
$wc-ui-color-global-bg: $std-color-white;
// Inverse colours when we need to reverse: these should be the exact reverse of the above
$wc-ui-color-inverse-fg: $std-color-white;
$wc-ui-color-inverse-bg: $std-color-black;

// highlights colours
$wc-ui-color-highlight-bg: $std-color-highlight-bg;
$wc-ui-color-highlight-fg: $std-color-highlight-fg;

// generic hover/focus
$wc-ui-color-invite-bg: $std-color-invite-bg;
$wc-ui-color-invite-fg: $std-color-invite-fg;
// where translucent invites are acceptable (eg table rows)
$wc-ui-color-invite-bg-rgba: $std-color-invite-bg-rgba;

// links and headings
$wc-ui-color-link: $std-color-primary;
$wc-ui-color-link-visited: $std-color-secondary;
$wc-ui-color-heading: $std-color-primary;

// border colours - including active element indicator
$wc-ui-color-border: $std-color-lines;
$wc-ui-color-border-form-control: $std-color-lines;

// required field marker
$wc-ui-color-required-marker: $std-color-secondary;

// drop shadows
$wc-ui-color-shadow: $std-color-shadow;

// error indicators
$wc-ui-color-error-fg: $std-color-error-fg;
$wc-ui-color-error-bg: $std-color-error-bg;
// other feedback
$wc-ui-color-info-fg: $std-color-primary;
$wc-ui-color-success-fg: $std-color-success-fg;
$wc-ui-color-warning-fg: $std-color-warning-fg;

// Section headers (WSection)
$wc-ui-color-section-heading-bg: $std-color-primary;
$wc-ui-color-section-heading-fg: $std-color-primary-accent;
$wc-ui-color-section-heading-fg-disabled: $wc-color-primary-disabled;
