documize/gui/app/styles/color.scss

// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
//
// This software (Documize Community Edition) is licensed under
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
//
// You can operate outside the AGPL restrictions by purchasing
// Documize Enterprise Edition and obtaining a commercial license
// by contacting <sales@documize.com>.
//
// https://documize.com

// Theme colors
$color-primary: #2667af;
$color-link: #0092d3;
$color-border: #f3f5f8;

// Theme-neutral colors
$color-off-white: #f5f5f5;
$color-off-black: #393939;
$color-black: #000000;
$color-white: #ffffff;

$color-red: #d04134;
$color-green: #4caf50;
$color-blue: #2667af;
$color-gray: #8b9096;
$color-goldy: #cc9933;

$color-table-border: #e1e1e1;
$color-table-header: #f5f5f5;
$color-toolbar: #eeeeee;
$color-wysiwyg: #3c3c3c;

$color-input: #5a5a5a;
$color-stroke: #e1e1e1;
$color-tooltip: #a1a1a1;
$color-toast: #4c4c4c;
$color-symbol-box: #dce5e8;
$color-symbol-icon: #a4b8be;
$color-checkbox: #0092d3;

// gray sidebar
$color-sidebar: #f5f5f5;
$color-sidebar-border: #e1e1e1;
$color-sidebar-text: $color-black;
$color-sidebar-link: $color-link;
$color-nav-button: #f2faff;
$color-nav-button-text: #2667af;
$color-nav-button-border: #dff0f9;
$color-selected-item: $color-sidebar;
$color-sidebar-navigation: #f2faff;
$color-sidebar-navigation-border: #dff0f9;
$color-sidebar-toolbar: $color-sidebar-border;

// lightblue sidebar
// $color-sidebar: #f2faff;
// $color-sidebar-border: #dff0f9;
// $color-sidebar-text: $color-black;
// $color-sidebar-link: $color-link;
// $color-nav-button: $color-sidebar;
// $color-nav-button-text: #2667af;
// $color-nav-button-border: #dff0f9;
// $color-selected-item: $color-sidebar;
// $color-sidebar-navigation: $color-gray;
// $color-sidebar-toolbar: $color-sidebar-border;

// black sidebar
// $color-sidebar: $color-off-black;
// $color-sidebar-border: $color-black;
// $color-sidebar-text: $color-white;
// $color-sidebar-link: orange;
// $color-nav-button: orange;
// $color-nav-button-text: $color-off-black;
// $color-nav-button-border: $color-black;
// $color-selected-item: orange;

// Color utility classes for direct usage in HTML
.color-white {
	color: $color-white !important;
}
.color-off-white {
	color: $color-off-white !important;
}
.color-black {
	color: $color-black !important;
}
.color-off-black {
	color: $color-off-black !important;
}
.color-primary {
	color: $color-primary !important;
}
.color-link {
	color: $color-link !important;
}
.color-blue {
	color: $color-blue !important;
}
.color-red {
	color: $color-red !important;
}
.color-green {
	color: $color-green !important;
}
.color-gray {
	color: $color-gray !important;
}

.background-color-white {
	background-color: $color-white !important;
}
.background-color-off-white {
	background-color: $color-off-white !important;
}
.background-color-primary {
	background-color: $color-primary !important;
}
.background-color-green {
	background-color: $color-green !important;
}