DEV Community

Jacob Stern
Jacob Stern

Posted on • Edited on

Day 16 / 100 Days of Code: Celebrating Flexbox and Its Wonderfulness!

Tue, July 16, 2024

In one of today's assignments, Codecademy gave us the freedom to create a responsively designed website from scratch with only a visual, which was challenging. While creating cheat sheets is good to reinforce learning, the best way to learn may be by practicing.

Also, about a week ago I was using VS Code search feature, and my theme was making the search highlight colors (active item, and all items) low contrast, so I found how to change VS Code search highlight colors in settings.json. Only catch is that I didn't know what colors to pick, so I went for high contrast with pink and green, which works, but you might say I overachieved, so if anyone has better color choices, please share! Thanks. Edit: I settled on a milder pink and green, which with transparency added, is vibing for me.

"workbench.colorCustomizations": {
"editor.findMatchBackground": "#CC00CC80", // 50% opacity
"editor.findMatchHighlightBackground": "#66CC6680" // 50% opacity
},
Enter fullscreen mode Exit fullscreen mode

Image description

Top comments (1)

Collapse
 
jacobdavidstern profile image
Jacob Stern • Edited

For now, I settled on a milder pink and green:
Edit: now with transparency and optimized color intensity
"workbench.colorCustomizations": {
"editor.findMatchBackground": "#CC00CC80", // 50% opacity
"editor.findMatchHighlightBackground": "#66CC6680" // 50% opacity
},