cronapp-framework-js 2.9.1-SNAPSHOT.2 → 2.9.1-SP.4

package/css/themes/custom/cerulean/navbar-cerulean.css

@@ -1,17 +1,20 @@
+.navbar .navbar-brand img[src="node_modules/cronapp-framework-js/img/cronapp-logo-login.png"] {
+    filter: brightness(0) invert(1);
+}
+
 .navbar {
-    background-image: none;
-    background-color: var(--colorPrimary40, #2fa4e7);
+    background: linear-gradient(var(--colorPrimary30, #eef1f3), var(--colorPrimary40, #e9ecef) 60%, var(--colorPrimary50, #cccfd1));
+    border-color: var(--colorDefault40, #2fa4e7);
     border-bottom: none;
 }
 
 .navbar-inverse {
-    background-image: none;
-    background-color: var(--colorCalm40, #033c73);
+    background: var(--colorCalm40, #033c73);
     border: none
 }
 
 .navbar-inverse .badge {
-    background-color: #fff;
+    background: var(--backgroundColor40, #ffffff);
     color: var(--colorCalm40, #033c73);
 }
 
@@ -29,14 +32,42 @@
 .navbar-default .navbar-nav>.open>a:focus,
 .navbar-default .navbar-nav>.open>a:hover {
     color: var(--textColorPrimary40, #ffffff);
-    background-color: var(--colorPrimary50, #2fa4e7);
+    background: var(--colorPrimary50, #2fa4e7);
 }
 
 .dropdown-menu {
     color: var(--textColor40, #555555);
 }
 
-#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
-#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
+#main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
+#main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
     color: var(--textColor40, #ffffff);
+}
+
+/* Vertical */
+.crn-navigator-vertical {
+    background: linear-gradient(var(--colorPrimary30, #eef1f3), var(--colorPrimary40, #e9ecef) 60%, var(--colorPrimary50, #cccfd1));
+}
+
+.crn-navigator-vertical .navbar{
+    background: transparent;
+}
+
+#main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
+#main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+/*  Menu Toggle */
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+    border-color: var(--colorPrimary60, #2278a9);
+}
+
+@media (max-width: 767px) {
+
+    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
+    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
+        color: var(--textColorPrimary40, #ffffff);
+    }
 }

package/css/themes/custom/cerulean/panel-cerulean.css

@@ -1,51 +1,120 @@
 .panel {
-    background-color: var(--backgroundColor40, #ffffff);
+    background: var(--backgroundColor40, #ffffff);
     box-shadow: none;
 }
 
-
-/* Default */
-.panel-default .panel-heading,
 .panel-footer {
     color: var(--textColorDefault40, #444444);
-    background-color: var(--colorDefault20, #fafafa);
+    background: var(--colorDefault40, #fafafa);
+    border: 0;
 }
 
-/* Primary */
+/* Default */
+.panel-default .panel-heading {
+    color: var(--textColorPrimary40, #ffffff);
+    background: var(--colorPrimary40, #2fa4e7);
+    border-color: var(--colorPrimary40, #2fa4e7);
+}
 
+.panel-default {
+    border-color: var(--colorPrimary40, #2fa4e7);
+}
+
+/* Primary */
 .panel-primary>.panel-heading {
-    color: var(--textColor40, #ffffff);
-    background-color: var(--colorPrimary40, #2fa4e7);
+    color: var(--textColorDefault40, #444444);
+    background: var(--colorDefault40, #f5f5f5);
+    border-color: var(--colorDefault40, #f5f5f5);
 }
 
-/* Sucess */
+.panel-primary {
+    border-color: var(--colorDefault40, #f5f5f5);
+}
 
+/* Sucess */
 .panel-success>.panel-heading {
-    color: var(--textColor40, #ffffff);
-    background-color: var(--colorSuccess40, #73a839);
+    color: var(--textColorSuccess40, #ffffff);
+    background: var(--colorSuccess40, #73a839);
+    border-color: var(--colorSuccess40, #73a839);
 }
 
+.panel-success {
+    border-color: var(--colorSuccess40, #73a839);
+}
 
 /* Info */
 .panel-info>.panel-heading {
-    color: var(--textColor40, #ffffff);
-    background-color: var(--colorCalm40, #033c73);
+    color: var(--textColorCalm40, #ffffff);
+    background: var(--colorCalm40, #033c73);
+    border-color: var(--colorCalm40, #033c73);
+}
+
+.panel-info {
+    border-color: var(--colorCalm40, #033c73);
 }
 
 /* Warning */
 .panel-warning>.panel-heading {
-    color: var(--textColor40, #ffffff);
-    background-color: var(--colorWarning40, #dd5600);
+    color: var(--textColorWarning40, #ffffff);
+    background: var(--colorWarning40, #dd5600);
+    border-color: var(--colorWarning40, #dd5600);
+}
+
+.panel-warning {
+    border-color: var(--colorWarning40, #dd5600);
 }
 
 /* Danger */
 .panel-danger>.panel-heading {
-    color: var(--textColor40, #ffffff);
-    background-color: var(--colorDanger40, #c71c22);
+    color: var(--textColorDanger40, #ffffff);
+    background: var(--colorDanger40, #c71c22);
+    border-color: var(--colorDanger40, #c71c22);
+}
+
+.panel-danger {
+    border-color: var(--colorDanger40, #c71c22);
 }
 
 /* Light */
 .panel-light>.panel-heading {
     color: var(--textColorLight40, #444444);
-    background-color: var(--colorLight40, #ffffff);
+    background: var(--colorLight50, #dfdfdf);
+    border-color: var(--colorLight50, #dfdfdf);
+}
+
+.panel-light {
+    border-color: var(--colorLight50, #dfdfdf);
+}
+
+/* stable */
+.panel-stable>.panel-heading {
+    color: var(--textColorStable40, #ffffff);
+    background: var(--colorStable50, #d9d9d9);
+    border-color: var(--colorStable50, #d9d9d9);
+}
+
+.panel-stable {
+    border-color: var(--colorStable50, #d9d9d9);
+}
+
+/* royal */
+.panel-royal>.panel-heading {
+    color: var(--textColorRoyal40, #ffffff);
+    background: var(--colorRoyal40, #886aea);
+    border-color: var(--colorRoyal40, #886aea);
+}
+
+.panel-royal {
+    border-color: var(--colorRoyal40, #886aea);
+}
+
+/* dark */
+.panel-dark>.panel-heading {
+    color: var(--textColorDark40, #ffffff);
+    background: var(--colorDark40, #444444);
+    border-color: var(--colorDark40, #444444);
+}
+
+.panel-dark {
+    border-color: var(--colorDark40, #444444);
 }

package/css/themes/custom/cosmo/button-cosmo.css

@@ -0,0 +1,109 @@
+.btn.btn-link i,
+.btn.btn-link span,
+.btn.btn-link:focus,
+.btn.btn-link:hover,
+.btn.btn-link.disabled,
+.btn.btn-link[disabled]:hover,
+.btn.btn-link.disabled {
+    color: var(--colorPrimary40, #2780e3);
+}
+
+.btn,
+.k-button {
+    border-radius: 0;
+}
+
+/* Default */
+.k-button.active,
+.k-button:active,
+.btn.active,
+.btn:active,
+.k-button.k-default.active,
+.k-button.k-default:active,
+.btn.btn-default.active,
+.btn.btn-default:active {
+    background: var(--colorDefault30, #7f7f7f);
+    color: var(--textColorDefault40, #ffffff);
+}
+
+/* Primary */
+.btn.btn-primary.active,
+.btn.btn-primary:active,
+.k-button.k-primary.active,
+.k-button.k-primary:active {
+    background: var(--colorPrimary30, #80a7ea);
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+/* Success */
+.btn.btn-success.active,
+.btn.btn-success:active,
+.k-button.k-success.active,
+.k-button.k-success:active {
+    background: var(--colorSuccess30, #87c97d);
+    color: var(--textColorSuccess40, #ffffff);
+}
+
+/* Warning */
+.btn.btn-warning.active,
+.btn.btn-warning:active,
+.k-button.k-warning.active,
+.k-button.k-warning:active {
+    background: var(--colorWarning30, #ffa07d);
+    color: var(--textColorWarning40, #ffffff);
+}
+
+/* Danger */
+.btn.btn-danger.active,
+.btn.btn-danger:active,
+.k-button.k-danger.active,
+.k-button.k-danger:active {
+    background: var(--colorDanger30, #ff7b85);
+    color: var(--textColorDanger40, #ffffff);
+}
+
+/* Info */
+.btn.btn-info.active,
+.btn.btn-info:active,
+.k-button.k-info.active,
+.k-button.k-info:active {
+    background: var(--textColor20, #b2b2b2);
+    color: var(--textColor40, #383838);
+    border: 1px solid var(--textColor20, #b2b2b2);
+}
+
+/* Light */
+.btn.btn-light.active,
+.btn.btn-light:active,
+.k-button.k-light.active,
+.k-button.k-light:active {
+    background: var(--colorLight40, #ffffff);
+    color: var(--textColor40, #383838);
+}
+
+/* Stable */
+.btn.btn-stable.active,
+.btn.btn-stable:active,
+.k-button.k-stable.active,
+.k-button.k-stable:active {
+    background: var(--colorStable30, #fafafa);
+    color: var(--textColorStable40, #444444);
+}
+
+/* Royal */
+.btn.btn-royal.active,
+.btn.btn-royal:active,
+.k-button.k-royal.active,
+.k-button.k-royal:active {
+    background: var(--colorRoyal30, #ab9aef);
+    color: var(--textColorRoyal40, #ffffff);
+}
+
+/* Dark */
+.btn.btn-Dark.active,
+.btn.btn-Dark:active,
+.k-button.k-Dark.active,
+.k-button.k-Dark:active {
+    background: var(--colorDark30, #898989);
+    color: var(--textColorDark40, #ffffff);
+}