:root {
    --app-accent--color: #6D74EE;
    --table-bg: #232332;
    --table-rov-even-bg: #282839;
    --table-border-color: #1c1c27;
}
/* Dark theme for modals and sidepanels */
fuui-modal[data-theme="dark"],
fuui-side-panel[data-theme="dark"],
.cdk-overlay-pane[data-theme="dark"] {
    color-scheme: dark;
    color: var(--app--color);
    /* Modal container */
    --fui-modal--background: #1C1C29;
    --fui-modal--color: #E5E5E6;
    --fui-modal--border-color: #3c3c46;
    --fui-modal--header-border-color: #3c3c46;
    --fui-modal-paragraph-color: #ceced1;
    --theme-modal-backdrop--background: rgba(28, 28, 41, 0.3);

    /* Sidepanel container */
    --theme--background: #1C1C29;
    --theme--color: #cbcbd5;
    --app--color: #cbcbd5;

    /* Inputs */
    --fui-input_background: #1C1C29;
    --fui-input_color: #CECED1;
    --fui-input_icon-color: #FFF;
    --fui-input_border-color: #6F6F77;
    --fui-input_hover_background: #1a1a28;
    --fui-input_hover_border-color: #474776;
    --fui-input_focus_background: #1a1a28;
    --fui-input_focus_border-color: #505DB4;
    --fui-input_focus_color: #E5E5E6;
    --fui-input-label_color: #E5E5E6;
    --fui-input-clear-btn_background: #474776;
    --fui-input-clear-btn_focus_background: #5F5F8D;
    --fui-input_focus-outline-color: white;

    /* Pass generator */
    --fui-pass-generator-label--color: #E5E5E6;

    /* Input readonly */
    --fui-input_readonly_background: #1C1C29;

    /* Input disabled */
    --fui-input_disabled_background: #27272C;
    --fui-input_disabled_border-color: #27272C;
    --fui-input_disabled_color: #B5B7C9;
    --fui-input-label_disabled_color: #B5B7C9;

    /* Buttons */
    --fui-button_color: #E5E5E6;
    --fui-button_border-color: #6F6F77;
    --fui-button_background: #13131F;
    --fui-button_hover_background: #1a1a28;
    --fui-button_hover_color: #E5E5E6;
    --fui-button_hover_border-color: #474776;
    --fui-button_focus_color: #E5E5E6;
    --fui-button_focus_background: #1a1a28;
    --fui-button_focus_border-color: #4452E7;

    /* Action buttons */
    --fui-button_action_background: #4452E7;
    --fui-button_action_color: #F8F8F8;
    --fui-button_action-hover_background: #505DBE;
    --fui-button_action-hover_border-color: #505DBE;

    fuui-textarea .ghost-on-dark-theme {
        --fui-button_action-light_border-color: transparent;
        --fui-button_action-light_color: #CECED1;
    }

    /* Disabled buttons */
    --fui-button_disabled_background: #303788;
    --fui-button_disabled_border-color: #27272C;
    --fui-button_disabled_color: #B5B7C9;

    /* Textarea */
    --fui-textarea_color: #CECED1;
    --fui-textarea-label_color: #E5E5E6;
    --fui-textarea_background: #1C1C29;
    --fui-textarea_border-color: #6F6F77;
    --fui-textarea_hover_background: #1a1a28;
    --fui-textarea_hover_border-color: #474776;
    --fui-textarea_focus_border-color: #505DB4;
    --fui-textarea_focus_background: #1a1a28;
    --fui-textarea_focus_color: #E5E5E6;
    --fui-textarea_readonly_background: #27272C;
    --fui-textarea_disabled_background: #27272C;
    --fui-textarea_disabled_border-color: #27272C;
    --fui-textarea_disabled_color: #B5B7C9;
    --fui-textarea-label_disabled_color: #B5B7C9;
    --fui-textarea-counter_color: #98989c;

    /* Checkbox */
    --fui-checkbox-marker_background: #1C1C29;
    --fui-checkbox-marker_border-color: #3c3c46;
    --fui-checkbox-label_color: #E5E5E6;
    --fui-checkbox-tick_border-color: #4452E7;
    --fui-checkbox-marker_checked_border-color: #4452E7;

    /* Selector */
    --fui-selector-label_background: #1C1C29;
    --fui-selector-label_border-color: #3c3c46;
    --fui-selector-label_icon-color: #E5E5E6;
    --fui-selector-label_hover_background: #1a1a28;
    --fui-selector-label_hover_border-color: #474776;
    --fui-selector-label_opened_background: #1a1a28;
    --fui-selector-label_opened_border-color: #4452E7;
    --fui-selector-options_background: #1C1C29;
    --fui-selector-options_border-color: #3c3c46;
    --fui-selector-option-item_hover_background: #1a1a28;
    --fui-selector-option-item_selected_color: #4452E7;

    /* Selectbox */
    --fui-selectbox_default-normal--background: #1C1C29;
    --fui-selectbox_default-normal--border-color: #6F6F77;
    --fui-selectbox_default-normal--text-color: #E5E5E6;
    --fui-selectbox_default-active--background: #1a1a28;
    --fui-selectbox-dropdown_default-normal--background: #1C1C29;
    --fui-selectbox-dropdown_default-normal--border-color: #3c3c46;
    --fui-select-option_default-selected--text-color: #4452E7;
    --fui-select-option_default-hover--background: #1a1a28;

    /* Radio box */
    --fui-radio-item_default-normal--border-color: #474776;
    --fui-radio-item-label_default-normal--text-color: #98989C;
    --fui-radio-item-label_default-normal--icon-color: #98989C;
    --fui-radio-item-label_checked-normal--text-color: #E5E5E6;
    --fui-radio-item-label_checked-normal--icon-color: #E5E5E6;

    /* Switch */
    --fui-switch_default-normal--background: var(--theme-switch_default-normal--background, transparent);
    --fui-switch_default-normal--color: var(--theme-switch_default-normal--color, #E5E5E6);

    /* Alert */
    --fui-alert_info_background: #2F2F52;
    --fui-alert_info_color: #E5E5E6;
    --fui-alert_info_border-color: transparent;

    --fui-alert_success_background: #2d4a32;
    --fui-alert_success_color: #E5E5E6;
    --fui-alert_success_border-color: #3c5e46;

    --fui-alert_warning_background: #524a2d;
    --fui-alert_warning_color: #E5E5E6;
    --fui-alert_warning_border-color: #685e3c;

    --fui-alert_error_background: #522d2d;
    --fui-alert_error_color: #E5E5E6;
    --fui-alert_error_border-color: #683c3c;

    /* Tree and navigation */
    --app-nav--background: #1C1C29;
    --fuui-tree-node-active--background: #1a1a28;

    /* Tabs */
    --fuui-tabs-divider_color: rgba(200, 200, 202, 0.29);
    --fuui-tabs-tab_color: #F9F9F9;
    --fuui-tabs-tab-active_color: #6D74EE;
    --fuui-tabs-tab-active_border-color: #6D74EE;

    /* Badge */
    --fuui-badge_background: #2F2F52;
    --fuui-badge-active_background: #474776;
    --fuui-badge-active_color: #474776;
    --fuui-badge_color: #B7B9F7;

    /* Table */
    --fui-content-header--border-bottom: 1px solid #3c3c46;
    --theme-secondary--background: transparent;
    --theme-table-cell--color: #E5E5E6;
    --theme-table-header--color: #CECED1;
    --theme-loading-overlay--background: rgba(28, 28, 41, 0.5);

    /* Pagination */
    --theme-pagination-info--color: #CECED1;
    --theme-pagination-btn--color: #E5E5E6;
    --theme-pagination-btn-disabled--color: #6F6F77;
    --theme-pagination-input--background: #1a1a28;
    --theme-pagination-input--border-color: #6F6F77;
    --theme-pagination-input--color: #E5E5E6;

    /* Status Badge */
    --theme-status-badge--border-color: #474776;
    --theme-status-badge--text-color: #E5E5E6;

    /*Slider*/
    --fuui-slider-previev-background: #efeff4;
    --fuui-slider-ruler-background: #98989c;
    --fuui-slider-line-background: #2f2f52;
    --fuui-slider-line-value-background: #4452e7;

    /*Icons*/
    --fuui-icon-primary-ligth: #5972f2;
    --fuui-icon-primary: #5f5f8d;
    --fuui-icon-white-light: #b5b7c9;
    --theme-icon--color: #E5E5E6;

    /*Menu*/
    --fuui-menu-backdrop-background: #323446;
    --fuui-menu-backdrop-background--hover: #3d3f52;
    --fuui-menu-backdrop-color: #fff;

    /* FUDO fds-table -------------- */
    --theme-fds-container-bg: #171717;
    --theme-fds-container-section-bg: #171717;
    --theme-fds-table-row-even-bg: #1b1b1b;
    --theme-fds-table-row-hover-bg: #252525;
    --theme-fds-table-cell-border-color: #272727;


    /* fds-table skeleton */
    --theme-fds-table-skeleton-bar-bg: #2a2a2a;
    --theme-fds-table-skeleton-bar-height: 1rem;
    --theme-fds-table-skeleton-bar-border-radius: 4px;
    --theme-fds-table-skeleton-shimmer-color: rgba(255, 255, 255, 0.1);

    --theme-fudo-filter-bg: #212121;

    /* Filter */
    --fudo-filter-text: #cbcbd5;
    --fudo-filter-bg: var(--table-bg);
    --fudo-filter-border: #2c2c2c;
    --fudo-filter-bg-hover: #1d1d29;
    --fudo-filter-border-hover: #383838;
    --fudo-filter-dropdown-bg: var(--table-bg);
    --fudo-filter-dropdown-border: #2c2c2c;
    --fudo-filter-separator: #2c2c2c;
    --fudo-filter-option-hover: #252525;
    --fudo-filter-border-active: var(--app-accent--color);
    --fudo-filter-bg-active: rgba(117, 154, 255, 0.15);
    --fudo-filter-input-bg: #13131f;
    --fudo-filter-input-border: #2c2c2c;
    --fudo-filter-muted: #747481;

    --fudo-filter-clear-text: #747481;
    --fudo-filter-clear-border: #747481;
    --fudo-filter-clear-hover-bg: transparent;
    --fudo-filter-clear-hover-text: #aaaaba;

    /* Search */
    --fudo-search-text-color: #cccccc;
    --fudo-search-bg: #212121;
    --fudo-search-bg-focus: #212121;
    --fudo-search-border: #2c2c2c;
    --fudo-search-border-focus: #759aff;
    --fudo-search-toggle-bg: #212121;
    --fudo-search-toggle-color: #cccccc;
    --fudo-search-toggle-border: #2c2c2c;
    --fudo-search-toggle-hover-bg: transparent;
    --fudo-search-toggle-hover-border: #383838;
    --fudo-search-toggle-active-hover-bg: transparent;
    --fudo-search-toggle-active-hover-border: #759aff;
    --fudo-search-toggle-active-bg: transparent;
    --fudo-search-toggle-active-border: #759aff;
    --fudo-search-toggle-active-color: #cccccc;

    /* Visibility */
    --fds-visibility-text: #cccccc;
    --fds-visibility-button-bg: #212121;
    --fds-visibility-button-border: #2c2c2c;
    --fds-visibility-panel-bg: #212121;
    --fds-visibility-panel-border: #2c2c2c;
    --fds-visibility-separator: #2c2c2c;
    --fds-visibility-button-hover-bg: #252525;
    --fds-visibility-item-hover-bg: #252525;

    /*Container (fds-table-container)*/
    --fds-container-bg: var(--table-bg);
    --fds-container-section-bg: var(--table-bg);
    /*--fds-container-border-color: purple;*/
    --fds-container-shadow: none;
    --fds-container-section-border-color: var(--table-border-color);

    --fds-table-cell-padding: 0.75rem 1rem;
    --fds-table-row-even-bg: var(--table-rov-even-bg);
    --fds-table-cell-border-color: var(--table-border-color);
    --fds-table-header-border-color: var(--table-border-color);
    --fds-table-row-hover-bg: #2f2f40;
    --fds-table-skeleton-bar-bg: #2a2a2a;
    --fds-table-skeleton-bar-height: 1rem;
    --fds-table-skeleton-bar-border-radius: 4px;
    --fds-table-skeleton-shimmer-color: rgba(255, 255, 255, 0.1);
    --fds-container-border-width: none;
    --fds-table-focus-outline-color: none;
    --fds-table-row-focus-outline-color: var(--app-accent--color, #eee);

    /*Pagination (fds-pagination)*/

    --fds-pagination-button-bg: var(--theme-fudo-filter-bg, #f4f4f4);
    --fds-pagination-text: var(--app--color, #777);
    --fds-pagination-text-secondary: #747481;
    --fds-pagination-button-border: #2c2c2c;
    --fds-pagination-current-bg: var(--theme-fudo-filter-bg, #f4f4f4);
    --fds-pagination-current-text: var(--app--color, #777);
    --fds-pagination-current-border: var(--app-accent--color, #eee);
    --fds-pagination-button-hover-bg: var(--theme-fudo-filter-bg, #f4f4f4);
    --fds-pagination-button-hover-text: var(--app--color, #777);
    --fds-pagination-button-hover-border: #747481;
    --fds-pagination-focus-color: var(--app-accent--color, #eee);

    --fds-pagination-input-bg: var(--theme-fudo-filter-bg, #f4f4f4);
    --fds-pagination-input-disabled-bg: var(--theme-fudo-filter-bg, #f4f4f4);
}