Better theme property naming.

PayButton · Oct 13, 2020 · 76aef77 · 76aef77
1 parent 1fe26ff
commit 76aef77
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/react/src/components/Widget/Widget.stories.tsx b/react/src/components/Widget/Widget.stories.tsx
@@ -52,7 +52,7 @@ CustomTheme.args = {
     palette: {
       primary: '#d05050',
       secondary: '#bee',
-      dark: '#084',
+      tertiary: '#084',
       logo: '#404',
     },
   },

diff --git a/react/src/components/Widget/Widget.tsx b/react/src/components/Widget/Widget.tsx
@@ -69,20 +69,20 @@ const useStyles = makeStyles({
   copyText: ({ theme }: StyleProps) => ({
     lineHeight: '1.2em',
     fontSize: '0.7em',
-    color: theme.palette.dark,
+    color: theme.palette.tertiary,
     textShadow:
       '#fff -2px 0 1px, #fff 0 -2px 1px, #fff 0 2px 1px, #fff 2px 0 1px',
   }),
   text: ({ theme }: StyleProps) => ({
     fontSize: '0.9rem',
-    color: theme.palette.dark,
+    color: theme.palette.tertiary,
   }),
   spinner: ({ theme }: StyleProps) => ({
     color: theme.palette.primary,
   }),
   footer: ({ theme }: StyleProps) => ({
     fontSize: '0.6rem',
-    color: theme.palette.dark,
+    color: theme.palette.tertiary,
   }),
 });
 
@@ -148,7 +148,7 @@ export const Widget: React.FC<WidgetProps> = props => {
     size: 300,
     level: 'H', // High error correction allows for a larger logo
     value: url,
-    fgColor: theme.palette.dark,
+    fgColor: theme.palette.tertiary,
     imageSettings: {
       src: success ? checkSvg : bchSvg,
       excavate: false,

diff --git a/react/src/themes/Theme.ts b/react/src/themes/Theme.ts
@@ -2,7 +2,7 @@ export interface Theme {
   palette: {
     primary: string;
     secondary: string;
-    dark: string;
+    tertiary: string;
     logo: string;
   };
 }

diff --git a/react/src/themes/themes/orange.ts b/react/src/themes/themes/orange.ts
@@ -6,7 +6,7 @@ const theme: Theme = {
   palette: {
     primary,
     secondary: '#fefbf8',
-    dark: '#504030',
+    tertiary: '#504030',
     logo: primary,
   },
 };

diff --git a/react/src/themes/themes/paybutton.ts b/react/src/themes/themes/paybutton.ts
@@ -6,7 +6,7 @@ const theme: Theme = {
   palette: {
     primary,
     secondary: '#f8fdf8',
-    dark: '#374936',
+    tertiary: '#374936',
     logo: primary,
   },
 };