BLF After Dark, CSS theme [not relevant anymore]

[DB_Custom (Dale)]

Some of the links and quoted lines in the signature are in blue and very very small. My old eyes and bifocals have trouble distinguishing those, including your repository TK. I think it’s a combination of the shade of blue and the small size. prollyjustme

[ToyKeeper]

@DB Custom

Some of the links and quoted lines in the signature are in blue and very very small. My old eyes and bifocals have trouble distinguishing those, including your repository TK. I think it’s a combination of the shade of blue and the small size. prollyjustme

At least they turn white if you hover.

I also tried to make them more visible by giving links a black dropshadow, but it’s still a bit odd with blue. Human eyes have difficulty focusing on pure blue light.

How do you want it to look instead of the current appearance?

Also, as a side note, you don’t have to use the “after dark” theme in order to get the blacklist function. But if you do want to keep the “after dark” part, the code is all editable. Look for this part, and uncomment/edit the second line:

    /* Make hyperlinks brighter, for DanielM */
    /* color: #0094d9 !important; */

Additionally, to make signatures bigger, look for this part and change the font size:

/* signature at the end of each post */
div.clear {
    /* display: none; */ /* in case you want no signatures at all */
    margin: 6px 0 0 0 !important;
    padding: 0 !important; 
    font-size: 80%;  /* make the text smaller by default */
    ...

[Dimbo_The_Blinky]

Just IMNERHO, but I absolutely LOVE the way hyperlinks work in this theme!! On my system, they change to White & quickly-but-gradually increase in apparent brightness, just like the CFLs I used to appreciate.

Just one of many wonderful features!!

I don’t even mind that the Search Results pages look really weird.

[DB_Custom (Dale)]

I guess my blue rods have been turned into red rods by my hot rods.

[ToyKeeper]

I updated the main theme file just now, with one tiny change:

• Styled the new “Rude!” button. (actually, all “flag” actions)

I’m not sure about styling the rudeness meter on the left yet… haven’t seen it with a non-zero number. Then again, I think the feature only landed like ten minutes ago.

[sb56637]

@ToyKeeper

I updated the main theme file just now, with one tiny change:

• Styled the new “Rude!” button. (actually, all “flag” actions)

I’m not sure about styling the rudeness meter on the left yet… haven’t seen it with a non-zero number. Then again, I think the feature only landed like ten minutes ago.

Wow, that was lightning fast! Thanks! (I gave you a quick rudeness point so you can test it with a non-zero number. :innocent: )

[ToyKeeper]

Got a little distracted, but the meter works now too.

Not that it didn’t work before. It was just bright green.

[hank]

I lost track of the discussion about blocking signature files, pointer welcome, I am sure it’s in another thread but search isn’t finding it for me.

[ToyKeeper]

@hank

I lost track of the discussion about blocking signature files, pointer welcome, I am sure it’s in another thread but search isn’t finding it for me.

[07-MAR-2016] Current status of BLF upgrade process

You can do it with a CSS override, same as the site theme I made. However, it’s all very manual and can’t be triggered on a “sig too long” condition. Instead, you can hide signatures on a per-user basis or a per-content-type basis. If three people’s sigs bother you, you can hide only theirs. Or if you want to block all images in signatures, you can do that. Or perhaps all tables in signatures. For example, to block all images in signatures: div.clear img { display: none; } Or to block severa…

I’ll copy it here:

@ToyKeeper

@hank

Uncluttering help?
…
I haven’t figured out a way to choose to block large volume signature lines that repeat every time.

You can do it with a CSS override, same as the site theme I made. However, it’s all very manual and can’t be triggered on a “sig too long” condition. Instead, you can hide signatures on a per-user basis or a per-content-type basis. If three people’s sigs bother you, you can hide only theirs. Or if you want to block all images in signatures, you can do that. Or perhaps all tables in signatures.

For example, to block all images in signatures:

div.clear img { display: none; }

Or to block several people’s signatures:

div.posted-by-54321 div.clear,
div.posted-by-65432 div.clear,
div.posted-by-76543 div.clear
{ display: none; }

[hank]

Ahhhh, that works. Text I had long since memorized no longer appears every time.

Now, to program my glasses to filter out certain billboards and t-shirts …. oh, wait, that’s science fiction ….
And nobody has invented not-hearing-aid filtering either, just yet.

[LG1 (LG)]

This is awesome. Thank you!

[ToyKeeper]

I’m not a fan of bright white high-contrast web designs. I find it more more comfortable to read some dimmer lower-contrast greys.

Kinda goes with being photosensitive, I guess. I can see well in the dark, but I can’t really see during the day unless I have dark sunglasses.

[Pete7874]

Kudos for this After Dark theme! I always wondered what dark skinned BLF would look like.

Thank you!

[Pete7874]

TK, Which line do I edit to change the color of the “NEW” and “UPDATED” markers that show next to thread titles? It currently shows as deep red and I find it hard to see, probably due to my partial color blindness.

EDIT: Found it. It's this section:

span.marker { color: #9e0000 !important; font-variant: small-caps !important; }

[ToyKeeper]

@Pete7874

TK, Which line do I edit to change the color of the “NEW” and “UPDATED” markers that show next to thread titles? It currently shows as deep red and I find it hard to see, probably due to my partial color blindness.

Ah, interesting. Those only appear in a part of the interface that I don’t use. Hadn’t even noticed those were there.

The “new” markers I configured are bold black text on a red shadow. Thin red text on a grey background was probably inherited from an earlier version a few years ago, before BLF’s code got updated.

I’ll have to remember to fix that.

[Pete7874]

Another question: product descriptions below images in the screenshot below are unreadable. They do become readable when I hover my mouse over them. How do I change that font color in your CSS?

Thanks!

Link to that specific thread, although it’s not the only one with that issue:

[Bilakos10 Premium Deals] ● Astrolux FT03 SST-40 ● Astrolux A01 UV ● Seeknite X6S ● JCD 8898 Hot Air Station ● SQ-D60

[image] Active Deals 13/02/2021 [image] Astrolux FT03 SST40-W 2400lm 875m Type-C Rechargeable LED Flashlight Normal Price: $71.36 Promo Price: $47.81 [image] Astrolux A01 A01UV Mono-output 395nm UV Keychain Light Normal Price: $18.83 Promo Price: $12.99 [image] SEEKNITE X6S 3* XPL Hi/Nichia 219C 3000LM EDC LED Flashlight 1 8650/18350 Normal Price: $45.23 Promo Price: $28.95 [image] JCD 8898 2 in 1 750W Soldering Station Hot Air Gun Heater LCD Di…

[ToyKeeper]

You can probably do something like this to remove the shadow from links in those posts…

/* override style for people who insist on using too much CSS in their posts */
div.posted-by-9004 a {
    text-shadow: none !important;
}

[Pete7874]

That helped. Thank you.

[puglife2]

So nice! thx

[ToyKeeper]

There are still a few bits here and there which aren’t re-styled correctly, but it mostly works. Some of the table border lines, in particular, haven’t responded easily to overrides, and I haven’t tracked down the reason why.

I also have a few little extras locally, like to remove the search box. I had kinda forgotten it’s even there, since I’d rather type a bit more during a search than have the widget always taking up space.