97 lines
2.4 KiB
CSS
97 lines
2.4 KiB
CSS
body {
|
|
margin: 0;
|
|
overflow-x: hidden;
|
|
text-align: center;
|
|
}
|
|
|
|
div#root {
|
|
box-sizing: border-box;
|
|
height: calc(100vh - 2px);
|
|
margin: 0 auto;
|
|
max-width: 100%;
|
|
padding: 0;
|
|
text-align: left;
|
|
width: 560px;
|
|
}
|
|
|
|
:root {
|
|
/* general items */
|
|
--borderRadius: 4px;
|
|
--boxLineHeight: 1rem;
|
|
--boxMargin: 0.75rem 0;
|
|
--boxPadding: 0 0.25rem;
|
|
--fontFamily: Ubuntu, sans-serif;
|
|
--fontSize: 16px;
|
|
--inputLabelFontSize: 10px;
|
|
--labelFontSize: 13px;
|
|
--labelLineHeight: 18px;
|
|
--lineHeight: 26px;
|
|
/* shared colors */
|
|
--accountDotsIconColor: #fff;
|
|
--buttonBackground: #F2E370;
|
|
--buttonBackgroundDangerHover: #CD4548;
|
|
--buttonBackgroundHover: #FFF49C;
|
|
--buttonTextColor: #1f4671;
|
|
--connectedDotColor: #60C45B;
|
|
--errorColor: #AB2528;
|
|
--iconWarningColor: #ED6C02;
|
|
--identiconBackground: #F4F5F8;
|
|
--primaryColor: #F2E370;
|
|
}
|
|
|
|
input::placeholder {
|
|
color: #9AADC3;
|
|
}
|
|
|
|
[data-theme="dark"] {
|
|
--addAccountImageBackground: #1A1B20;
|
|
--backButtonBackground: #3A3B41;
|
|
--backButtonBackgroundHover: #1F4671cc;
|
|
--backButtonTextColor: #FFFFFF;
|
|
--background: #50759E;
|
|
--bodyColor: #1F4671;
|
|
--boxBackground: #1F4671;
|
|
--boxBorderColor: #7A99BD;
|
|
--boxShadow: rgba(0, 0, 0, 0.86);
|
|
--buttonBackgroundDanger: #AB2528;
|
|
--errorBorderColor: #AB2528;
|
|
--highlightedAreaBackground: #345B87;
|
|
--iconDangerColor: #AF1111;
|
|
--iconNeutralColor: #fff;
|
|
--inputBackground: #345B87;
|
|
--inputBorderColor: #7A99BD;
|
|
--labelColor: #AEC4DD;
|
|
--parentLabelColor: #3EA838;
|
|
--popupBackground: #345B87;
|
|
--readonlyInputBackground: #1F4671;
|
|
--subTextColor: #DDD;
|
|
--textColor: #fff;
|
|
--textColorDanger: #F06F73;
|
|
--primaryColorLabel: #1f4671;
|
|
}
|
|
|
|
[data-theme="light"] {
|
|
--addAccountImageBackground: #FFF;
|
|
--backButtonBackground: #D7D7D7;
|
|
--backButtonBackgroundHover: #d7d7d7ad;
|
|
--backButtonTextColor: #454545;
|
|
--background: #FAFAFA;
|
|
--bodyColor: #FFFFFF;
|
|
--boxBackground: #FFFFFF;
|
|
--boxBorderColor: #DADFEA;
|
|
--boxShadow: rgba(0, 0, 0, 0.3);
|
|
--buttonBackgroundDanger: #DC2222;
|
|
--errorBorderColor: #E42F2F;
|
|
--highlightedAreaBackground: #EFEFEF;
|
|
--iconDangerColor: #DC2222;
|
|
--iconNeutralColor: #939CB1;
|
|
--inputBackground: #FFFFFF;
|
|
--inputBorderColor: #DDE1EB;
|
|
--labelColor: #333333;
|
|
--parentLabelColor: #215B4F;
|
|
--popupBackground: #FFFFFF;
|
|
--readonlyInputBackground: #FFF;
|
|
--subTextColor: #454545;
|
|
--textColor: #242529;
|
|
--textColorDanger: #F24A4A;
|
|
} |