:root {
    --background-color: #000;
    --border-color: #464646;
    --text-item-color: #828282;
    --text-color: #828282;
    --text-login-color: #B0B0B0;
    --text-content-container-color: #ababab;
    --text-header-color: #909090;
    --background-table-color: #606060;
    --background-table-alternate-color: #141518;
    --background-button-color: #4F4F4F;
    --background-login-color: #222;
    --log-color: white;
    --btn-menu-item-color: #C8C8C8;
    --slider-background-color: #3C6FF2;
    --slider-color: white;
    --menu-button-color: #4F4F4F;
    --menu-item-color: #e4dbdb;
    --header-section-background: #1A1A1A;
    --header-section-border: #424248;
    --header-section-color: #FFFFFF;
    --header-logo-box-background: #000000;
    --header-menu-background: #27292C;
    --header-menu-color: #fff;
    --overview-header-cart: #1A1A1A;
    --overview-header-cart-border: #000;
    --overview-header-cart-color: #7E7B85;
    --overview-table-border: #27292C;
    --overview-th-background: #27292C;
    --overview-th-color: #D8D5DF;
    --overview-tr-background: #000000;
    --overview-tr-even-background: #000000;
    --overview-tr-color: #7E7B85;
    --page-tittle-background: #27292C;
    --action-btn-background: #7E7B85;
    --action-btn-color: #000;
    --modal-header-background: #424248;
    --modal-header-color: #ffffff;
    --modal-background: #27292C;
    --modal-color: #D8D5DF;
    --modal-formcontrol-background: #27292C;
    --modal-formcontrol-border: #7E7B85;
    --modal-formcontrol-color: #D8D5DF;
    --modal-footer-background: #424248;
    --table-setting-border: #27292C;
    --setting-box-background: #27292C;
    --setting-box-color: #D8D5DF;
    --setting-box-border: #27292C;
    --list-title-background: #27292C;
    --list-title1-background: #000000;
    --list-title1-color: #D8D5DF;
    --list-title1-border: #27292C;
    --heading-2-color: #D8D5DF;
    --result-section-background: #27292C;
    --result-section-color: #D8D5DF;
    --result-section-border: #27292C;
    --header-button-border: #424248;
    --header-button-background: #27292C;
    --header-button-color: #FFFFFF;
    --icon-btn-radius-background: #7E7B85;
    --icon-btn-radius-color: #000;
    --icon-btn-action-color: #7E7B85;
    --long-btn-color: #D8D5DF;
    --long-btn-background: #00472C;
    --long-btn-color: #D8D5DF;
    --long-btn-background: #00472C;
    --square-btn-color: #D8D5DF;
    --square-btn-background: #7E7B85;
    --short-btn-color: #D8D5DF;
    --short-btn-background: #450000;
    --tr-sub-section-color: #D8D5DF;
    --tr-sub-section-background: #27292C;
    --tr-sub-section-border: #000000;
    --position-background: #1A1A1A;
    --menu-background: #000000;
    --menu-color: #F4F4F4;
    --switch-background: #CCCCCC;
    --switch-indeterminate-background: #E0A800;
    --form-control-disable-background: #1A1A1A;
    --form-control-disable-color: #424248;
    --form-control-disable-border: #424248;
    --formcontrol-color: #D8D5DF;
    --accordian-border: #424248;
    --card-background: #27292C;
    --edit-module-style-background: #424248;
    --notification-popup-border: #27292C;
    --notification-popup-background: #27292C;
    --notification-modal-header-background: #424248;
    --page-title-history-background: #424248;
    --page-sub-title-history-background: #27292C;
    --th-header-history-background: #1A1A1A;
    --border-right-history-color: #000;
    --th-header-history-color: #A29FA8;
    --th-section-history-background: #1A1A1A;
    --th-section-history-color: #A29FA8;
    --th-color-background: #27292C;
    --th-color-color: #D8D5DF;
    --tr-section-history-background: #000000;
    --tr-section-history-color: #7E7B85;
    --tr-section-history-even-background: #27292C;
    --tr-section-history-border: #27292C;
    --td-color: #1a191f;
    --headingdate-color: #A29FA8;
    --border-grid-master-background: #000000;
    --border-grid-master-border: #27292C;
    --tr-section-history-background: #000000;
    --tr-section-history-color: #7E7B85;
    --tr-section-history-even-background: #27292C;
    --tr-section-history-border: #27292C;
    --background-style-back: #1D1E20;
    --background-style-back-border: #242527;
    --tr-sub-view-color: #ffffff;
    --tr-sub-view-border: #ffffff;
    --trade-detail-text-color: #FFFFFF;
    --error-color: #FFFFFF;
    --three-dots-on-off: #FFFFFF;
    --dropdown-on-off: #27292C;
    --list-item-on-off: #3C85F2;

    /* Rebalance-outcome text, routed per theme instead of hardcoded once for a
       light background. Mostly the app's existing palette: the green is
       .dot-green's #2AC940 and the amber is the same #ffc107 Bootstrap's
       .text-warning already used. The red is .red-down-arrow's #FF3366
       lightened until it clears WCAG AA on --modal-background - #FF3366 itself
       is 4.11:1 there, just under. */
    --outcome-ordered-color: #2AC940;
    --outcome-failed-color: #FF6B7A;
    --outcome-inflight-color: #ffc107;
}