To please myself, I developed a Chrome extension for web beautification

by•

Web page beautification Chrome extension: gradient color matching, eye protection and dark mode, frosted glass, and dynamic background.

Why do we do this?

Everything comes from: Chrome's Google Smart Camera

I am a programmer myself, but a C++Qt client programmer. Once, I wanted to take a screenshot of some questions for our product manager to confirm.

Accidentally clicked on the built-in feature of Chrome, right-click ->use Google Smart Camera to search for this tab, and I found that the UI of my webpage immediately changed, giving me a fresh feeling.

Therefore, I also want to create an extension program that can beautify my webpage.

The first gradient style - Aono Warm Sun

In the era of AI, anything can be implemented with AI because I am not a professional in Chrome extension development, but AI has given me the opportunity to realize my various ideas.

At first, I just told AI that I wanted to create a Chrome plugin with gradient effects, but AI always had various problems with what they did. Later, I simply took a screenshot of the Google Smart Camera rendering effect in Chrome and gave it to them. After a short wait, yes, they did it, just like I had expected.

Eye protection mode

I remember the first Chrome extension I installed before was called "Screen Shader | Smart Screen Tinting", an eye protection plugin that supports the effect of turning the screen yellow at a certain time at night.

Because I have already completed a similar plan, I have also added the functions of eye protection mode and timed switching plan.

As a programmer, I may have a natural obsession with black, so I added a dark mode, although there are now excellent Chrome extensions such as Night Eye and Dark Reader.

Frosted glass effect

After sending my first version of the extension to my wife for a while, I asked her how it was and if she was still using it?

Her answer to me was that he felt it was too dark and not his preferred style.

So, I developed the effect of frosted glass, but I found the simple webpage too monotonous. I added dynamic backgrounds (such as starry sky, shooting stars, rain, snow, etc.) because I used Qt QML to create a desktop snow and fireworks effect before, and I was satisfied with it personally. It was also self entertainment.

Why is it charged?

Due to the influence of the AI programmer industry, I have to consider ways to earn money besides work.

At the end of August this year (2026), I was unfortunately laid off. Under the pressure of a huge mortgage and family living expenses, I reduced my salary and found a small company, which barely covered my mortgage and living expenses.

I suddenly realized that after leaving the company, I had no ability to make money at all.

I started thinking about how to increase my income beyond work. In the AI era, can I create some paid products for everyone to use.

Actually, I used to be quite competitive. When I realized that in terms of learning ability, I couldn't compare to others. When faced with various things, some people would dig deep and ask questions, just like a driver who only knows how to fix the engine, but also knows the working principle of the engine. I'm not the kind of person who likes to dig deep and ask questions.

I also found that sometimes just working hard is not enough. It's useless to complete various customer needs and issues well. You don't provide emotional value to your leaders, don't manage upwards, and if you make a small mistake, the next one to be laid off will be you.

Tu Ran will be my first software to explore income beyond work.


Welcome to experience and feedback,

12 views

Add a comment

Replies

Be the first to reply

Have a question or a thought to share? Add a comment above to start the conversation.