﻿@import (multiple) '../../../node_modules/ng-zorro-antd/src/style/themes/dark';
@import './base';
@import './dark-shared-colors';

@font-size-base: 12px;
@font-size-lg: @font-size-base + 2px;
@font-weight-bold: 500;

// height rules
@height-base: 28px;
@height-lg: 32px;
@height-sm: 22px;

// header layout
@layout-header-color: #E2E5E9;
@layout-header-background: #141922;

// body layout
@heading-color: @layout-header-color;
@body-background: #070C14;
@layout-body-background: @body-background;

@tutorial-background: #272E3B;

// ----components----
@title-icon-color: #00bbff;

@info-color: @primary-color;
@warning-color: #FFA200;

@highlight-color: @error-color;
@processing-color: @blue-6;


@text-color-secondary: @text-color;
@text-color-secondary-dark: @text-color;

@background-color-light: #1E222A;
@descriptions-bg: @background-color-light;

@dashboards-panel-background: @body-background;
@dashboards-panel-color: @layout-header-color;
@active-dashboard-background: #323743;

@table-header-bg: @component-background;
@table-footer-bg: @component-background;
@table-row-hover-bg: @background-color-light;
@table-filter-dropdown-bg: @component-background;
@table-filter-btns-bg: @component-background;
@table-header-cell-split-color: @background-color-light;
@table-header-sort-active-bg: @background-color-light;
@table-header-filter-active-bg: fade(@white, 3%);
@table-header-sort-bg: @background-color-light;
@table-fixed-header-sort-active-bg: @background-color-light;

@dropdown-menu-bg: @component-background;
@select-dropdown-bg: @component-background;
@select-item-selected-bg: #323743;
@select-selection-item-bg: @select-item-selected-bg;
@popover-bg: @component-background;
@modal-content-bg: @component-background;
@modal-header-bg: @component-background;
@item-hover-bg: @background-color-light;

@tooltip-bg: @background-color-light;

@border-color-base: #272E3B;
@border-color-split: @border-color-base;

@drawer-bg: @component-background;
@menu-highlight-color: @heading-color;
@menu-item-color: @heading-color;
@menu-item-active-bg: @component-background;
@menu-item-active-border-width: 0;
@menu-inline-submenu-bg: @component-background;

@slider-track-background-color: @primary-color;
@slider-handle-color: @primary-color;
@slider-dot-border-color-active: @primary-color;

// custom variable
@border-color-active: #004280;
// custom variable
@background-color-active: #152B43;

@icon-color-hover: @primary-color;
@link-color: @text-color;
@link-hover-color: @primary-color;

@btn-disable-bg: @component-background;
@btn-disable-border: #747C8B;

// custom variable
@tag-background: #323743;
@link-to-active-btn-color: @primary-color;

@scrollbar-color: @text-color-secondary;

@widget-padding: 10px;
@gridster-item-resizable-handler-width: 5px;
// ----------------------


