mirror of
https://github.com/documize/community.git
synced 2025-07-24 15:49:44 +02:00
120 lines
2.9 KiB
SCSS
120 lines
2.9 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 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;
|
|
}
|