cronapp-framework-js 2.9.0 → 2.9.1-RC.26-SNAPSHOT.1

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

@@ -0,0 +1,97 @@
+.navbar .navbar-brand img[src="node_modules/cronapp-framework-js/img/cronapp-logo-login.png"] {
+    filter: brightness(0) invert(1);
+}
+
+.crn-navigator-horizontal .navbar {
+    background: linear-gradient(var(--colorDefault40, #3a3f44), var(--colorDefault40, #3a3f44) 60%, var(--colorDefault50, #33373c));
+    border: 1px solid rgba(0, 0, 0, 0.6);
+}
+
+.navbar-inverse {
+    background: linear-gradient(var(--colorPrimary40, #7a8288), var(--colorPrimary40, #7a8288) 60%, var(--colorPrimary50, #6b7277));
+    border: 1px solid rgba(0, 0, 0, 0.6);
+}
+
+.navbar-inverse .badge {
+    background: #fff;
+    color: var(--colorPrimary40, #7a8288);
+}
+
+.navbar-default .navbar-nav>li>a,
+#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li a,
+#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a {
+    color: var(--textColorDefault40, #ffffff);
+    font-size: var(--textNormalSize, 14px);
+    border-right: 1px solid rgba(0, 0, 0, 0.2);
+    border-left: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.navbar-default .navbar-nav>li>a:focus,
+.navbar-default .navbar-nav>li>a:hover,
+#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li a:hover,
+#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a:hover,
+#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
+#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover,
+.navbar-default .navbar-nav>.open>a,
+.navbar-default .navbar-nav>.open>a:focus,
+.navbar-default .navbar-nav>.open>a:hover {
+    color: var(--textColorDefault40, #ffffff);
+    background: var(--backgroundColor60, #1d2023);
+    border-color: transparent;
+    border-right: 1px solid rgba(0, 0, 0, 0.2);
+    border-left: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.dropdown-menu>li>a,
+.dropdown-menu {
+    color: var(--textColor40, #aaaaaa);
+    background: var(--backgroundColor40, #272b30);
+}
+
+#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 {
+    color: var(--textColor40, #aaaaaa);
+}
+
+/* Vertical */
+.crn-navigator-vertical {
+    background: linear-gradient(var(--colorDefault40, #3a3f44), var(--colorDefault40, #3a3f44) 60%, var(--colorDefault50, #33373c));
+    border-right: 1px solid rgba(0, 0, 0, 0.6);
+}
+
+.crn-navigator-vertical .navbar {
+    background: transparent;
+}
+
+#main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid #navbar .navbar-nav li a {
+    border-color: transparent;
+}
+
+/* Menu mobile */
+.navbar-default .navbar-toggle {
+    border-color: var(--colorDefault70, #222320);
+}
+
+.navbar-default .navbar-toggle .icon-bar {
+    background: var(--colorDefault10, #d8d8d8);
+}
+
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+    border-color: transparent;
+}
+
+.navbar-default .navbar-toggle:focus,
+.navbar-default .navbar-toggle:hover {
+    background: var(--colorDefault60, #2d2e2a);
+    border-color: transparent;
+}
+
+@media (max-width: 767px) {
+
+    .dropdown-menu>li>a,
+    .dropdown-menu {
+        background: transparent;
+    }
+
+}

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

@@ -0,0 +1,87 @@
+.panel {
+    background: var(--backgroundColor40, #ffffff);
+    box-shadow: none;
+    border: 1px solid var(--colorDefault70, #fafafa);
+}
+
+.panel-heading,
+.panel-footer {
+    border: 0;
+    border-bottom: 1px solid;
+}
+
+.panel-footer {
+    color: var(--textColorDefault40, #ffffff);
+    background: var(--colorDefault40, #3a3f44);
+    border-color: var(--colorDefault70, #202325);
+}
+
+/* Default */
+.panel-default .panel-heading {
+    color: var(--textColorPrimary40, #ffffff);
+    background: var(--colorPrimary40, #7a8288);
+    border-color: var(--colorPrimary70, #43474a);
+}
+
+/* Primary */
+.panel-primary .panel-heading {
+    color: var(--textColorDefault40, #ffffff);
+    background: var(--colorDefault40, #3a3f44);
+    border-color: var(--colorDefault70, #202325);
+}
+
+/* Success */
+.panel-success .panel-heading {
+    color: var(--textColorSuccess40, #ffffff);
+    background: var(--colorSuccess40, #73a839);
+    border-color: var(--colorSuccess70, #202325);
+}
+
+/* Info */
+.panel-info .panel-heading {
+    color: var(--textColorCalm40, #ffffff);
+    background: var(--colorCalm40, #5bc0de);
+    border-color: var(--colorInfo70, #32697a);
+}
+
+/* Warning */
+.panel-warning .panel-heading {
+    color: var(--textColorWarning40, #ffffff);
+    background: var(--colorWarning40, #f89406);
+    border-color: var(--colorWarning70, #885103);
+}
+
+/* Danger */
+.panel-danger .panel-heading {
+    color: var(--textColorDanger40, #ffffff);
+    background: var(--colorDanger40, #ee5f5b);
+    border-color: var(--colorDanger70, #823432);
+}
+
+/* Light */
+.panel-light .panel-heading {
+    color: var(--textColorLight40, #444444);
+    background: var(--colorLight40, #e9ecef);
+    border-color: var(--colorLight70, #000000);
+}
+
+/* Stable */
+.panel-stable>.panel-heading{
+    color: var(--textColorStable40, #444444);
+    background: var(--colorStable40, #f8f8f8);
+    border-color: transparent
+}
+
+/* Royal */
+.panel-royal>.panel-heading {
+    color: var(--textColorRoyal40, #ffffff);
+    background: var(--colorRoyal40, #886aea);
+    border-color: transparent
+}
+
+/* Dark */
+.panel-dark>.panel-heading {
+    color: var(--textColorDark40, #ffffff);
+    background: var(--colorDark30, #272b30);
+    border-color: transparent
+}

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

@@ -0,0 +1,312 @@
+.btn,
+.k-button {
+    background: var(--colorDefault40, #474949);
+    text-align: center;
+    color: var(--textColorDefault40, #ffffff);
+    border: 1px solid;
+}
+
+.btn:focus:hover,
+.k-button:focus:hover {
+    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
+}
+
+/* Default */
+.btn,
+.k-button,
+.k-button.k-default,
+.btn.btn-default {
+    background: linear-gradient(var(--colorDefault30, #8a8b8b), var(--colorDefault40, #474949) 50%, var(--colorDefault50, #3e4040));
+    border-color: var(--colorDefault40, #474949);
+    color: var(--textColorDefault40, #ffffff);
+}
+
+.k-button:focus,
+.k-button:hover,
+.btn:focus,
+.btn:hover,
+.k-button.k-default:focus,
+.k-button.k-default:hover,
+.btn.btn-default:focus,
+.btn.btn-default:hover {
+    color: var(--textColorDefault40, #ffffff);
+    background: linear-gradient(var(--colorDefault40, #474949), var(--colorDefault50, #3e4040) 50%, var(--colorDefault60, #343535));
+}
+
+.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 {
+    color: var(--textColorDefault40, #ffffff);
+    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
+    background: var(--colorDefault60, #343535);
+    border-color: var(--colorDefault70, #272828);
+}
+
+/* Primary */
+.k-button.k-primary,
+.btn.btn-primary {
+    background: linear-gradient(var(--colorPrimary30, #899cb7), var(--colorPrimary40, #446e9b) 50%, var(--colorPrimary50, #3c6088));
+    border-color: var(--colorPrimary40, #446e9b);
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+.k-button.k-primary:focus,
+.k-button.k-primary:hover,
+.btn.btn-primary:focus,
+.btn.btn-primary:hover {
+    color: var(--textColorPrimary40, #ffffff);
+    background: linear-gradient(var(--colorPrimary30, #899cb7), var(--colorPrimary50, #3c6088) 50%, var(--colorPrimary60, #325172));
+}
+
+.k-button.k-primary.active,
+.k-button.k-primary:active,
+.btn.btn-primary.active,
+.btn.btn-primary:active {
+    color: var(--textColorPrimary40, #ffffff);
+    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
+    background: var(--colorPrimary60, #325172);
+    border-color: var(--colorPrimary70, #253c55);
+}
+
+/* Success */
+.k-button.k-success,
+.btn.btn-success {
+    background: linear-gradient(var(--colorSuccess30, #86c97f), var(--colorSuccess40, #3cb521) 50%, var(--colorSuccess50, #359e1d));
+    border-color: var(--colorSuccess40, #3cb521);
+    color: var(--textColorSuccess40, #ffffff);
+}
+
+.k-button.k-success:focus,
+.k-button.k-success:hover,
+.btn.btn-success:focus,
+.btn.btn-success:hover {
+    color: var(--textColorSuccess40, #ffffff);
+    background: linear-gradient(var(--colorSuccess30, #86c97f), var(--colorSuccess50, #359e1d) 50%, var(--colorSuccess60, #2c8518));
+}
+
+.k-button.k-success.active,
+.k-button.k-success:active,
+.btn.btn-success.active,
+.btn.btn-success:active {
+    color: var(--textColorSuccess40, #ffffff);
+    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
+    background: var(--colorSuccess60, #2c8518);
+    border-color: var(--colorSuccess70, #216312);
+}
+
+/* Warning */
+.k-button.k-warning,
+.btn.btn-warning {
+    background: linear-gradient(var(--colorWarning30, #dfa07b), var(--colorWarning40, #d47500) 50%, var(--colorWarning50, #ba6600));
+    border-color: var(--colorWarning40, #d47500);
+    color: var(--textColorWarning40, #ffffff);
+}
+
+.k-button.k-warning:focus,
+.k-button.k-warning:hover,
+.btn.btn-warning:focus,
+.btn.btn-warning:hover {
+    color: var(--textColorWarning40, #ffffff);
+    background: linear-gradient(var(--colorWarning30, #dfa07b), var(--colorWarning50, #ba6600) 50%, var(--colorWarning60, #9b5600));
+}
+
+.k-button.k-warning.active,
+.k-button.k-warning:active,
+.btn.btn-warning.active,
+.btn.btn-warning:active {
+    color: var(--textColorWarning40, #ffffff);
+    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
+    background: var(--colorWarning60, #9b5600);
+    border-color: var(--colorWarning70, #744000);
+}
+
+
+/* Danger */
+.k-button.k-danger,
+.btn.btn-danger {
+    background: linear-gradient(var(--colorDanger30, #da7b7b), var(--colorDanger40, #cd0200) 50%, var(--colorDanger50, #b30200));
+    border-color: var(--colorDanger40, #cd0200);
+    color: var(--textColorDanger40, #ffffff);
+}
+
+.k-button.k-danger:focus,
+.k-button.k-danger:hover,
+.btn.btn-danger:focus,
+.btn.btn-danger:hover {
+    color: var(--textColorDanger40, #ffffff);
+    background: linear-gradient(var(--colorDanger30, #da7b7b), var(--colorDanger50, #b30200) 50%, var(--colorDanger60, #960100));
+}
+
+.k-button.k-danger.active,
+.k-button.k-danger:active,
+.btn.btn-danger.active,
+.btn.btn-danger:active {
+    color: var(--textColorDanger40, #ffffff);
+    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
+    background: var(--colorDanger60, #960100);
+    border-color: var(--colorDanger70, #700100);
+}
+
+/* Info */
+.k-button.k-info,
+.btn.btn-info {
+    background: linear-gradient(var(--colorCalm30, #83b6f6), var(--colorCalm40, #474949) 50%, var(--colorCalm50, #2d86d5));
+    border-color: var(--colorCalm40, #3399f3);
+    color: var(--textColorCalm40, #ffffff);
+}
+
+.k-button.k-info:focus,
+.k-button.k-info:hover,
+.btn.btn-info:focus,
+.btn.btn-info:hover {
+    color: var(--textColorCalm40, #ffffff);
+    background: linear-gradient(var(--colorCalm30, #83b6f6), var(--colorCalm50, #2d86d5) 50%, var(--colorCalm60, #2570b2));
+}
+
+.k-button.k-info.active,
+.k-button.k-info:active,
+.btn.btn-info.active,
+.btn.btn-info:active {
+    color: var(--textColorCalm40, #ffffff);
+    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
+    background: var(--colorCalm60, #2570b2);
+    border-color: var(--colorCalm70, #1c5485);
+}
+
+/* Light */
+.k-button.k-light,
+.btn.btn-light {
+    background: linear-gradient(var(--colorLight30, #f2f2f2), var(--colorLight40, #eeeeee) 50%, var(--colorLight50, #d0d0d0));
+    border-color: var(--colorLight40, #446e9b);
+    color: var(--textColorLight40, #000000);
+}
+
+.k-button.k-light:focus,
+.k-button.k-light:hover,
+.btn.btn-light:focus,
+.btn.btn-light:hover {
+    color: var(--textColorLight40, #000000);
+    background: linear-gradient(var(--colorLight30, #f2f2f2), var(--colorLight50, #d0d0d0) 50%, var(--colorLight60, #aeaeae));
+}
+
+.k-button.k-light.active,
+.k-button.k-light:active,
+.btn.btn-light.active,
+.btn.btn-light:active {
+    color: var(--textColorLight40, #000000);
+    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
+    background: var(--colorLight60, #aeaeae);
+    border-color: var(--colorLight70, #828282);
+}
+
+/* Link */
+.btn.btn-link {
+    background: transparent;
+    border: none;
+}
+
+.btn.btn-link i,
+.btn.btn-link span {
+    color: var(--colorCalm40, #3399f3);
+}
+
+.btn.btn-link:focus,
+.btn.btn-link:hover {
+    color: var(--colorCalm40, #3399f3);
+    text-decoration: underline;
+    background: transparent;
+}
+
+.btn.btn-link:focus i,
+.btn.btn-link:hover i {
+    text-decoration: none;
+}
+
+.btn.btn-link.active,
+.btn.btn-link:active {
+    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
+}
+
+/* Stable */
+.k-button.k-stable,
+.btn.btn-stable {
+    background: linear-gradient(var(--colorStable30, #fafafa), var(--colorStable40, #f8f8f8) 50%, var(--colorStable50, #d9d9d9));
+    border-color: var(--colorStable40, #f8f8f8);
+    color: var(--textColorStable40, #444444);
+}
+
+.k-button.k-stable:focus,
+.k-button.k-stable:hover,
+.btn.btn-stable:focus,
+.btn.btn-stable:hover {
+    color: var(--textColorStable40, #444444);
+    background: linear-gradient(var(--colorStable30, #899cb7), var(--colorStable50, #d9d9d9) 50%, var(--colorStable60, #b6b6b6));
+}
+
+.k-button.k-stable.active,
+.k-button.k-stable:active,
+.btn.btn-stable.active,
+.btn.btn-stable:active {
+    color: var(--textColorStable40, #444444);
+    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
+    background: var(--colorStable60, #b6b6b6);
+    border-color: var(--colorStable70, #888888);
+}
+
+/* Royal */
+.k-button.k-royal,
+.btn.btn-royal {
+    background: linear-gradient(var(--colorRoyal30, #ab9aef), var(--colorRoyal40, #886aea) 50%, var(--colorRoyal50, #775dcd));
+    border-color: var(--colorRoyal40, #886aea);
+    color: var(--textColorRoyal40, #ffffff);
+}
+
+.k-button.k-royal:focus,
+.k-button.k-royal:hover,
+.btn.btn-royal:focus,
+.btn.btn-royal:hover {
+    color: var(--textColorRoyal40, #ffffff);
+    background: linear-gradient(var(--colorRoyal30, #ab9aef), var(--colorRoyal50, #775dcd) 50%, var(--colorRoyal60, #644eab));
+}
+
+.k-button.k-royal.active,
+.k-button.k-royal:active,
+.btn.btn-royal.active,
+.btn.btn-royal:active {
+    color: var(--textColorRoyal40, #ffffff);
+    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
+    background: var(--colorRoyal60, #644eab);
+    border-color: var(--colorRoyal70, #4a3a80);
+}
+
+
+/* Dark */
+.k-button.k-dark,
+.btn.btn-dark {
+    background: linear-gradient(var(--colorDark30, #838383), var(--colorDark40, #333333) 50%, var(--colorDark50, #2d2d2d));
+    border-color: var(--colorDark40, #333333);
+    color: var(--textColorDark40, #ffffff);
+}
+
+.k-button.k-dark:focus,
+.k-button.k-dark:hover,
+.btn.btn-dark:focus,
+.btn.btn-dark:hover {
+    color: var(--textColorDark40, #ffffff);
+    background: linear-gradient(var(--colorDark30, #838383), var(--colorDark50, #2d2d2d) 50%, var(--colorDark60, #252525));
+}
+
+.k-button.k-dark.active,
+.k-button.k-dark:active,
+.btn.btn-dark.active,
+.btn.btn-dark:active {
+    color: var(--textColorDark40, #ffffff);
+    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
+    background: var(--colorDark60, #252525);
+    border-color: var(--colorDark70, #1c1c1c);
+}