Return to Level1Techs.com

(WIP) Browse like it's 1999, a Vivaldi Theme in Progress

So, after having spun up a Windows 2000 VM for fun i got bit by the nostalgia bug a bit. I just started to remember how nice, clear and functional that UI was.
With all the Flatness in our Life, i felt the need to see how far i can get a modern Browser in that direction. The obvious choice here is Vivaldi, as Modding it is encouraged and easy and there’s a healthy forum of people nowing the Ins and outs of that Browsers CSS.

So, without further talking, the current state:


This is an hour of work in and far, far from finished. I just looked at my VM, picked some colors off of it and tried to get the basics down.

The goal is to keep supporting vivaldies color Settings, but keep the overal aestethics in tact. Icons are missing, as i’m not sure yet where to get Win 2000 or IE5 icons. The scrollbar is another point that’s not clear yet.
UI Font is to be determined. I’m looking at the original Font and some alternatives.

If you are intimitly familiar with the Win 2000 era UI, CSS or just feel like you have something to contribute, feel free to point out any flaws in the UI. The goal is to get this as close as possible. And most of the time, the more eyes, the better.

I’m still at work, so i’ll post the CSS file later for anyone interested. Also feel free to make any suggestions on how to integrate elements that just didn’t exist back then. Oh, and don’t miss the opportunity to call me a mad man. I just still think Windows 2000 had the best design of any OS to date in terms of consistency and usability.

17 Likes

Looks great! Post the repo my friend :wink:

2 Likes

Looks really good! Honestly quite like this retro style. Not sure why. I’ve been playing around with a Windows 98 VM lately. Mildly nostalgic.

Can’t wait to see it finished.

1 Like

as a vivaldi user I would love to have this and I only wish I could contribute but I aint got the know-how, cant wait to see the progress you make!

1 Like

Thanks for the feedback Guys! I appreciate it.
I quickly created a Gitlab Repo and uploaded the CSS so far:


Since i’m trying to make this work with Vivaldis Theme Settings, you have to set up the colors youself:

image

The third color can be anything you want. It isn’t used in the UI so far.
I only tested it with Tabs on the left without Preview images so far. If you happen to test it with other configurations, i’d be happy to accept feedback and trying to work out the kinks. I’ll now go back to refining this stuff and getting a hold of the icons. Also, i’m not using the “Color based on Tab Content” thingy, as that wouldn’t work with the aestethic in my opinion. I’ll try to get it to integrate later though. For now, it just looks like random Color On/Off glitching :wink:

3 Likes

Ok, i know it was long ago, but anyone have a clue where the “Home, Forward, Backward” Buttons came from? I have the Windows 2000 CD and am working through the stuff.
It wasn’t included in shell32.dll and iexplorer.exe also doesn’t have those icons in it. I’m not looking forward to going through every single dll and executable on that disk. Icon Packs aren’t out there, so the original source is where i need to get those from…

Nice fun project. Looking forward for the final product.

@domsch1988 also I found this https://www.nirsoft.net/utils/iconsext.html
Don’t know if it’s going to be useful or not though.

2 Likes

Might be. Not sure. I’d have to scan the Win2000 VM for those.
Getting to the icons isn’t the Problem. 7zip extracts dll and exe files and the icons are just in there. I’m just not sure where the heck some icons come from…

Concerning Icons, some Progress is made. Trying to stay close to what IE used, the first Icons are in place:
image

3 Likes

So, i’m calling it a day. All the changes are in the repo with the icons i used so far.


I also started working on the min/max/close buttons. those will take some work though.

5 Likes

Cool project! I also love the esthetics of Win2000.
Heck, my current Desktop is just Win2000 background color.

1 Like

Nice project!

A E S T H E T I C @BookrV might be interested about this? :smile:

So, i let that run over the entire C: Drive of my 2000 VM. I zipped up the 4000+ Icons that came out of it and put them on the Repo if anyone needs them for their Projects. So far, it doesn’t seem like the explorer “Back and Forware” Buttons are included in there. Makes me think they either aren’t icons or are somwhere completely else.

Since IE and the windows explorer use the same icons, i’m inclined to believe those aren’t IE specific, which is a bummer. I’m investigating further.

So, spend a solid hour pixelpeeping and painting icons by hand, but i think i’ve got the titlebar as close to pixelperfect as i’ll get it:


Font’s are obviously anit-aliased. But other than that, min-max-close, title and menu-icon should match pixelperfect now. This is only on 100% scaling in windows and vivaldi. I’ll test with scalling a bit later, but making a Windows 2000 theme Hi-DPI compliant isn’t exactly priority number 1 on the list :wink:

7 Likes

Just a small Update today:


Back and forward button are in and sizes for adress and searchbar fit. Measurements from the original don’t work here anymore because of dual borders in the Original and the way border and outline work in CSS. Tried getting it as close as possible. Also, Buttons are currently adressed by number, which can cause issues with reading mode icon. Not sure how to address this jet.
Am also debating on wether i want to add the Button Text or not. Plus, as flexible as Vivaldi is, i can’t add another tollbar, nor can i remove/Rearrange the buttons.

I start feeling like Firefox might have been a better idea. Though they seem to be on the way of dropping CSS Support so…

What ever. Progress is slow, as i’ve get other work to do and am basically painting those icons by hand now, which is really time consuming.

2 Likes

Sorry the stupid question, is it possible to screenshot and just clean them up?

A few, yes. Not all of them though. Hover states aren’t screenshotable, and some come out slightly scaled or such and don’t match perfectly.
It’s also only the Toolbar icons i have to make. Everything else i have in icon format already.
Manually coloring is tedious non the less. Plus i’m still debating switching this Project to firefox.

1 Like

This is incredible. I am getting nostalgic remembering my first PC with Win95.