@@ -41,7 +41,7 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
4141
4242 ? 'text-primary-400 bg-gray-800'
4343
44- : 'text-gray-300 hover:text-white hover:bg-gray-800'
44+ : 'text-gray-100 hover:text-white hover:bg-gray-800'
4545
4646 } `;
4747
@@ -112,7 +112,7 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
112112
113113 className = { `flex items-center justify-between w-full text-sm font-normal uppercase tracking-wider mb-4 focus:outline-none ${
114114
115- isMainActive ? 'text-red-400' : 'text-gray-300 '
115+ isMainActive ? 'text-red-400' : 'text-gray-100 '
116116
117117 } `}
118118
@@ -158,7 +158,7 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
158158
159159 className = { `flex items-center justify-between w-full text-sm font-normal uppercase tracking-wider mb-4 focus:outline-none ${
160160
161- isContentActive ? 'text-red-400' : 'text-gray-300 '
161+ isContentActive ? 'text-red-400' : 'text-gray-100 '
162162
163163 } `}
164164
@@ -207,11 +207,11 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
207207 < div className = "mt-8" >
208208
209209 < button
210-
210+
211211 onClick = { ( ) => setIsGamesOpen ( ! isGamesOpen ) }
212-
213- className = { `flex items-center justify-between w-full text-sm font-normal uppercase tracking-wider mb-4 focus:outline-none ${ isGamesOpen ? 'text-gray-300 ' : 'text-gray-300 ' } ` }
214-
212+
213+ className = { `flex items-center justify-between w-full text-sm font-normal uppercase tracking-wider mb-4 focus:outline-none ${ isGamesOpen ? 'text-gray-100 ' : 'text-gray-100 ' } ` }
214+
215215 >
216216 < span className = "flex items-center gap-2 font-arvo " >
217217 < span > Games</ span >
@@ -223,15 +223,15 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
223223
224224 < nav className = "space-y-2 border-l-2 border-gray-700 ml-3 pl-3" >
225225
226- < a href = "https://www.nytimes.com/games/wordle/index.html" target = "_blank" rel = "noopener noreferrer" className = { `flex items-center space-x-3 px-3 py-1 rounded-md transition-colors text-gray-300 hover:text-white hover:bg-gray-800` } >
226+ < a href = "https://www.nytimes.com/games/wordle/index.html" target = "_blank" rel = "noopener noreferrer" className = { `flex items-center space-x-3 px-3 py-1 rounded-md transition-colors text-gray-100 hover:text-white hover:bg-gray-800` } >
227227
228228 < GameControllerIcon size = { 24 } />
229229
230230 < span > Wordle</ span >
231231
232232 </ a >
233233
234- < a href = "https://openfront.io" target = "_blank" rel = "noopener noreferrer" className = { `flex items-center space-x-3 px-3 py-1 rounded-md transition-colors text-gray-300 hover:text-white hover:bg-gray-800` } >
234+ < a href = "https://openfront.io" target = "_blank" rel = "noopener noreferrer" className = { `flex items-center space-x-3 px-3 py-1 rounded-md transition-colors text-gray-100 hover:text-white hover:bg-gray-800` } >
235235
236236 < GlobeSimple size = { 24 } />
237237
@@ -251,7 +251,7 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
251251
252252 onClick = { ( ) => setIsExternalLinksOpen ( ! isExternalLinksOpen ) }
253253
254- className = { `flex items-center justify-between w-full text-sm font-normal uppercase tracking-wider mb-4 focus:outline-none ${ isExternalLinksOpen ? 'text-gray-300 ' : 'text-gray-300 ' } ` }
254+ className = { `flex items-center justify-between w-full text-sm font-normal uppercase tracking-wider mb-4 focus:outline-none ${ isExternalLinksOpen ? 'text-gray-100 ' : 'text-gray-100 ' } ` }
255255
256256 >
257257
@@ -268,7 +268,7 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
268268
269269 < nav className = "space-y-2 border-l-2 border-gray-700 ml-3 pl-3" >
270270
271- < a href = "https://github.com/fezcode" target = "_blank" rel = "noopener noreferrer" className = { `flex items-center space-x-3 px-3 py-1 rounded-md transition-colors text-gray-300 hover:text-white hover:bg-gray-800` } >
271+ < a href = "https://github.com/fezcode" target = "_blank" rel = "noopener noreferrer" className = { `flex items-center space-x-3 px-3 py-1 rounded-md transition-colors text-gray-100 hover:text-white hover:bg-gray-800` } >
272272
273273 < GithubLogo size = { 24 } />
274274
@@ -284,21 +284,21 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
284284
285285 </ div >
286286
287- < div className = "p-4 text-xs text-gray-500 text-left" >
287+ < div className = "p-4 text-xs text-gray-300 text-left" >
288288 < button
289289 onClick = { toggleAllSections }
290- className = "flex items-center justify-center w-full text-sm font-normal uppercase tracking-wider mb-4 focus:outline-none bg-gray-700 text-white hover:bg-gray-600 rounded-md p-2"
290+ className = "flex items-center justify-center w-full text-sm font-normal tracking-wider mb-4 focus:outline-none bg-gray-800 text-white hover:bg-gray-700 rounded-md p-2 font-sans "
291291 >
292292 < span > { allSectionsOpen ? 'Collapse All' : 'Expand All' } </ span >
293293 < List size = { 20 } className = { `ml-3 transition-transform ${ allSectionsOpen ? 'transform rotate-180' : '' } ` } />
294294 </ button >
295295 < hr className = "border-gray-700 my-4" />
296296
297- < div className = "flex space-x-2 font-arvo " >
297+ < div className = "flex space-x-2 font-sans " >
298298
299- < button className = "bg-gray-800 hover:bg-gray-700 text-white py-2 px-4 rounded-md transition-colors w-full font-arvo " > Button 1</ button >
299+ < button className = "bg-gray-900 hover:bg-gray-800 text-white py-2 px-4 rounded-md transition-colors w-full font-sans " > Button 1</ button >
300300
301- < button className = "bg-gray-800 hover:bg-gray-700 text-white py-2 px-4 rounded-md transition-colors w-full font-arvo " > Button 2</ button >
301+ < button className = "bg-gray-900 hover:bg-gray-800 text-white py-2 px-4 rounded-md transition-colors w-full font-sans " > Button 2</ button >
302302
303303 </ div >
304304
0 commit comments