Skip to content

Commit cead8a3

Browse files
authored
fix: menu colors (#91)
1 parent caa57b6 commit cead8a3

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/App.js

+6-6
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ const App = () => {
5858
const updatePalette = () => {
5959
const palette = getRandomPalette()
6060
setPalette(palette)
61-
setUiColor(invert(palette[0]))
61+
setUiColor(palette[0])
6262
}
6363

6464
const drawArt = () => {
@@ -93,7 +93,7 @@ const App = () => {
9393
<div className="menu">
9494
<div className="actions">
9595
<IconButton
96-
style={{ color: uiColor, backgroundColor: invert(uiColor) }}
96+
style={{ color: invert(uiColor), backgroundColor: uiColor }}
9797
onClick={updatePalette}
9898
color="inherit"
9999
aria-label="Shuffle"
@@ -102,7 +102,7 @@ const App = () => {
102102
<Shuffle />
103103
</IconButton>
104104
<IconButton
105-
style={{ color: uiColor, backgroundColor: invert(uiColor) }}
105+
style={{ color: invert(uiColor), backgroundColor: uiColor }}
106106
onClick={downloadArt}
107107
color="inherit"
108108
aria-label="Download Image"
@@ -111,7 +111,7 @@ const App = () => {
111111
<GetApp />
112112
</IconButton>
113113
<IconButton
114-
style={{ color: uiColor, backgroundColor: invert(uiColor) }}
114+
style={{ color: invert(uiColor), backgroundColor: uiColor }}
115115
onClick={toggleShowUi}
116116
color="inherit"
117117
aria-label="Hide UI"
@@ -124,9 +124,9 @@ const App = () => {
124124
}
125125
{ showUi &&
126126
<div className="footer">
127-
<h4 style={{ color: uiColor, backgroundColor: invert(uiColor) }}>
127+
<h4 style={{ color: invert(uiColor), backgroundColor: uiColor }}>
128128
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">
130130
@cujarrett
131131
</a>{" "}
132132
with <i className="fa fa-heart" /> and JavaScript

0 commit comments

Comments
 (0)