@groww-tech/base-css
Version:
Base CSS classes used by all Groww Web Projects
100 lines (97 loc) • 2.76 kB
CSS
html.color-theme-in-transition,
html.color-theme-in-transition *,
html.color-theme-in-transition *::before,
html.color-theme-in-transition *::after {
transition: all 300ms ;
transition-delay: 0 ;
}
html {
/* global colors */
--primaryClr: #00D09C;
--primaryClr60: #66E3C4;
--primaryClr10: #E5FAF5;
--secondaryClr: #5367FF;
--secondaryClr150: #1E2232;
--secondaryClr130: #98A4FF;
--secondaryClr60: #98A4FF;
--secondaryClr30: #EEF0FF;
--growwYellow: #FFB61B;
--growwYellow10: #FFF5E0;
--growwYellow05: rgba(255, 182, 27, 0.05);
--growwRed: #EB5B3C;
--growwRed10: #FAE9E5;
--growwRed05: rgba(235, 91, 60, 0.05);
--border: #ECEDEF;
--iconLight: #B0B2BA;
--iconMedium: #DDDEE1;
--iconStrong: #ECEDEF;
--boxShadow: rgba(0, 0, 0, 0.1);
--text130: #44475B;
--text: #44475B;
--subText: #7C7E8C;
--subText50: #B0B2BA;
--subText70: #ECEDEF;
--primaryBg: #FFF;
--secondaryBg: #FFF;
--tertiaryBg: #ECEDEF;
--quaternaryBg: #F6F6F7;
--preloaderBg: #F6F6F7;
--rippleNormal: rgba(0, 0, 0, 0.1);
--constantGrowwYellow150: #D2AB66;
--constantText: #44475B;
--constantText120: #191C27;
--constantSubText10: #636464;
--constantWhite: #FFF;
--constantTransparent: rgba(0, 0, 0, 0);
--constantHalfTransparent: rgba(0, 0, 0, 0.5);
--constantSecondaryClr180: #2A2A2A;
--constantSecondaryClr10: #F6F6F7;
--cardBackground: #FFF;
--mintBackgroundInversePrimary: #1B1B1B;
--mintSecondaryBg: #F8F8F8
}
html[data-theme="dark"] {
/* global colors */
--primaryClr: #0ABB92;
--primaryClr60: #0B5E49;
--primaryClr10: #0E231E;
--secondaryClr: #98A4FF;
--secondaryClr150: #1E2232;
--secondaryClr130: #323C89;
--secondaryClr60: #181A2A;
--secondaryClr30: #181A2A;
--growwYellow: #E7A61A;
--growwYellow10: #2E2105;
--growwYellow05: #222C35;
--growwRed: #D55438;
--growwRed10: #2A0F09;
--growwRed05: rgba(213, 84, 56, 0.05);
--border: #2A2A2A;
--iconLight: #7C7E8C;
--iconMedium: #404042;
--iconStrong: #2A2A2A;
--boxShadow: rgba(0, 0, 0, 0.6);
--text130: #EBEBF5;
--text: #DCDCDD;
--subText: #B0B2BA;
--subText50: #7C7E8C;
--subText70: #2A2A2A;
--primaryBg: #121212;
--secondaryBg: #2A2A2A;
--tertiaryBg: #2A2A2A;
--quaternaryBg: #1D1D1D;
--preloaderBg: #2A2A2A;
--rippleNormal: rgba(255, 255, 255, 0.1);
--constantGrowwYellow150: #D2AB66;
--constantText: #44475B;
--constantText120: #191C27;
--constantSubText10: #636464;
--constantWhite: #EBEBF5;
--constantTransparent: rgba(0, 0, 0, 0);
--constantHalfTransparent: rgba(0, 0, 0, 0.5);
--constantSecondaryClr180: #2A2A2A;
--constantSecondaryClr10: #2A2A2A;
--cardBackground: #1D1D1D;
--mintBackgroundInversePrimary: #F8F8F8;
--mintSecondaryBg: #1B1B1B
}