wix-style-react
Version:
104 lines (88 loc) • 2.04 kB
CSS
:import {
-st-from: "../../../Foundation/stylable/mixins/calc_rgba";
-st-default: calc_rgba;
}
:vars {
/* General */
D10: #000624;
D20: #333850;
D30: #595D70;
D40: #868AA5;
D50: #B6C1CD;
D55: #CFD1DC;
D60: #DFE5EB;
D70: #ECEFF3;
/* Primary */
B05: #0F62E6;
B10: #116DFF;
B20: #418AFF;
B30: #7CAFFF;
B40: #D3E4FF;
B50: #E8F1FF;
B60: #F8FAFF;
D80: #FFFFFF;
/* Premium */
P00: #8E21B1;
P10: #AA4DC8;
P20: #CD68ED;
/* With Opacity */
D10-30: calc_rgba(value(D10), 0.3);
D10-40: calc_rgba(value(D10), 0.4);
D10-50: calc_rgba(value(D10), 0.5);
D80-70: calc_rgba(value(D80), 0.7);
/* Success */
G10: #51B77B;
G20: #51B77B;
G40: #CDF2CF;
/* Destructive */
R10: #EE4437;
R20: #F1695F;
R40: #FDE3E1;
R50: #FDECEB;
/* Warning */
Y10: #F9aD4D;
/* Orange */
O10: #F96132;
/* Yellow */
Y30: #FFD988;
Y50: #FFF7E2;
/* Categories */
A2: #5A48F5;
A3: #06BEE1;
A4: #CDC8FC;
A5: #FBAD4E;
/* Sidebar */
S10 : #131720;
S10-05: #1F222B;
S10-10: #2B2E36;
S10-20: #42454C;
S10-30: #5A5D63;
S10-40: #717379;
S10-50: #898B8F;
S10-60: #A0A2A5;
S10-70: #B8B9BC;
S10-80: #CFD0D2;
S10-90: #E7E8E9;
S10-100: #FFFFFF;
/* Sidebar */
sidebarBackgroundColor: value(S10);
sidebarHoveredColor: value(S10-10);
collapsibleBackground: value(S10-05);
collapsiblleNonActive: value(S10-80);
collapsibleBackgroundHover: value(S10-10);
collapsibleBackgroundActive: value(S10-20);
collapsibleDividerColor: value(S10-20);
textColor: value(S10-100);
selectedBackgroundColor: calc_rgba(value(D80), 0.1);
selectedTextColor: value(S10-100);
hoveredTextColor: value(S10-100);
hoveredBackgroundColor: calc_rgba(value(D80), 0.05);
disabledBackgroundColor: value(sidebarBackgroundColor);
disabledTextColor: value(S10-50);
dividerColor: value(S10-20);
darkScrollbarThumbColor: #717479;
darkScrollbarThumbHoverColor: value(S10-70);
/* Shadows */
S4: calc_rgba(value(D10), 0.16);
S5: calc_rgba(value(D10), 0.2);
}