My CSS for Neater-Bookmarks 2021-04-04
Lately I have been trying out ungoogled-chromium. I'm not a big fan of it but (1) asshat web developers tend to only make/test against chrome because they don't know any better and (2) Firefox is just as rotten a bag of dicks as Chrome. Seriously, if you are one of the holdouts who still thinks that Firefox is better than Chrome because of the people who make it, you are kidding yourself. There are a parade of examples of Mozilla making shitty decisions, doing shitty things, and generally ignoring users in favour of benefiting themselves. Anyways, the migration from Pale Moon to ungoogled-chromium means finding a way to replace all the plugins I used to like. It really isn't that many plugins, but it is a pain.
One of the things I didn't particularly like about ungoogled-chromium is that the default way to quickly access your bookmarks is to have a big fat stupid bookmark bar at the top of your content window taking up valuable screen real estate. So I found this plugin that gives you a button at the end of your URL bar which opens your bookmarks. It is a fork of this plugin, and it works pretty well. Except for a couple of small things. The first problem is that when you middle-click on one of your bookmarks it opens two tabs with your desired page. It gets a little annoying having to keep closing the second tab all the time, so when I looked through the linked issue, I found r2r2r20's fork which fixes the double-tab problem.
The second thing I didn't like about it was that it is a little ugly and the text is a bit small for my aging eyes. So I made a little CSS snippet that can be pasted in to the plugin options to make it look better. Here's how mine looks now:
Boring?... and here is the CSS that makes it look that way:
body {
width: 640px;
background: #666666;
}
#search input {font-size: 16px;}
#search {padding: 0px 1px 1px 1px;}
#tree li {font-size: 16px;}
#tree {padding: 0px 1px 1px 1px;}
#results ul li a, #tree ul li a, #tree ul li span {
background: #bbbbbb;
text-shadow: none;
color: black;
font-family: monospace;
}
I hope you like it.