cronapp-framework-mobile-js/dist/css/themes/custom/slate/custom-slate.css

Javascript library for CronApp's projects

@import 'button-slate.css';@import 'crn-ion-segment-slate.css';@import '../../../fonts/helvetica-neue/HelveticaNeue.css';:root{--fontFamily:"Helvetica Neue",Arial,sans-serif;--textColor:#aaa;--textSmallSize:12px;--textNormalSize:14px;--textMediumSize:18px;--textBigSize:24px;--textExtraBigSize:30px;--textFullSize:36px;--textColor10:#e9e9e9;--textColor20:#d6d6d6;--textColor30:#c1c1c1;--textColor40:#aaa;--textColor50:#959595;--textColor60:#7d7d7d;--textColor70:#5d5d5d;--menuVerticalWidth:270px;--menuSideSize:20px;--menuItemBarSize:6px;--menuElementOverallPadding:10px;--menuItemPaddingSize:calc(var(--menuElementOverallPadding) + 5px);--menuItemIconWidth:25px;--backgroundColor10:#d6d7d7;--backgroundColor20:#b0b0b1;--backgroundColor30:#808182;--backgroundColor40:#272b30;--backgroundColor50:#22262a;--backgroundColor60:#1d2023;--backgroundColor70:#15181a;--backgroundLogin10:#d6d7d7;--backgroundLogin20:#b0b0b1;--backgroundLogin30:#808182;--backgroundLogin40:#272b30;--backgroundLogin50:#22262a;--backgroundLogin60:#1d2023;--backgroundLogin70:#15181a;--distanceNone:0;--distanceSmallest:5px;--distanceExtraSmall:10px;--distanceSmall:15px;--distanceMedium:20px;--distanceBig:30px;--distanceGiant:40px;--distanceTitan:60px;--borderRadiusNone:0;--borderRadiusSmallest:5px;--borderRadiusExtraSmall:10px;--borderRadiusSmall:15px;--borderRadiusBig:30px;--borderRadiusGiant:40px;--borderRadiusTitan:60px;--borderRadiusFull:99999px;--colorDefault10:#d8d8d9;--colorDefault20:#b3b4b5;--colorDefault30:#858789;--colorDefault40:#3a3f44;--colorDefault50:#33373c;--colorDefault60:#2a2e32;--colorDefault70:#202325;--textColorDefault10:#8c8c8c;--textColorDefault20:#bbb;--textColorDefault30:#dfdfdf;--textColorDefault40:#fff;--textColorDefault50:#fff;--textColorDefault60:#fff;--textColorDefault70:#fff;--colorPrimary10:#e0e1e2;--colorPrimary20:#c3c6c8;--colorPrimary30:#a3a8ab;--colorPrimary40:#7a8288;--colorPrimary50:#6b7277;--colorPrimary60:#595f64;--colorPrimary70:#43474a;--textColorPrimary10:#8c8c8c;--textColorPrimary20:#bbb;--textColorPrimary30:#dfdfdf;--textColorPrimary40:#fff;--textColorPrimary50:#fff;--textColorPrimary60:#fff;--textColorPrimary70:#fff;--colorSuccess10:#dcefdc;--colorSuccess20:#bce1bc;--colorSuccess30:#96d396;--colorSuccess40:#62c462;--colorSuccess50:#56ac56;--colorSuccess60:#489048;--colorSuccess70:#366b36;--textColorSuccess10:#8c8c8c;--textColorSuccess20:#bbb;--textColorSuccess30:#dfdfdf;--textColorSuccess40:#fff;--textColorSuccess50:#fff;--textColorSuccess60:#fff;--textColorSuccess70:#fff;--colorWarning10:#fde4d5;--colorWarning20:#fbcdae;--colorWarning30:#fab37b;--colorWarning40:#f89406;--colorWarning50:#d98205;--colorWarning60:#b66c04;--colorWarning70:#885103;--textColorWarning10:#8c8c8c;--textColorWarning20:#bbb;--textColorWarning30:#dfdfdf;--textColorWarning40:#fff;--textColorWarning50:#fff;--textColorWarning60:#fff;--textColorWarning70:#fff;--colorDanger10:#fadcdb;--colorDanger20:#f6bbba;--colorDanger30:#f29593;--colorDanger40:#ee5f5b;--colorDanger50:#d05350;--colorDanger60:#ae4643;--colorDanger70:#823432;--textColorDanger10:#8c8c8c;--textColorDanger20:#bbb;--textColorDanger30:#dfdfdf;--textColorDanger40:#fff;--textColorDanger50:#fff;--textColorDanger60:#fff;--textColorDanger70:#fff;--colorRoyal10:#e2ddf9;--colorRoyal20:#c8bef4;--colorRoyal30:#ab9aef;--colorRoyal40:#886aea;--colorRoyal50:#775dcd;--colorRoyal60:#644eab;--colorRoyal70:#4a3a80;--textColorRoyal10:#8c8c8c;--textColorRoyal20:#bbb;--textColorRoyal30:#dfdfdf;--textColorRoyal40:#fff;--textColorRoyal50:#fff;--textColorRoyal60:#fff;--textColorRoyal70:#fff;--colorCalm10:#dbeef6;--colorCalm20:#badfee;--colorCalm30:#93d0e6;--colorCalm40:#5bc0de;--colorCalm50:#50a8c2;--colorCalm60:#438da3;--colorCalm70:#32697a;--textColorCalm10:#8c8c8c;--textColorCalm20:#bbb;--textColorCalm30:#dfdfdf;--textColorCalm40:#fff;--textColorCalm50:#fff;--textColorCalm60:#fff;--textColorCalm70:#fff;--colorLight10:#f9f9fa;--colorLight20:#f3f5f7;--colorLight30:#eef1f3;--colorLight40:#e9ecef;--colorLight50:#cccfd1;--colorLight60:#abadaf;--colorLight70:#808183;--textColorLight10:#000;--textColorLight20:#000;--textColorLight30:#000;--textColorLight40:#000;--textColorLight50:#7b7b7b;--textColorLight60:#aeaeae;--textColorLight70:#d5d5d5;--colorStable10:#fdfdfd;--colorStable20:#fbfbfb;--colorStable30:#fafafa;--colorStable40:#f8f8f8;--colorStable50:#d9d9d9;--colorStable60:#b6b6b6;--colorStable70:#888;--textColorStable10:#252525;--textColorStable20:#323232;--textColorStable30:#3c3c3c;--textColorStable40:#444;--textColorStable50:#898989;--textColorStable60:#b5b5b5;--textColorStable70:#d9d9d9;--colorDark10:#d6d7d7;--colorDark20:#b0b0b1;--colorDark30:#808182;--colorDark40:#272b30;--colorDark50:#22262a;--colorDark60:#1d2023;--colorDark70:#15181a;--textColorDark10:#8c8c8c;--textColorDark20:#bbb;--textColorDark30:#dfdfdf;--textColorDark40:#fff;--textColorDark50:#fff;--textColorDark60:#fff;--textColorDark70:#fff;--colorNeutral00:#fff;--colorNeutral10:#f1f1f1;--colorNeutral20:#e3e3e3;--colorNeutral30:#d5d5d5;--colorNeutral40:#c7c7c7;--colorNeutral50:#b9b9b9;--colorNeutral60:#acacac;--colorNeutral70:#9e9e9e;--colorNeutral80:#909090;--colorNeutral90:#828282;--colorNeutral100:#747474;--colorNeutral110:#666;--colorNeutral120:#5d5d5d;--colorNeutral130:#535353;--colorNeutral140:#4a4a4a;--colorNeutral150:#414141;--colorNeutral160:#383838;--colorNeutral170:#2e2e2e;--colorNeutral180:#252525;--colorNeutral190:#1c1c1c;--colorNeutral200:#131313;--colorNeutral210:#090909;--colorNeutral220:#000;--btnLink:var(--textColorDefault40,#fff);--btnDefault:linear-gradient(var(--colorDefault40,#3a3f44),var(--colorDefault40,#3a3f44) 60%,var(--colorDefault50,#33373c));--btnPrimary:linear-gradient(var(--colorPrimary60,#595f64),var(--colorPrimary60,#595f64) 40%,var(--colorPrimary50,#6b7277));--btnSuccess:linear-gradient(var(--colorSuccess40,#62c462),var(--colorSuccess40,#62c462) 60%,var(--colorSuccess50,#56ac56));--btnCalm:linear-gradient(var(--colorCalm40,#5bc0de),var(--colorCalm40,#5bc0de) 60%,var(--colorCalm50,#50a8c2));--btnWarning:linear-gradient(var(--colorWarning40,#f89406),var(--colorWarning40,#f89406) 60%,var(--colorWarning50,#d98205));--btnDanger:linear-gradient(var(--colorDanger40,#ee5f5b),var(--colorDanger40,#ee5f5b) 60%,var(--colorDanger50,#d05350));--btnLight:linear-gradient(var(--colorLight40,#e9ecef),var(--colorLight40,#e9ecef) 60%,var(--colorLight50,#cccfd1));--btnStable:linear-gradient(var(--colorStable40,#f8f8f8),var(--colorStable40,#f8f8f8) 60%,var(--colorStable50,#d9d9d9));--btnRoyal:linear-gradient(var(--colorRoyal40,#886aea),var(--colorRoyal40,#886aea) 60%,var(--colorRoyal50,#775dcd));--btnDark:linear-gradient(var(--colorDark40,#272b30),var(--colorDark40,#272b30) 60%,var(--colorDark50,#22262a));--textColorDefault:var(--textColorDefault40,#fff);--textColorPrimary:var(--textColorPrimary40,#fff);--textColorSuccess:var(--textColorSuccess40,#fff);--textColorCalm:var(--textColorCalm40,#fff);--textColorWarning:var(--textColorWarning40,#fff);--textColorDanger:var(--textColorDanger40,#fff);--textColorLight:var(--textColorLight40,#000);--textColorStable:var(--textColorStable40,#444);--textColorRoyal:var(--textColorRoyal40,#fff);--textColorDark:var(--textColorDark40,#fff);--borderBtnLink:transparent;--borderBtnDefault:var(--colorDefault70,#202325);--borderBtnPrimary:var(--colorPrimary70,#43474a);--borderBtnSuccess:var(--colorSuccess70,#366b36);--borderBtnCalm:var(--colorCalm70,#32697a);--borderBtnWarning:var(--colorWarning70,#885103);--borderBtnDanger:var(--colorDanger70,#823432);--borderBtnLight:var(--colorLight70,#808183);--borderBtnStable:var(--colorStable70,#888);--borderBtnRoyal:var(--colorRoyal70,#4a3a80);--borderBtnDark:var(--colorDark70,#15181a);--colorDefault:var(--colorDefault30,#858789);--colorPrimary:var(--colorPrimary40,#7a8288);--colorSuccess:var(--colorSuccess40,#62c462);--colorCalm:var(--colorCalm40,#5bc0de);--colorWarning:var(--colorWarning40,#f89406);--colorDanger:var(--colorDanger40,#ee5f5b);--colorLight:var(--colorLight40,#e9ecef);--colorStable:var(--colorStable40,#f8f8f8);--colorRoyal:var(--colorRoyal40,#886aea);--colorDark:var(--colorDark30,#808182);--checkboxDefault:var(--colorDefault40,#858789);--checkboxPrimary:var(--colorPrimary40,#7a8288);--checkboxSuccess:var(--colorSuccess40,#62c462);--checkboxCalm:var(--colorCalm40,#5bc0de);--checkboxWarning:var(--colorWarning40,#f89406);--checkboxDanger:var(--colorDanger40,#ee5f5b);--checkboxLight:var(--colorLight40,#e9ecef);--checkboxStable:var(--colorStable40,#f8f8f8);--checkboxRoyal:var(--colorRoyal40,#886aea);--checkboxDark:var(--colorDark30,#808182);--borderCheckboxDefault:var(--colorDefault40,#858789);--borderCheckboxPrimary:var(--colorPrimary40,#7a8288);--borderCheckboxSuccess:var(--colorSuccess40,#62c462);--borderCheckboxCalm:var(--colorCalm40,#5bc0de);--borderCheckboxWarning:var(--colorWarning40,#f89406);--borderCheckboxDanger:var(--colorDanger40,#ee5f5b);--borderCheckboxLight:var(--colorLight40,#e9ecef);--borderCheckboxStable:var(--colorStable40,#f8f8f8);--borderCheckboxRoyal:var(--colorRoyal40,#886aea);--borderCheckboxDark:var(--colorDark30,#808182);--toggleDefault:var(--colorDefault50,#f1f1f1);--togglePrimary:var(--colorPrimary40,#7a8288);--toggleSuccess:var(--colorSuccess40,#62c462);--toggleCalm:var(--colorCalm40,#5bc0de);--toggleWarning:var(--colorWarning40,#f89406);--toggleDanger:var(--colorDanger40,#ee5f5b);--toggleLight:var(--colorLight50,#cccfd1);--toggleStable:var(--colorStable50,#d9d9d9);--toggleRoyal:var(--colorRoyal40,#886aea);--toggleDark:var(--colorDark30,#808182);--borderToggleDefault:var(--colorDefault50,#f1f1f1);--borderTogglePrimary:var(--colorPrimary40,#7a8288);--borderToggleSuccess:var(--colorSuccess40,#62c462);--borderToggleCalm:var(--colorCalm40,#5bc0de);--borderToggleWarning:var(--colorWarning40,#f89406);--borderToggleDanger:var(--colorDanger40,#ee5f5b);--borderToggleLight:var(--colorLight50,#cccfd1);--borderToggleStable:var(--colorStable50,#d9d9d9);--borderToggleRoyal:var(--colorRoyal40,#886aea);--borderToggleDark:var(--colorDark30,#808182);--bgDefault:var(--colorDefault40,#3e3f3a);--bgPrimary:var(--colorPrimary40,#7a8288);--bgSuccess:var(--colorSuccess40,#62c462);--bgCalm:var(--colorCalm40,#5bc0de);--bgWarning:var(--colorWarning40,#f89406);--bgDanger:var(--colorDanger40,#ee5f5b);--bgLight:var(--colorLight50,#cccfd1);--bgStable:var(--colorStable40,#f8f8f8);--bgRoyal:var(--colorRoyal40,#886aea);--bgDark:var(--colorDark40,#272b30);--activeBackgroundDefault:var(--colorDefault40,#3e3f3a);--activeBackgroundPrimary:var(--colorPrimary40,#7a8288);--activeBackgroundSuccess:var(--colorSuccess40,#62c462);--activeBackgroundCalm:var(--colorCalm40,#5bc0de);--activeBackgroundWarning:var(--colorWarning40,#f89406);--activeBackgroundDanger:var(--colorDanger40,#ee5f5b);--activeBackgroundLight:var(--colorLight50,#cccfd1);--activeBackgroundStable:var(--colorStable40,#f8f8f8);--activeBackgroundRoyal:var(--colorRoyal40,#886aea);--activeBackgroundDark:var(--colorDark40,#272b30);--ionSegmentDefault:var(--textColorDefault40,#fff);--ionSegmentPrimary:var(--textColorPrimary40,#fff);--ionSegmentSuccess:var(--textColorSuccess40,#fff);--ionSegmentCalm:var(--textColorCalm40,#fff);--ionSegmentWarning:var(--textColorWarning40,#fff);--ionSegmentDanger:var(--textColorDanger40,#fff);--ionSegmentLight:var(--textColorLight40,#000);--ionSegmentStable:var(--textColorStable40,#444);--ionSegmentRoyal:var(--textColorRoyal40,#fff);--ionSegmentDark:var(--textColorDark40,#fff);--iconThemeLightDefault:var(--textColorDefault40,#fff);--iconThemeLightPrimary:var(--textColorPrimary40,#fff);--iconThemeLightSuccess:var(--textColorSuccess40,#fff);--iconThemeLightCalm:var(--textColorCalm40,#fff);--iconThemeLightWarning:var(--textColorWarning40,#fff);--iconThemeLightDanger:var(--textColorDanger40,#fff);--iconThemeLightLight:var(--textColorLight40,#000);--iconThemeLightStable:var(--textColorStable40,#444);--iconThemeLightRoyal:var(--textColorRoyal40,#fff);--iconThemeLightDark:var(--textColorDark40,#fff);--tabsDefault:var(--colorDefault40,#3e3f3a);--tabsPrimary:var(--colorPrimary40,#7a8288);--tabsSuccess:var(--colorSuccess40,#62c462);--tabsCalm:var(--colorCalm40,#5bc0de);--tabsWarning:var(--colorWarning40,#f89406);--tabsDanger:var(--colorDanger40,#ee5f5b);--tabsLight:var(--colorLight40,#e9ecef);--tabsStable:var(--colorStable40,#f8f8f8);--tabsRoyal:var(--colorRoyal40,#886aea);--tabsDark:var(--colorDark40,#272b30);--barDefault:var(--colorDefault40,#3e3f3a);--barPrimary:var(--colorPrimary40,#7a8288);--barSuccess:var(--colorSuccess40,#62c462);--barCalm:var(--colorCalm40,#5bc0de);--barWarning:var(--colorWarning40,#f89406);--barDanger:var(--colorDanger40,#ee5f5b);--barLight:var(--colorLight40,#e9ecef);--barStable:var(--colorStable40,#f8f8f8);--barRoyal:var(--colorRoyal40,#886aea);--barDark:var(--colorDark40,#272b30);--backgroundDefault:var(--colorDefault40,#3e3f3a);--backgroundPrimary:var(--colorPrimary40,#7a8288);--backgroundSuccess:var(--colorSuccess40,#62c462);--backgroundCalm:var(--colorCalm40,#5bc0de);--backgroundWarning:var(--colorWarning40,#f89406);--backgroundDanger:var(--colorDanger40,#ee5f5b);--backgroundLight:var(--colorLight40,#e9ecef);--backgroundStable:var(--colorStable40,#f8f8f8);--backgroundRoyal:var(--colorRoyal40,#886aea);--backgroundDark:var(--colorDark40,#272b30);--tabsIconDefault:var(--textColorDefault40,#fff);--tabsIconPrimary:var(--textColorPrimary40,#fff);--tabsIconSuccess:var(--textColorSuccess40,#fff);--tabsIconCalm:var(--textColorCalm40,#fff);--tabsIconWarning:var(--textColorWarning40,#fff);--tabsIconDanger:var(--textColorDanger40,#fff);--tabsIconLight:var(--textColorLight40,#000);--tabsIconStable:var(--textColorStable40,#444);--tabsIconRoyal:var(--textColorRoyal40,#fff);--tabsIconDark:var(--textColorDark40,#fff)}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{color:var(--textColor30,#c1c1c1)}a,a:focus,a:active,a:hover{color:var(--colorPrimary40,#7a8288)}.default,a.default,.color-default{color:var(--colorDefault30,#858789)}.dark,a.dark,.color-dark{color:var(--colorDark30,#808182)}.login-bg{background:var(--backgroundLogin40,#272b30)}.login-bg img[src="node_modules/cronapp-framework-mobile-js/img/logo.svg"],.login-bg img[src="assets/app-logo-login.svg"]{filter:brightness(0) invert(1)}button#button-reset-password,.login-mobile .button{letter-spacing:0;text-transform:capitalize;background:linear-gradient(var(--colorPrimary40,#7a8288),var(--colorPrimary40,#7a8288) 60%,var(--colorPrimary50,#6b7277));border-color:var(--colorPrimary70,#43474a)}button#button-reset-password.active,.login-mobile .button:active,.login-mobile .button.activated{background:linear-gradient(var(--colorPrimary60,#595f64),var(--colorPrimary60,#595f64) 40%,var(--colorPrimary50,#6b7277));box-shadow:none;border-color:var(--colorPrimary70,#43474a)}button#button-reset-password:focus,button#button-reset-password:hover,.login-mobile .button i,.login-mobile .button span,.login-mobile .button:active i,.login-mobile .button:active span,.login-mobile .button.activated i,.login-mobile .button.activated span{color:var(--textColorPrimary40,#fff)}#reset-password-label,#crn-title-signup,#crn-heading-reset,#go-back-login,a#reset-password-login,a#button-signup,.login-mobile input::placeholder{color:var(--textColor60,#7d7d7d)}#reset-password-label,#crn-title-signup,#crn-heading-reset{color:var(--textColor30,#c1c1c1);font-weight:500}.login-mobile input{color:var(--textColor30,#c1c1c1)}.tabs-striped.background-default .tabs{background:var(--colorDefault40,#3b448e)}.tabs-striped.tabs-icon-default .tab-item,.tabs-striped.tabs-icon-default .tab-item.active,.tabs-striped.tabs-icon-default .tab-item.activated{color:var(--textColorDefault40,#fff);border-color:var(--textColorDefault40,#fff)}.tabs-striped.background-assertive .tabs{background:linear-gradient(var(--colorDanger40,#9b479f),var(--colorDanger40,#9b479f),var(--colorDanger50,#883e8b))}.tabs-striped.background-balanced .tabs{background:linear-gradient(var(--colorSuccess40,#469408),var(--colorSuccess40,#469408),var(--colorSuccess50,#3d8207))}.tabs-striped.background-energized .tabs{background:linear-gradient(var(--colorWarning40,#d9831f),var(--colorWarning40,#d9831f),var(--colorWarning50,#be731b))}.tabs-striped.background-light .tabs{background:linear-gradient(var(--colorLight40,#fff),var(--colorLight40,#fff),var(--colorLight50,#dfdfdf))}.tabs-striped.background-stable .tabs{background:linear-gradient(var(--colorStable40,#f8f8f8),var(--colorStable40,#f8f8f8),var(--colorStable50,#d9d9d9))}.tabs-striped.background-calm .tabs{background:linear-gradient(var(--colorCalm40,#029acf),var(--colorCalm40,#029acf),var(--colorCalm50,#0287b5))}.tabs-striped.background-positive .tabs{background:linear-gradient(var(--colorPrimary40,#fff),var(--colorPrimary40,#fff),var(--colorPrimary50,#dfdfdf))}.tabs-striped.background-royal .tabs{background:linear-gradient(var(--colorRoyal40,#9b479f),var(--colorRoyal40,#9b479f),var(--colorRoyal50,#883e8b))}.tabs-striped.background-dark .tabs{background:linear-gradient(var(--colorDark40,#373a3c),var(--colorDark40,#373a3c),var(--colorDark50,#303335))}.checkbox input:before,.checkbox-icon:before{background:transparent}.checkbox-dark input:checked:before,.checkbox-dark input:checked+.checkbox-icon:before{background:var(--colorDark30,#808182);border-color:var(--colorDark30,#808182)}.checkbox-dark input:before,.checkbox-dark .checkbox-icon:before{border-color:var(--colorDark30,#808182)}.toggle.toggle-dark input:checked+.track{border-color:var(--colorDark30,#808182);background:var(--colorDark30,#808182)}.item.item-avatar{background:linear-gradient(var(--colorDefault40,#d9230f),var(--colorDefault40,#d9230f),var(--colorDefault50,#be1f0d));border-color:var(--colorDefault50,#be1f0d)}.item p,.item h2{color:var(--textColor40,#aaa)}.item,.item-select select{border-color:var(--backgroundColor30,#808182)}.item-stacked-label input,.item-stacked-label textarea{background:var(--backgroundColor40,#272b30)}input::-webkit-calendar-picker-indicator{filter:invert(1)}