@import '../variables.less';

.@{s2-cls-prefix}-dark-theme {
  @white: #fff;

  // container
  @{css-var-prefix}-background: #000;
  @{css-var-prefix}-tooltip-background: rgba(43, 43, 43, 0.95);
  @{css-var-prefix}-tooltip-operator-background: rgba(43, 43, 43, 0.95);
  @{css-var-prefix}-tooltip-operator-menu-selected-background: #1677ff;

  // container
  @{css-var-prefix}-container-background: #191919;
  @{css-var-prefix}-block-background: #232323;

  // text
  @{css-var-prefix}-font: @white;

  each(range(19), {
    @fadePercent: 100 - @value * 5;
    @{css-var-prefix}-font-@{fadePercent}: fade(@white, @fadePercent);
  });

  // border
  @{css-var-prefix}-border: fade(@white, 15);
  @{css-var-prefix}-divider: fade(@white, 10);
}