@charset "utf-8";
// Copyright 2019, Oath Inc.
// Licensed under the terms of the MIT license. See LICENSE file in project root for terms.

// RESETS
// Body Element
$body-bg-color: #12191F;
$body-text-color: #ffffff;

// COMPONENTS
// Alerts
$alert-bg-color: #303030;
$alert-close-icon-color: #ffffff;
$alert-inline-bg-color: rgba(#CCE2FF, .4);

// Box
$box-bg-color: rgba(#2A3035, .5);
$box-border-color: #606060;

// Breadcrumbs
$breadcrumb-divider-color: rgba(#ffffff, 0.5);
$breadcrumb-active-item-text-color: #ffffff;

// Buttons
$button-solid-disabled-bg-color: rgba(#ffffff, .12);
$button-solid-disabled-text-color: rgba(#ffffff, .5);
$button-ghost-default-bg-color: rgba(#80B6FF, .16);
$button-ghost-default-text-color: #ffffff;
$button-ghost-default-inverse-bg-color: rgba(#80B6FF, .16);
$button-ghost-focus-bg-color: rgba(#016EFF, .26);
$button-ghost-focus-text-color: #ffffff;
$button-ghost-focus-inverse-bg-color: rgba(#016EFF, .26);
$button-ghost-disabled-bg-color: rgba(#ffffff, .12);
$button-ghost-disabled-text-color: rgba(#ffffff, .5);
$button-outline-default-text-color: #ffffff;
$button-outline-focus-text-color: #ffffff;
$button-outline-disabled-bg-color: rgba(#ffffff, .12);
$button-outline-disabled-text-color: rgba(#ffffff, .5);
$button-outline-disabled-border: solid 1px rgba(#ffffff, .5);
$button-text-default-text-color: #80B6FF;
$button-text-focus-bg-color: rgba(#80B6FF, .26);
$button-text-focus-text-color: #80B6FF;
$button-text-focus-inverse-bg-color: rgba(#80B6FF, .26);
$button-text-disabled-text-color: rgba(#ffffff, .5);

// Checkbox
$checkbox-box-border-color-standard: 0 0 0 2px #80B6FF;
$checkbox-box-border-color-disabled: 0 0 0 2px rgba(#ffffff, 0.2);
$checkbox-box-partial-color: #80B6FF;
$checkbox-box-label-text-color: #ffffff;
$checkbox-box-label-disabled-text-color: rgba(#ffffff, 0.4);

// Chips
$chips-bg-color: rgba(#80B6FF, 0.4);
$chips-text-color: #ffffff;

// Fields
$fields-dropdown-arrow-color: "white";
$fields-disabled-bg: rgba(#ffffff, 0.05);
$fields-disabled-text-color: rgba(#ffffff, 0.25);
$fields-disabled-border: inset 0 -2px rgba(#ffffff, 0.05);
$fields-placeholder-text-color: rgba(#ffffff, 0.6);
$fields-default-bg: rgba(#ffffff, 0.1);
$fields-default-text-color: #ffffff;

// Links
$links-text-color: #80B6FF;
$links-hover-text-color: #016EFF;
$links-disabled-text-color: rgba(#ffffff, 0.2);
$links-secondary-text-color: rgba(#ffffff, .7);
$links-secondary-hover-text-color: #ffffff;

// Loader
$loader-color: #80B6FF;
$loader-color-inverse: #ffffff;

// Menus
$menu-bg-color: #2A3035;
$menu-line-break-color: #606060;
$menu-border-color: #606060;

// Modals
$modal-overlay-color: rgba(#000, 0.8);
$modal-modal-container-close-icon-color: #ffffff;
$modal-modal-container-border-color: #606060;
$modal-modal-container-bg-color: #2A3035;

// Navbar
$navbar-bg-color: #2A3035;
$navbar-responsive-bg-color: #1E242A;
$navbar-responsive-menu-bg-color: #2A3035;

// Progress
$progress-bg-color: #606060;

// Radio
$radio-circle-border-standard: 0 0 0 2px #80B6FF;
$radio-circle-border-disabled: 0 0 0 2px rgba(#ffffff, 0.4);
$radio-label-text-color: #ffffff;
$radio-label-disabled-text-color: rgba(#ffffff, 0.4);

// Selects
$selects-dropdown-arrow-color: "white";
$selects-disabled-bg: rgba(#ffffff, 0.05);
$selects-disabled-text-color: rgba(#ffffff, 0.25);
$selects-disabled-border: inset 0 -2px rgba(#ffffff, 0.05);
$selects-placeholder-text-color: rgba(#ffffff, 0.6);
$selects-default-bg: rgba(#ffffff, 0.1);
$selects-default-text-color: #ffffff;

// Switch
$switch-label-text-color: #ffffff;
$switch-label-disabled-text-color: rgba(#ffffff, 0.4);
$switch-circle-bg-color-standard: #12191F;
$switch-circle-border-color-standard: #80B6FF;
$switch-circle-border-color-disabled: rgba(#ffffff, 0.4);
$switch-circle-bg-color-disabled: #12191F;
$switch-slider-disabled-color: rgba(#ffffff, 0.4);

// Table
$table-row-border-bottom: solid 1px #303030;
$table-header-text-color: #ffffff;
$table-header-border-bottom: solid 2px #303030;
$table-footer-bg-color: #303030;
$table-striped-row-bg-color: #303030;
$table-cards-border: solid 1px #303030;
$table-bg-color: #12191F;

// Tabs
$tabs-primary-bg-color: #1E242A;
$tabs-primary-tab-item-text-color: #80B6FF;
$tabs-primary-tab-item-active-text-color: #ffffff;
$tabs-primary-tab-item-active-bg-color: #12191F;
$tabs-primary-tab-item-disabled-text-color: rgba(#ffffff, 0.2);
$tabs-primary-vertical-tab-item-active-bg-color: #12191F;
$tabs-secondary-border: inset 0px -2px rgba(#d5d5d5, .05);
$tabs-secondary-tab-item-text-color: #80B6FF;
$tabs-secondary-tab-item-active-text-color: #ffffff;
$tabs-primary-vertical-tab-item-active-border: inset 0px 0px 0px 1px rgba(#CCE2FF, .1);
$tabs-primary-vertical-tab-item-active-text-color: #ffffff;
$tabs-primary-vertical-tab-item-hover-border: inset 0px 0px 0px 1px rgba(#CCE2FF, .1);
$tabs-primary-vertical-tab-item-hover-text-color: #CCE2FF;
$tabs-primary-vertical-tab-item-disabled-text-color: rgba(#ffffff, 0.4);

// Tags
$tags-icon-color: #ffffff;
$tags-bg-color: rgba(#80B6FF, 0.20);
$tags-text-color: #ffffff;
$tags-active-bg-color: rgba(#80B6FF, 0.5);
$tags-disabled-bg-color: rgba(#ffffff, .1);
$tags-disabled-text-color: rgba(#ffffff, .4);
$tags-outlined-text-color: #ffffff;
$tags-outlined-disabled-text-color: rgba(#ffffff, .4);
$tags-outlined-disabled-bg-color: rgba(#ffffff, .1);
$tags-outlined-disabled-border-color: rgba(#ffffff, .4);
$tags-outlined-hover-bg-color: rgba(#80B6FF, 0.2);

// Titles
$titles-bar-bg-color: rgba(#ffffff, 0.4);

// Toggles
$toggle-bg-color: rgba(#CCE2FF, 0.1);
$toggle-text-color: #80B6FF;
$toggle-text-hover-color: #80B6FF;
$toggle-active-text-color: #ffffff;
$toggle-active-bg-color: transparent;
$toggle-disabled-text-color: rgba(#ffffff, 0.2);

// Tooltips

// Typography
$headline-color: #ffffff;
$paragraph-color: #ffffff;

@import "mixins/theme.scss";
@include generate-theme(denali-dark-theme);