|
@@ -0,0 +1,195 @@
|
|
|
+/*
|
|
|
+ * Customizable variables
|
|
|
+ * Update these variable to create theme
|
|
|
+ */
|
|
|
+
|
|
|
+/*
|
|
|
+ * General
|
|
|
+ */
|
|
|
+
|
|
|
+$background-color: #f8fafc;
|
|
|
+$text-color: #8B9AA7;
|
|
|
+$dim-text-color: #c0c6cc;
|
|
|
+$error-text-color: #c7254e;
|
|
|
+
|
|
|
+$link-color: #70C2A5;
|
|
|
+$hover-link-color: #1cacfc;
|
|
|
+
|
|
|
+@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
|
|
|
+
|
|
|
+$font: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
|
+$font-size: 14px;
|
|
|
+
|
|
|
+/*
|
|
|
+ * Sidebar
|
|
|
+ */
|
|
|
+
|
|
|
+$sidebar-width: 250px;
|
|
|
+
|
|
|
+$sidebar-background-color: #019875;
|
|
|
+$sidebar-contrast-background-color: #018E68;
|
|
|
+$sidebar-contrast-text-color: #50B994;
|
|
|
+
|
|
|
+$sidebar-arrow-color: #0E674D;
|
|
|
+$sidebar-hover-arrow-color: #FDBB5E;
|
|
|
+
|
|
|
+$sidebar-action-color: #66C2A3;
|
|
|
+$sidebar-hover-action-color: #FDBB5E;
|
|
|
+
|
|
|
+$sidebar-title-action-color: #fff;
|
|
|
+$sidebar-hover-title-action-item-color: #FDBB5E;
|
|
|
+
|
|
|
+$sidebar-text-color: #66C2A3;
|
|
|
+$sidebar-icon-color: #49B692;
|
|
|
+$sidebar-link-color: #B6E2D3;
|
|
|
+$sidebar-hover-link-color: #fff;
|
|
|
+$sidebar-hover-background-color: #018E68;
|
|
|
+
|
|
|
+$sidebar-popup-search-input-background-color: #fff;
|
|
|
+$sidebar-popup-search-input-text-color: #7f8fa4;
|
|
|
+$sidebar-popup-search-input-placeholder-color: #93959b;
|
|
|
+
|
|
|
+$sidebar-popup-background-color: #f7f8fa;
|
|
|
+$sidebar-popup-text-color: #7f8fa4;
|
|
|
+$sidebar-popup-overlay-color: #000;
|
|
|
+
|
|
|
+$sidebar-popup-link-text-color: #7f8fa4;
|
|
|
+$sidebar-popup-hover-link-color: #fff;
|
|
|
+$sidebar-popup-hover-link-background-color: #1cacfc;
|
|
|
+
|
|
|
+/*
|
|
|
+ * Top
|
|
|
+ */
|
|
|
+
|
|
|
+$top-height: 32px;
|
|
|
+
|
|
|
+$top-text-color: #8B9EAB;
|
|
|
+$top-separator-color: #C6D8E4;
|
|
|
+$top-link-color: #C6D8E4;
|
|
|
+$top-hover-link-color: #1cacfc;
|
|
|
+$top-border-color: #dce0e6;
|
|
|
+$top-icon-color: #2faa60;
|
|
|
+$top-dropdown-background-color: #03ad86;
|
|
|
+$top-dropdown-border-color: #02996e;
|
|
|
+$top-dropdown-text-color: #fff;
|
|
|
+$top-dropdown-link-color: #beebdb;
|
|
|
+$top-dropdown-hover-link-color: #fff;
|
|
|
+
|
|
|
+/*
|
|
|
+ * Content
|
|
|
+ */
|
|
|
+
|
|
|
+$content-background-color: #fff;
|
|
|
+$content-contrast-background-color: #F8FAFC; //inline list bg
|
|
|
+$content-contrast2-background-color: #E3ECF2; //table header
|
|
|
+$content-contrast3-background-color: #EEF3F7; //dashboard, delete collapsable
|
|
|
+$content-selected-background-color: #FFFDDB;
|
|
|
+$content-contrast2-text-color: $text-color;
|
|
|
+$content-border-color: #f1f2f4; //row bottom
|
|
|
+$content-border2-color: #D5E3EC; //table bottom
|
|
|
+$content-selected-border-color: #EFEDC8;
|
|
|
+
|
|
|
+$tab-selected-border-color: #1cacfc;
|
|
|
+$tab-error-border-color: #c7254e;
|
|
|
+
|
|
|
+/*
|
|
|
+ * Buttons
|
|
|
+ */
|
|
|
+
|
|
|
+$button-background-color: #E3ECF2;
|
|
|
+$button-hover-background-color: #1cacfc;
|
|
|
+$button-active-background-color: #2faa60;
|
|
|
+$button-text-color: #7f8fa4;
|
|
|
+$button-hover-text-color: #fff;
|
|
|
+$button-active-text-color: #fff;
|
|
|
+
|
|
|
+$primary-button-background-color: #2faa60;
|
|
|
+$primary-button-text-color: #fff;
|
|
|
+
|
|
|
+$danger-button-background-color: #c7254e;
|
|
|
+$danger-button-text-color: #fff;
|
|
|
+
|
|
|
+$background-button-background-color: #fff;
|
|
|
+$background-button-text-color: #7f8fa4;
|
|
|
+
|
|
|
+/*
|
|
|
+ * Inputs
|
|
|
+ */
|
|
|
+
|
|
|
+$input-background-color: #fff;
|
|
|
+$input-contrast-background-color: #E3ECF2;
|
|
|
+$input-border-color: #EDEDED;
|
|
|
+$input-hover-background-color: #1cacfc;
|
|
|
+$input-icon-color: #2faa60;
|
|
|
+$input-text-color: $text-color;
|
|
|
+$input-contrast-text-color: #7f8fa4;
|
|
|
+$input-hover-text-color: #fff;
|
|
|
+$input-selected-text-color: #2faa60;
|
|
|
+$input-disabled-text-color: $dim-text-color;
|
|
|
+$input-placeholder-color: #999;
|
|
|
+$input-shadow-color: transparentize(#2faa60, 0.25);
|
|
|
+
|
|
|
+$background-input-background-color: #fff;
|
|
|
+$background-input-border-color: #fff;
|
|
|
+$background-input-text-color: $text-color;
|
|
|
+
|
|
|
+/*
|
|
|
+ * Messages
|
|
|
+ */
|
|
|
+
|
|
|
+$warning-color: #e75e40;
|
|
|
+$warning-text-color: #fff;
|
|
|
+$info-color: #FCA326;
|
|
|
+$info-text-color: #fff;
|
|
|
+$success-color: #2d9fd8;
|
|
|
+$success-text-color: #fff;
|
|
|
+
|
|
|
+/*
|
|
|
+ * Login
|
|
|
+ */
|
|
|
+
|
|
|
+$login-background-color: $sidebar-background-color;
|
|
|
+$login-title-text-color: #aaddcc;
|
|
|
+$login-title-contrast-text-color: #fff;
|
|
|
+$login-header-background-color: $content-contrast2-background-color;
|
|
|
+$login-header-text-color: $content-contrast2-text-color;
|
|
|
+$login-content-background-color: #fff;
|
|
|
+
|
|
|
+/*
|
|
|
+ * jQuery UI
|
|
|
+ */
|
|
|
+
|
|
|
+$jquery-ui-buttonpane-background: $content-contrast2-background-color;
|
|
|
+
|
|
|
+$jquery-ui-state-default-background-color: $input-background-color;
|
|
|
+$jquery-ui-state-default-border-color: $input-border-color;
|
|
|
+$jquery-ui-state-default-text-color: $input-text-color;
|
|
|
+
|
|
|
+$jquery-ui-state-hover-background-color: $button-hover-background-color;
|
|
|
+$jquery-ui-state-hover-border-color: $button-hover-background-color;
|
|
|
+$jquery-ui-state-hover-text-color: $button-hover-text-color;
|
|
|
+
|
|
|
+$jquery-ui-state-active-background-color: $button-active-background-color;
|
|
|
+$jquery-ui-state-active-border-color: $button-active-background-color;
|
|
|
+$jquery-ui-state-active-text-color: $button-active-text-color;
|
|
|
+
|
|
|
+$jquery-ui-state-highlight-background-color: $input-background-color;
|
|
|
+$jquery-ui-state-highlight-border-color: $hover-link-color;
|
|
|
+$jquery-ui-state-highlight-text-color: $hover-link-color;
|
|
|
+
|
|
|
+$jquery-ui-overlay-color: #000;
|
|
|
+
|
|
|
+$jquery-ui-tooltip-background-color: #000;
|
|
|
+$jquery-ui-tooltip-text-color: #fff;
|
|
|
+
|
|
|
+/*
|
|
|
+ * Charts
|
|
|
+ */
|
|
|
+
|
|
|
+$chart-fillColor: transparentize($hover-link-color, 0.75);
|
|
|
+$chart-strokeColor: $hover-link-color;
|
|
|
+$chart-pointColor: #fff;
|
|
|
+$chart-pointHighlightFill: $hover-link-color;
|
|
|
+$chart-scaleGridLineColor: transparentize(#000, 0.9);
|
|
|
+$chart-scaleLineColor: transparentize(#000, 0.9);
|
|
|
+$chart-scaleFontColor: $content-contrast2-text-color;
|