packages/extension/public/theme.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: Nunito, sans-serif;
--fontSize: 16px;
--inputLabelFontSize: 10px;
--labelFontSize: 13px;
--labelLineHeight: 18px;
--lineHeight: 26px;
/* shared colors */
--accountDotsIconColor: #8E8E8E;
--buttonBackground: #E86F00;
--buttonBackgroundDangerHover: #D93B3B;
--buttonBackgroundHover: #ED9329;
--buttonTextColor: #FFFFFF;
--connectedDotColor: seagreen;
--errorColor: #E42F2F;
--iconWarningColor: #FF7D01;
--identiconBackground: #F4F5F8;
--primaryColor: #FF7D01;
}
[data-theme="dark"] {
--addAccountImageBackground: #1A1B20;
--backButtonBackground: #3A3B41;
--backButtonBackgroundHover: #3a3b41ad;
--backButtonTextColor: #FFFFFF;
--background: #26272C;
--bodyColor: #20222A;
--boxBackground: #1A1B20;
--boxBorderColor: #303030;
--boxShadow: rgba(0, 0, 0, 0.86);
--buttonBackgroundDanger: #AF1111;
--errorBorderColor: #7E3530;
--highlightedAreaBackground: #212226;
--iconDangerColor: #AF1111;
--iconNeutralColor: #8E8E8E;
--inputBackground: #111218;
--inputBorderColor: #43444B;
--labelColor: #9F9E99;
--parentLabelColor: #4A7463;
--popupBackground: #38393F;
--readonlyInputBackground: #1A1B20;
--subTextColor: #DDD;
--textColor: #FFFFFF;
--textColorDanger: #FF8686;
}
[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;
}