Caligo

• 

  Icon

Inspiration

We were actually inspired by another extension created by UCLA students, Beautiful Eggert, which made CS spec sheets look much nicer by injecting CSS onto the page. We thought that if you could inject specific CSS onto a page, then you could also change all the colors and fonts on a page. There are websites are not centered around accessibility, so we wanted to make this extension that helps people who get blinded by light mode or can't read some ugly fonts on a website.

What it does

This extension both enables dark mode on every site, and can also change the fonts to make everything more readable. As a bonus, there is an option to completely purge CSS from any page, so you can readjust the fonts and colors afterwards without other CSS getting in the way.

How we built it

We built it using HTML/CSS, Javascript, and used Chrome's APIs. We used a Chrome extension tutorial to make the skeleton of the project, then added a lot of our own code.

Challenges we ran into

Debugging javascript was tough, especially since we had to use the console to log all bugs.

Accomplishments that we're proud of

We are both freshmen at UCLA, so we're just proud of finishing a fairly polished project!

What we learned

We learned a lot about javascript and how Chrome extensions work in general. We also used a good amount of Github and learned to familiarize ourselves with the branch system of Github.

What's next for Caligo

We hope to expand this to more accessibility features, potentially incorporating more fonts and more intuitive sliders.

Built With

• chrome
• css
• html
• javascript