@@ -58,7 +58,7 @@ const App = () => {
58
58
const updatePalette = ( ) => {
59
59
const palette = getRandomPalette ( )
60
60
setPalette ( palette )
61
- setUiColor ( invert ( palette [ 0 ] ) )
61
+ setUiColor ( palette [ 0 ] )
62
62
}
63
63
64
64
const drawArt = ( ) => {
@@ -93,7 +93,7 @@ const App = () => {
93
93
< div className = "menu" >
94
94
< div className = "actions" >
95
95
< IconButton
96
- style = { { color : uiColor , backgroundColor : invert ( uiColor ) } }
96
+ style = { { color : invert ( uiColor ) , backgroundColor : uiColor } }
97
97
onClick = { updatePalette }
98
98
color = "inherit"
99
99
aria-label = "Shuffle"
@@ -102,7 +102,7 @@ const App = () => {
102
102
< Shuffle />
103
103
</ IconButton >
104
104
< IconButton
105
- style = { { color : uiColor , backgroundColor : invert ( uiColor ) } }
105
+ style = { { color : invert ( uiColor ) , backgroundColor : uiColor } }
106
106
onClick = { downloadArt }
107
107
color = "inherit"
108
108
aria-label = "Download Image"
@@ -111,7 +111,7 @@ const App = () => {
111
111
< GetApp />
112
112
</ IconButton >
113
113
< IconButton
114
- style = { { color : uiColor , backgroundColor : invert ( uiColor ) } }
114
+ style = { { color : invert ( uiColor ) , backgroundColor : uiColor } }
115
115
onClick = { toggleShowUi }
116
116
color = "inherit"
117
117
aria-label = "Hide UI"
@@ -124,9 +124,9 @@ const App = () => {
124
124
}
125
125
{ showUi &&
126
126
< div className = "footer" >
127
- < h4 style = { { color : uiColor , backgroundColor : invert ( uiColor ) } } >
127
+ < h4 style = { { color : invert ( uiColor ) , backgroundColor : uiColor } } >
128
128
Made by{ " " }
129
- < a style = { { color : uiColor , backgroundColor : invert ( uiColor ) } } href = "https://cujarrett.dev" >
129
+ < a style = { { color : invert ( uiColor ) , backgroundColor : uiColor } } href = "https://cujarrett.dev" >
130
130
@cujarrett
131
131
</ a > { " " }
132
132
with < i className = "fa fa-heart" /> and JavaScript
0 commit comments