m

src/themes/primaryTheme/reset.js

@@ -0,0 +1,131 @@
+import { createGlobalStyle } from 'styled-components';
+
+export const ResetStyle = createGlobalStyle`
+
+*,
+*:before,
+*:after {
+  box-sizing: border-box;
+}
+
+*,
+body,
+button,
+input,
+textarea,
+select {
+  text-rendering: optimizeLegibility;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+form,
+fieldset,
+button,
+input,
+textarea,
+p,
+blockquote,
+th,
+td {
+  margin: 0;
+  padding: 0;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+fieldset,
+img {
+  border: 0;
+}
+
+address,
+caption,
+cite,
+code,
+dfn,
+em,
+th,
+var {
+  font-style: normal;
+  font-weight: normal;
+}
+
+strong {
+  font-weight: 800;
+}
+
+ol,
+ul {
+  list-style: none;
+}
+
+caption,
+th {
+  text-align: left;
+}
+
+q:before,
+q:after {
+  content: '';
+}
+
+abbr,
+acronym {
+  border: 0;
+}
+
+svg {
+  flex-shrink: 0;
+}
+
+textarea,
+input:matches([type='email'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='url']) {
+  -webkit-appearance: none;
+
+  &::-webkit-autofill,
+  &::-webkit-contacts-auto-fill-button,
+  &::-webkit-credentials-auto-fill-button {
+    visibility: hidden;
+    user-select: none;
+    display: none !important;
+    position: absolute;
+  }
+}
+
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+
+  &::-webkit-autofill,
+  &::-webkit-contacts-auto-fill-button,
+  &::-webkit-credentials-auto-fill-button {
+    visibility: hidden;
+    user-select: none;
+    display: none !important;
+    position: absolute;
+  }
+}
+
+
+
+`
+;

src/themes/primaryTheme/variables.js

@@ -0,0 +1,83 @@
+export const variables = {
+    family: {
+      goldSilver: 'Gotham',
+      hardAssetsAlliance: 'Avenir Next',
+    },
+    typography: {
+      p: {
+        large: {
+          fontSize: '1.5rem',
+          lineHeight: '1.5',
+        },
+        regular: {
+          fontSize: '1.1rem',
+          lineHeight: '1.7',
+        },
+        normal: {
+          fontSize: '1rem',
+          lineHeight: '1.6',
+        },
+        small: {
+          fontSize: '0.9rem',
+          lineHeight: '1.7',
+        },
+        extraSmall: {
+          fontSize: '0.75rem',
+          lineHeight: '1.4',
+        },
+      },
+      h: {
+        title: {
+          fontSize: '2.2rem',
+          lineHeight: '1.6',
+        },
+        subtitle: {
+          fontSize: '1.5rem',
+          lineHeight: '1.6',
+        },
+        paragraph: {
+          fontSize: '1.5rem',
+          lineHeight: '1.6',
+        },
+        paragraphSubtitle: {
+          fontSize: '1rem',
+          lineHeight: '1.5',
+        },
+      },
+    },
+    shadow: {
+      buttonShadowHover: '0 5px 6px 0 rgba(112, 120, 135, 0.24)',
+      buttonShadowPressed: '0 2px 4px 0 rgba(112, 120, 135, 0.24)',
+      boxShadow: '0 3px 8px 0 rgba(112, 120, 135, 0.24)',
+      accountDropdownShadow: '0 6px 38px 0 rgba(112, 120, 135, 0.56)',
+    },
+    borderRadius: {
+      borderRadius: '4px',
+      borderRadiusMd: '8px',
+    },
+    breakpoints: {
+      bpXxs: '325',
+      bpXs: '400',
+      bpSm: '576',
+      bpMd: '768',
+      bpLg: '992',
+      bpXl: '1200',
+      bpXxl: '1350',
+    },
+    zIndex: {
+      indexXxs: 1,
+      indexXs: 2,
+      indexSm: 3,
+      indexMd: 4,
+      indexLg: 5,
+      indexXl: 6,
+      indexXxl: 7,
+    },
+    transitionSpeed: {
+      transitionSpeed: '0.3s',
+    },
+    params: {
+      welcomeContentWidth: '568px',
+    },
+  };
+