Bläddra i källkod

Add light-green theme

Denis K 9 år sedan
förälder
incheckning
b117f63bfc

+ 195 - 0
jet/static/jet/css/themes/light-green/_variables.scss

@@ -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;

+ 2 - 0
jet/static/jet/css/themes/light-green/base.scss

@@ -0,0 +1,2 @@
+@import "variables";
+@import "../../base";

+ 2 - 0
jet/static/jet/css/themes/light-green/jquery-ui.theme.scss

@@ -0,0 +1,2 @@
+@import "variables";
+@import "../../jquery-ui/jquery-ui.theme";

+ 2 - 0
jet/static/jet/css/themes/light-green/select2.theme.scss

@@ -0,0 +1,2 @@
+@import "variables";
+@import "../../select2/layout";