cronapp-framework-mobile-js 3.0.0-SP.9 → 3.1.0

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

@@ -75,7 +75,7 @@
     --colorDefault10: #dadada;
     --colorDefault20: #b8b8b8;
     --colorDefault30: #909090;
-    --colorDefault40: #555555;
+    --colorDefault40: #424242;
     --colorDefault50: #4a4a4a;
     --colorDefault60: #3e3e3e;
     --colorDefault70: #2f2f2f;
@@ -155,10 +155,10 @@
     --colorRoyal10: #e5d7f1;
     --colorRoyal20: #cfb2e5;
     --colorRoyal30: #b683d9;
-    --colorRoyal40: #9933cc;
-    --colorRoyal50: #862db3;
-    --colorRoyal60: #702595;
-    --colorRoyal70: #541c70;
+    --colorRoyal40: #6c2093;
+    --colorRoyal50: #551774;
+    --colorRoyal60: #4e156b;
+    --colorRoyal70: #401356;
     --textColorRoyal10: #8c8c8c;
     --textColorRoyal20: #bbbbbb;
     --textColorRoyal30: #dfdfdf;
@@ -168,14 +168,13 @@
     --textColorRoyal70: #ffffff;
 
     /* Color - Calm (mobile) */
-    --colorCalm10: #d6eefb;
-    --colorCalm20: #aee0f9;
-    --colorCalm30: #7cd1f6;
-    --colorCalm40: #11c1f3;
-    --colorCalm50: #0fa9d5;
-    --colorCalm60: #0c8db2;
-    --colorCalm70: #096a85;
-
+    --colorCalm10: #d99df8;
+    --colorCalm20: #ba61e7;
+    --colorCalm30: #a741da;
+    --colorCalm40: #9933cc;
+    --colorCalm50: #822bad;
+    --colorCalm60: #7a29a3;
+    --colorCalm70: #732699;
     --textColorCalm10: #8c8c8c;
     --textColorCalm20: #bbbbbb;
     --textColorCalm30: #dfdfdf;
@@ -188,7 +187,7 @@
     --colorLight10: #d6d6d6;
     --colorLight20: #afafaf;
     --colorLight30: #7f7f7f;
-    --colorLight40: #222222;
+    --colorLight40: #adafae;
     --colorLight50: #1e1e1e;
     --colorLight60: #191919;
     --colorLight70: #131313;
@@ -208,7 +207,6 @@
     --colorStable50: #d9d9d9;
     --colorStable60: #b6b6b6;
     --colorStable70: #888888;
-
     --textColorStable10: #252525;
     --textColorStable20: #323232;
     --textColorStable30: #3c3c3c;
@@ -221,7 +219,7 @@
     --colorDark10: #e9eaea;
     --colorDark20: #d7d8d7;
     --colorDark30: #c3c5c4;
-    --colorDark40: #adafae;
+    --colorDark40: #222222;
     --colorDark50: #979998;
     --colorDark60: #7f807f;
     --colorDark70: #5f605f;
@@ -234,26 +232,26 @@
     --textColorDark70: #d5d5d5;
 
     /* 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;
@@ -261,17 +259,16 @@
     /* === Variables used exclusively in the color palette property === */
     /* Components - Button */
     --btnLink: var(--colorPrimary40, #2a9fd6);
-    --btnDefault: var(--colorDefault40, #555555);
+    --btnDefault: var(--colorDefault40, #424242);
     --btnPrimary: var(--colorPrimary40, #2a9fd6);
     --btnSuccess: var(--colorSuccess40, #77b300);
-    --btnCalm: var(--colorCalm40, #11c1f3);
+    --btnCalm: var(--colorCalm40, #9933cc);
     --btnWarning: var(--colorWarning40, #ff8800);
     --btnDanger: var(--colorDanger40, #cc0000);
     --btnLight: var(--colorLight40, #222222);
     --btnStable: var(--colorStable40, #f8f8f8);
-    --btnRoyal: var(--colorRoyal40, #9933cc);
+    --btnRoyal: var(--colorRoyal40, #6c2093);
     --btnDark: var(--colorDark40, #adafae);
-
     --textColorDefault: var(--textColorDefault40, #ffffff);
     --textColorPrimary: var(--textColorPrimary40, #ffffff);
     --textColorSuccess: var(--textColorSuccess40, #ffffff);
@@ -299,24 +296,24 @@
     --colorDefault: var(--colorDefault50, #4a4a4a);
     --colorPrimary: var(--colorPrimary40, #2a9fd6);
     --colorSuccess: var(--colorSuccess40, #77b300);
-    --colorCalm: var(--colorCalm40, #11c1f3);
+    --colorCalm: var(--colorCalm40, #9933cc);
     --colorWarning: var(--colorWarning40, #ff8800);
     --colorDanger: var(--colorDanger40, #cc0000);
     --colorLight: var(--colorLight30, #222222);
     --colorStable: var(--colorStable40, #f8f8f8);
-    --colorRoyal: var(--colorRoyal40, #9933cc);
+    --colorRoyal: var(--colorRoyal40, #6c2093);
     --colorDark: var(--colorDark40, #adafae);
 
     /* Components - Checkbox */
-    --checkboxDefault: var(--colorDefault40, #555555);
+    --checkboxDefault: var(--colorDefault40, #424242);
     --checkboxPrimary: var(--colorPrimary40, #2a9fd6);
     --checkboxSuccess: var(--colorSuccess40, #77b300);
-    --checkboxCalm: var(--colorCalm40, #11c1f3);
+    --checkboxCalm: var(--colorCalm40, #9933cc);
     --checkboxWarning: var(--colorWarning40, #ff8800);
     --checkboxDanger: var(--colorDanger40, #cc0000);
     --checkboxLight: var(--colorLight50, #1e1e1e);
     --checkboxStable: var(--colorStable40, #f8f8f8);
-    --checkboxRoyal: var(--colorRoyal40, #9933cc);
+    --checkboxRoyal: var(--colorRoyal40, #6c2093);
     --checkboxDark: var(--colorDark40, #adafae);
 
     --borderCheckboxDefault: transparent;
@@ -331,15 +328,15 @@
     --borderCheckboxDark: transparent;
 
     /* Components - Toggle */
-    --toggleDefault: var(--colorDefault40, #555555);
+    --toggleDefault: var(--colorDefault40, #424242);
     --togglePrimary: var(--colorPrimary40, #2a9fd6);
     --toggleSuccess: var(--colorSuccess40, #77b300);
-    --toggleCalm: var(--colorCalm40, #11c1f3);
+    --toggleCalm: var(--colorCalm40, #9933cc);
     --toggleWarning: var(--colorWarning40, #ff8800);
     --toggleDanger: var(--colorDanger40, #cc0000);
     --toggleLight: var(--colorLight50, #1e1e1e);
     --toggleStable: var(--colorStable50, #d9d9d9);
-    --toggleRoyal: var(--colorRoyal40, #9933cc);
+    --toggleRoyal: var(--colorRoyal40, #6c2093);
     --toggleDark: var(--colorDark40, #adafae);
 
     --borderToggleDefault: transparent;
@@ -354,15 +351,15 @@
     --borderToggleDark: transparent;
 
     /* Components - Tabs - crn-ion-segment */
-    --bgDefault: var(--colorDefault40, #555555);
+    --bgDefault: var(--colorDefault40, #424242);
     --bgPrimary: var(--colorPrimary40, #2a9fd6);
     --bgSuccess: var(--colorSuccess40, #77b300);
-    --bgCalm: var(--colorCalm40, #11c1f3);
+    --bgCalm: var(--colorCalm40, #9933cc);
     --bgWarning: var(--colorWarning40, #ff8800);
     --bgDanger: var(--colorDanger40, #cc0000);
     --bgLight: var(--colorLight30, #7f7f7f);
     --bgStable: var(--colorStable40, #f8f8f8);
-    --bgRoyal: var(--colorRoyal40, #9933cc);
+    --bgRoyal: var(--colorRoyal40, #6c2093);
     --bgDark: var(--colorDark40, #adafae);
 
     --borderActiveBackgroundDefault: transparent;
@@ -376,15 +373,15 @@
     --borderActiveBackgroundRoyal: transparent;
     --borderActiveBackgroundDark: transparent;
 
-    --activeBackgroundDefault: var(--colorDefault40, #555555);
+    --activeBackgroundDefault: var(--colorDefault40, #424242);
     --activeBackgroundPrimary: var(--colorPrimary40, #2a9fd6);
     --activeBackgroundSuccess: var(--colorSuccess40, #3fb618);
-    --activeBackgroundCalm: var(--colorCalm40, #11c1f3);
+    --activeBackgroundCalm: var(--colorCalm40, #9933cc);
     --activeBackgroundWarning: var(--colorWarning40, #ff8800);
     --activeBackgroundDanger: var(--colorDanger40, #cc0000);
     --activeBackgroundLight: var(--colorLight30, #7f7f7f);
     --activeBackgroundStable: var(--colorStable40, #f8f8f8);
-    --activeBackgroundRoyal: var(--colorRoyal40, #9933cc);
+    --activeBackgroundRoyal: var(--colorRoyal40, #6c2093);
     --activeBackgroundDark: var(--colorDark40, #adafae);
 
     --ionSegmentDefault: var(--textColorDefault40, #ffffff);
@@ -410,39 +407,39 @@
     --iconThemeLightDark: var(--textColorDark40, #000000);
 
     /* Components - Old Tabs - pallete false */
-    --tabsDefault: var(--colorDefault40, #555555);
+    --tabsDefault: var(--colorDefault40, #424242);
     --tabsPrimary: var(--colorPrimary40, #2a9fd6);
     --tabsSuccess: var(--colorSuccess40, #77b300);
-    --tabsCalm: var(--colorCalm40, #11c1f3);
+    --tabsCalm: var(--colorCalm40, #9933cc);
     --tabsWarning: var(--colorWarning40, #ff8800);
     --tabsDanger: var(--colorDanger40, #cc0000);
     --tabsLight: var(--colorLight40, #ffffff);
     --tabsStable: var(--colorStable40, #f8f8f8);
-    --tabsRoyal: var(--colorRoyal40, #9933cc);
+    --tabsRoyal: var(--colorRoyal40, #6c2093);
     --tabsDark: var(--colorDark40, #adafae);
 
     /* Components - Header */
     --barDefault: var(--backgroundColor40, #060606);
     --barPrimary: var(--colorPrimary40, #2a9fd6);
     --barSuccess: var(--colorSuccess40, #77b300);
-    --barCalm: var(--colorCalm40, #11c1f3);
+    --barCalm: var(--colorCalm40, #9933cc);
     --barWarning: var(--colorWarning40, #ff8800);
     --barDanger: var(--colorDanger40, #cc0000);
     --barLight: var(--colorLight40, #ffffff);
     --barStable: var(--colorStable40, #f8f8f8);
-    --barRoyal: var(--colorRoyal40, #9933cc);
+    --barRoyal: var(--colorRoyal40, #6c2093);
     --barDark: var(--colorDark40, #adafae);
 
     /* Componentes - Footer with icon */
     --backgroundDefault: var(--backgroundColor40, #060606);
     --backgroundPrimary: var(--colorPrimary40, #2a9fd6);
     --backgroundSuccess: var(--colorSuccess40, #77b300);
-    --backgroundCalm: var(--colorCalm40, #11c1f3);
+    --backgroundCalm: var(--colorCalm40, #9933cc);
     --backgroundWarning: var(--colorWarning40, #ff8800);
     --backgroundDanger: var(--colorDanger40, #cc0000);
     --backgroundLight: var(--colorLight40, #ffffff);
     --backgroundStable: var(--colorStable40, #f8f8f8);
-    --backgroundRoyal: var(--colorRoyal40, #9933cc);
+    --backgroundRoyal: var(--colorRoyal40, #6c2093);
     --backgroundDark: var(--colorDark40, #adafae);
 
     --tabsIconDefault: var(--textColorDefault40, #ffffff);
@@ -554,6 +551,10 @@ ion-footer-bar.bar.bar-default {
     color: var(--textColor60, #939393);
 }
 
+.button.button-stable span {
+    color: var(--textColorStable40, #444444) !important;
+}
+
 /* Login */
 .login-bg {
     background: var(--backgroundLogin40, #060606);
@@ -634,7 +635,7 @@ a#reset-password-login,
 }
 
 .login-bg img[src="node_modules/cronapp-framework-mobile-js/img/logo.svg"],
-.login-bg img[src="assets/app-logo-login.svg"]{
+.login-bg img[src="assets/app-logo-login.svg"] {
     filter: brightness(0) invert(1);
 }
 
@@ -670,7 +671,6 @@ div.crn-ion-segment-light.icon-theme-light-dark li a,
 }
 
 /* Abas - background-color */
-
 .bg-default {
     background: #dadada24;
 }