/*
 * Copyright 2020 IBM Corporation
 *
 * 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 './patternfly-alignment';

@mixin colors-dark {
  @include kui-patternfly-alignment-dark-for-carbon;

  --color-base00: #262626;
  --color-base01: #161616;
  --color-base02: #393939;
  --color-base03: #525252;
  --color-base04: #8d8d8d;
  --color-base05: #a8a8a8;
  --color-base06: #f4f4f4;
  --color-base07: #fff;
  --color-base08: #ff8389;
  --color-base09: #bf5b17;
  --color-base0A: #fdd13a;
  --color-base0B: #42be65;
  --color-base0C: #30b0ff;
  --color-base0D: #4589ff;
  --color-base0E: #fa75a6;
  --color-base0F: #bb8eff;

  --color-confirm-background: var(--color-sidecar-header);
  --color-confirm-foreground: var(--color-base06);

  --color-brand-01: #97c1ff;
  --color-brand-02: var(--color-base07);
  --color-brand-03: #0062ff;

  --color-sidecar-toolbar-foreground: var(--color-base01);

  --color-text-02: #bebebe; /**/

  --color-background-03: #393939;

  --color-sidecar-header: #3d3d3d;
  --color-sidecar-background-01: #171717;
  --color-sidecar-border: transparent;

  --color-brand-03: #408bfc;
  --color-content-divider: #4c4c4c;

  --color-stripe-01: var(--color-base02);
  --color-stripe-02: var(--color-sidecar-header);
  --tab-gray-text-color: #b5b5b5;
  --active-tab-color: #6ea6ff;
  --color-repl-background: var(--color-base00);

  --color-prompt-text: #408bfc;

  --color-light-red: #ffd7d9;
  --color-light-green: hsla(143, 73%, 43%, 50%);
  --color-light-yellow: hsla(46, 99%, 59%, 50%);

  --color-table-border3: var(--color-base03);
}

@mixin colors-light {
  @include kui-patternfly-alignment-light-for-carbon;

  --color-base00: #ffffff;
  --color-base01: #f4f4f4;
  --color-base02: #e0e0e0;
  --color-base03: #dcdcdc;
  --color-base04: #f2f4f8;
  --color-base05: #50565b;
  --color-base06: #171717;
  --color-base07: #fff;
  --color-base08: #da1e28;
  --color-base09: #bf5b17;
  --color-base0A: #8e6926;
  --color-base0B: #198038;
  --color-base0C: #0072c3;
  --color-base0D: #054ada;
  --color-base0E: #d12765;
  --color-base0F: #8a3ffc;

  --color-red-sidecar: #fb4b53;
  --color-yellow-sidecar: #fdd13a;
  --color-green-sidecar: #56d679;

  --color-brand-01: #0062ff;
  --color-brand-02: #171717;
  --color-brand-03: #0062ff;

  --color-ui-05: #171717;
  --color-ui-03: #e0e0e0;
  --color-text-02: #565656;

  --color-map-key: #6ea6ff;
  --color-map-value: var(--color-text-inverted01);

  --color-table-border1: var(--color-base01);
  --color-table-border2: #3d4144;
  --color-table-border3: var(--color-base02);

  --color-background-03: var(--color-ui-03);

  --color-sidecar-toolbar-foreground: var(--color-text-01);

  --color-sidecar-header: #282828;
  --color-sidecar-background-01: var(--color-base06);
  --color-sidecar-border: #e4e4e4;

  --color-brand-03: #008fff;
  --color-content-divider: #bfc0c2;

  --color-stripe-01: #fff;
  --color-stripe-02: #f5f7fa;
  --tab-gray-text-color: var(--color-text-01);
  --active-tab-color: #0f62fe;
  --color-repl-background: #f0f0f0;

  --color-light-red: hsla(354, 81%, 51%, 50%);
  --color-light-green: hsla(143, 73%, 43%, 50%);
  --color-light-yellow: hsla(46, 99%, 59%, 50%);

  --color-support-04: var(--color-base0C);
}
