cronapp-framework-js 3.0.0 → 3.1.0

package/css/fonts/nunito/nunito.css

@@ -0,0 +1,270 @@
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Nunito';
+    font-style: italic;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXX3I6Li01BKofIMNaORs71cA.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+    font-family: 'Nunito';
+    font-style: italic;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXX3I6Li01BKofIMNaHRs71cA.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+    font-family: 'Nunito';
+    font-style: italic;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXX3I6Li01BKofIMNaMRs71cA.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+    font-family: 'Nunito';
+    font-style: italic;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXX3I6Li01BKofIMNaNRs71cA.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+    font-family: 'Nunito';
+    font-style: italic;
+    font-weight: 300;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXX3I6Li01BKofIMNaDRs4.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Nunito';
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXX3I6Li01BKofIMNaORs71cA.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+    font-family: 'Nunito';
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXX3I6Li01BKofIMNaHRs71cA.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+    font-family: 'Nunito';
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXX3I6Li01BKofIMNaMRs71cA.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+    font-family: 'Nunito';
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXX3I6Li01BKofIMNaNRs71cA.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+    font-family: 'Nunito';
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXX3I6Li01BKofIMNaDRs4.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 800;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 800;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 800;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 800;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+    font-family: 'Nunito';
+    font-style: normal;
+    font-weight: 800;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

package/css/themes/custom/aquamarine/custom-aquamarine.css

@@ -38,6 +38,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;
@@ -859,6 +860,17 @@ td.k-state-focused.k-state-selected,
     background: var(--colorDefault20, #b1d3d5);
 }
 
+/* Dynamic input upload */
+ .dynamic-input-upload {
+     border: 1px dashed var(--colorDefault40, #3b448e);
+ }
+
+ .dynamic-input-upload btn{
+    border-color: transparent;
+    box-shadow: none;
+    margin: 0;
+ }
+
 .k-autocomplete.k-state-default .k-input,
 .k-combobox .k-state-default .k-input,
 .k-multiselect-wrap,
@@ -1017,29 +1029,28 @@ table.table thead th {
 }
 
 .k-grid table .k-button {
-    background: linear-gradient(90deg, var(--colorDefault50, #279093) 0%, var(--colorDefault30, #81bdc0) 100%);
-    color: var(--textColorDefault40, #ffffff);
     display: inherit;
-    height: 33px;
-    width: 33px;
-    border: 0;
+    min-height: 33px;
+    min-width: 33px;
     margin-right: 10px;
 }
 
+.k-button-with-label .btn .btn-info .k-grid {
+    background: transparent;
+    border: 2px solid var(--colorCalm40, #11c1f3);
+    color: var(--colorCalm40, #11c1f3);
+}
+
 .k-grid table .k-button.active,
 .k-grid table .k-button:active,
 .k-grid table .k-button:focus,
 .k-grid table .k-button:hover {
-    color: var(--colorDefault40, #2ca4a8);
     box-shadow: none;
-    background: var(--colorDefault20, #b1d3d5);
 }
 
 .k-grid table .k-button,
 .k-grid table .k-button:focus:active {
     padding: 5px;
-    min-height: 0;
-    min-width: 0;
     margin: 0;
     margin-right: 5px;
     display: inline-flex;
@@ -1064,6 +1075,10 @@ table.table thead th:hover,
     color: yellow;
 }
 
+.k-button.k-grid-edit.k-grid:hover {
+    background: var(--colorDefault50, #279093);
+}
+
 .k-state-selected,
 .k-state-selected:link,
 .k-state-selected:visited,
@@ -1079,7 +1094,6 @@ table.table thead th:hover,
     border-color: #ccc;
 }
 
-.k-state-selected .k-button:hover,
 .k-state-selected:link .k-button:hover,
 .k-state-selected:visited .k-button:hover,
 .k-tool.k-state-selected .k-button:hover,

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -88,7 +88,7 @@
     --colorDefault40: #222222;
     --colorDefault50: #1e1e1e;
     --colorDefault60: #191919;
-    --colorDefault70: #131313;
+    --colorDefault70: #f5f5f5;
     --textColorDefault10: #8c8c8c;
     --textColorDefault20: #bbbbbb;
     --textColorDefault30: #dfdfdf;
@@ -242,26 +242,26 @@
     --textColorDark70: #ffffff;
 
     /* Color - Neutral (web e mobile) */
-    --colorNeutral00: #FFFFFF;
-    --colorNeutral10: #F1F1F1;
-    --colorNeutral20: #E3E3E3;
-    --colorNeutral30: #D5D5D5;
-    --colorNeutral40: #C7C7C7;
-    --colorNeutral50: #B9B9B9;
-    --colorNeutral60: #ACACAC;
-    --colorNeutral70: #9E9E9E;
+    --colorNeutral00: #ffffff;
+    --colorNeutral10: #f1f1f1;
+    --colorNeutral20: #e3e3e3;
+    --colorNeutral30: #d5d5d5;
+    --colorNeutral40: #c7c7c7;
+    --colorNeutral50: #b9b9b9;
+    --colorNeutral60: #acacac;
+    --colorNeutral70: #9e9e9e;
     --colorNeutral80: #909090;
     --colorNeutral90: #828282;
     --colorNeutral100: #747474;
     --colorNeutral110: #666666;
-    --colorNeutral120: #5D5D5D;
+    --colorNeutral120: #5d5d5d;
     --colorNeutral130: #535353;
-    --colorNeutral140: #4A4A4A;
+    --colorNeutral140: #4a4a4a;
     --colorNeutral150: #414141;
     --colorNeutral160: #383838;
-    --colorNeutral170: #2E2E2E;
+    --colorNeutral170: #2e2e2e;
     --colorNeutral180: #252525;
-    --colorNeutral190: #1C1C1C;
+    --colorNeutral190: #1c1c1c;
     --colorNeutral200: #131313;
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
@@ -385,8 +385,8 @@
     --borderOptionDark: transparent;
 
     /* Components - Panel */
-    --panelDefault: var(--colorPrimary40, #2780e3);
-    --panelPrimary: var(--colorDefault10, #d6d6d6);
+    --panelDefault: var(--colorDefault70, #f5f5f5);
+    --panelPrimary: var(--colorPrimary40, #2780e3);
     --panelSuccess: var(--colorSuccess40, #3fb618);
     --panelCalm: var(--colorCalm40, #11c1f3);
     --panelWarning: var(--colorWarning40, #ff7518);
@@ -649,7 +649,7 @@ a:hover {
 }
 
 .k-treeview .k-in.k-state-selected {
-    background: var(--colorDefault70, #131313);
+    background: var(--colorNeutral200, #131313);
     color: var(--textColorDefault40, #ffffff);
 }
 

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

@@ -13,7 +13,7 @@
 .panel-default .panel-heading,
 .panel-default .panel-footer {    
     color: var(--textColor40, #333333);
-    background: var(--colorDefault10, #d6d6d6);
+    background: var(--colorDefault70, #f5f5f5);
     border-color: transparent
 }
 

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

@@ -1,4 +1,10 @@
 /* Default */
+.k-button, .btn, .k-button.k-default, .btn.btn-default {
+    background: var(--colorDefault40, #424242);
+    border-color: transparent;
+    color: var(--textColorDefault40, #ffffff);
+}
+
 .k-button.k-default.active,
 .k-button.k-default:active,
 .btn.btn-default.active,
@@ -8,6 +14,12 @@
 }
 
 /* Primary */
+.btn.btn-primary {
+    background: var( --colorPrimary40, #2a9fd6);
+    border-color: transparent;
+    color: var(--textColorPrimary40, #ffffff);
+}
+
 .btn.btn-primary.active,
 .btn.btn-primary:active,
 .k-button.k-primary.active,
@@ -17,6 +29,12 @@
 }
 
 /* Success */
+.btn.btn-success {
+    background: var(--colorSuccess40, #77b300);
+    border-color: transparent;
+    color: var(--textColorSuccess40, #ffffff);
+}
+
 .btn.btn-success.active,
 .btn.btn-success:active,
 .k-button.k-success.active,
@@ -26,6 +44,12 @@
 }
 
 /* Warning */
+.btn.btn-warning {
+    background: var(--colorWarning40, #ff8800);
+    border-color: transparent;
+    color: var(--textColorWarning40, #ffffff);
+}
+
 .btn.btn-warning.active,
 .btn.btn-warning:active,
 .k-button.k-warning.active,
@@ -35,6 +59,12 @@
 }
 
 /* Danger */
+.btn.btn-danger {
+    background: var(--colorDanger40, #cc0000);
+    border-color: transparent;
+    color: var(--textColorDanger40, #ffffff);
+}
+
 .btn.btn-danger.active,
 .btn.btn-danger:active,
 .k-button.k-danger.active,
@@ -44,25 +74,47 @@
 }
 
 /* Info */
+.btn.btn-info {
+    background: var(--colorCalm40, #9933cc);
+    border-color: transparent;
+    color: var(--textColorCalm40, #ffffff);
+}
+
 .btn.btn-info.active,
 .btn.btn-info:active,
 .k-button.k-info.active,
 .k-button.k-info:active {
-    background: var(--textColor20, #b2b2b2);
+    background: var(--colorCalm60, #7a29a3);
     color: var(--textColor40, #383838);
-    border: 1px solid var(--textColor20, #b2b2b2);
+    border: 1px solid var(--colorCalm70, #732699);
+}
+
+.k-button:focus:active {
+    box-shadow: unset;
 }
 
 /* Light */
+.btn.btn-light {
+    background: var(--colorLight40, #222222);
+    border-color: transparent;
+    color: var(--textColorLight40, #000000);
+}
+
 .btn.btn-light.active,
 .btn.btn-light:active,
 .k-button.k-light.active,
 .k-button.k-light:active {
-    background: var(--colorLight40, #ffffff);
+    background: var(--colorLight40, #222222);
     color: var(--textColor40, #383838);
 }
 
 /* stable */
+.k-button.k-stable, .btn.btn-stable {
+    background: var(--colorStable40, #f8f8f8);
+    border-color: transparent;
+    color: var(--textColorStable40, #444444);
+}
+
 .btn.btn-stable.active,
 .btn.btn-stable:active,
 .k-button.k-stable.active,
@@ -72,6 +124,12 @@
 }
 
 /* royal */
+ .btn.btn-royal {
+    background: var(--colorRoyal40, #6c2093);
+    border-color: transparent;
+    color: var(--textColorRoyal40, #ffffff);
+}
+
 .btn.btn-royal.active,
 .btn.btn-royal:active,
 .k-button.k-royal.active,
@@ -81,6 +139,12 @@
 }
 
 /* dark */
+.btn.btn-dark {
+    background: var(--colorDark40, #adafae);
+    border-color: transparent;
+    color: var(--textColorDark40, #ffffff);
+}
+
 .btn.btn-dark.active,
 .btn.btn-dark:active,
 .k-button.k-dark.active,