Color Blast!

Worked on the website part of the project, created a simple website, just to download the extension. It matches the theme of the extension. Will be posting this on scrapbook too

Worked on some UX changes, first I changed the color preview to only appear on the palette section, because it was interfering with the selected color text. And i also changed some logic to show color in the selected color text when it was hovered on, and also generate matches.

Changed the css of this and added some shadows and borders. Made the colors lighter. It has a more modern look now!

Oof this was some cool work. I shifted the math algorithm from using HSL values to use RGB values for the matching colors. Now it generates better matches for the color. Its awesome. Some final touches and I will be able to ship this extension!

Yeah, just prototyped a way of generating matching colors. Doesn’t work well. Like it shows up random colors and since I am using a mathematical algorithm for this, it generates negative values so it doesn’t work 100% of the times tried…

Added many tiny features such as live preview. Once a color is hovered on, the background changes to that color. And live stats: shows how may colors are there in the current palette. And a delete palette button, and a cool animation for the copy feature!

Added a cool feature suggested by one of you guys! Feature enabling you to create your many no. of palettes. Still work in progress, but seems nice for now.

Made some visual changes and fixed some errors in the javascript code. Not a big task, and also added an icon to the extension. This extension is almost done. I would love to hear a few ideas that i could add to this extension. Please comment if you have any ideas.

Changed the colors of the popup to match the colors of my banner. I prefer this over the dark colors.

This was a crazy tiring task. I got fed up of bugs, that I rewrote the whole code, and revamped the whole css. Now it looks more sleek and modern. This was a hard task and also implemented the delete color feature.

Just styled the box and added the functionality of the color showing up on the palette after picking it. Also added a small tooltip on hover. Really looks cool now. Next task is to be able to delete a color from the palette.

Oof this was hard. I had to code the eyedropper part of this so that the user can pick a color. And, the popup looked disgusting, so I had to do some basic styling. here’s a small preview

Created the basic manifest and html of the popup. This was easy. But now I am pretty scared that this project will take a little too less of time. So yeah, heres a small screenshot. Doesn’t look too good. did not even touch the css.