1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-24 15:49:44 +02:00
documize/gui/app/styles/color.scss
2017-12-05 19:03:38 +00:00

116 lines
2.6 KiB
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
$color-primary: #375061; // #290F3F; //#351056;
$color-primary-light: #E6F1F8; // #F7F2FF;
$color-link: #348A37; //#1b701e;
// black, white
$color-black: #000000;
$color-off-black: #111111;
$color-white: #ffffff;
$color-off-white: #f5f5f5;
// gray
$color-dark: #434343;
$color-gray: #8b9096;
$color-gray-light: #d8d8d8;
$color-gray-light2: #eaeaea;
$color-border: #d3d3d3;
// colors
$color-red: #9E0D1F;
$color-green: #348A37;
$color-blue: #2667af;
$color-goldy: #FFD700;
// widgets
$color-checkbox: #2667af;
$color-symbol-box: #dce5e8;
$color-symbol-icon: #a4b8be;
// ?????
$color-wysiwyg: #3c3c3c;
// DEAD
$color-table-border: #e1e1e1;
$color-table-header: #f5f5f5;
$color-toolbar: #eeeeee;
$color-card: #F9F9F9;
$color-input: #5a5a5a;
$color-stroke: #e1e1e1;
$color-tooltip: #a1a1a1;
$color-toast: #4c4c4c;
$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;
// 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-off-black {
background-color: $color-off-black !important;
}
.background-color-green {
background-color: $color-green !important;
}
.background-color-theme {
background-color: $color-primary !important;
}
.background-color-theme-light {
background-color: $color-primary-light !important;
}