// Copyright 2017 The Kubernetes Authors.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

@import '~@angular/material/theming';
@import './theming';

$colors-light: (
  primary: #326de6,
  primary-hover: #0048ff,
  accent: #fff,
  indicator-success: #008000,
  indicator-warning: #ffad20,
  indicator-error: #ff481b,
  chart-blue: #326de6,
  chart-green: #00c752,
  toolbar-button: #000,
  log-viewer-bg: #000,
  log-viewer-text: #fff,
  log-viewer-scrollbar: rgba(200, 200, 200, .66),
);

// sass-lint:disable function-name-format
$kd-blue: map_merge($mat-blue, (500: #326de6));

$theme-light: mat-light-theme(mat-palette($kd-blue), mat-palette($kd-blue), mat-palette($kd-blue));

$background: map-get($theme-light, background);
$background: map_merge($background, (background: #edeff0));
$theme-light: map_merge($theme-light, (background: $background));
// sass-lint:enable function-name-format

// sass-lint:disable no-color-literals
.kd-light-theme {
  @include angular-material-theme($theme-light);
  @include kd-theme($theme-light, $colors-light);

  .kd-toolbar-logo-text,
  .kd-primary-toolbar-icon {
    color: #326de6;
  }

  .kd-actionbar .mat-icon {
    color: #fff;
  }

  .kd-primary-toolbar {
    background-color: #fafafa;
  }
}
// sass-lint:enable no-color-literals
