src/app/style/vars.scss

/*
 * Copyright 2017-present Open Networking Foundation

 * 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.
 */


// COLORS

//$gray_dark: darken($background-color, 2%);
//$gray_med: #353741;
//$gray_light: #3A3D45;

$color-accent: #f6a821;
$color-font: #949ba2;

$background-dark-color: #24262d;
$background-color: #2f323b;
$background-med-color: darken($background-color, 2%);
$background-light-color: #44464f;
$navigation-color: $background-med-color;
$border-color: lighten($background-color, 6%);
$color-placeholder: darken($color-font, 14%);

$panel-filled-bg: rgba(68,70,79,0.5);

$color-primary: #0F83C9;
$color-info: #56C0E0;
$color-warning: #f7af3e;
$color-danger: #DB524B;
$color-success: #1bbf89;

// SERVICE GRAPH COLORS
$serviceinstances-fg: green;
$instances-fg: #b0dff6;
$networks-fg: #f696ad;

// SIZES
$padding: 10px;
$navigation-width: 200px;