BLF After Dark, CSS theme

118 posts / 0 new
Last post
ToyKeeper
ToyKeeper's picture
Online
Last seen: 3 min 13 sec ago
Joined: 01/12/2013 - 14:40
Posts: 8100
Location: (469219) 2016 HO3

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

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

hank
hank's picture
Offline
Last seen: 2 hours 18 min ago
Joined: 09/04/2011 - 21:52
Posts: 7435
Location: California

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
ToyKeeper's picture
Online
Last seen: 3 min 13 sec ago
Joined: 01/12/2013 - 14:40
Posts: 8100
Location: (469219) 2016 HO3

hank wrote:
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.

http://budgetlightforum.com/comment/965782#comment-965782

I’ll copy it here:

ToyKeeper wrote:

hank wrote:
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
hank's picture
Offline
Last seen: 2 hours 18 min ago
Joined: 09/04/2011 - 21:52
Posts: 7435
Location: California

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.

LG
Offline
Last seen: 1 month 1 week ago
Joined: 07/09/2016 - 09:09
Posts: 250
Location: Vietnam

This is awesome. Thank you!

ToyKeeper
ToyKeeper's picture
Online
Last seen: 3 min 13 sec ago
Joined: 01/12/2013 - 14:40
Posts: 8100
Location: (469219) 2016 HO3

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
Pete7874's picture
Offline
Last seen: 3 hours 18 min ago
Joined: 11/23/2011 - 16:47
Posts: 1972
Location: USA

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

Thank you!

Pete7874
Pete7874's picture
Offline
Last seen: 3 hours 18 min ago
Joined: 11/23/2011 - 16:47
Posts: 1972
Location: USA

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:

 

Quote:
span.marker { color: #9e0000 !important; font-variant: small-caps !important; }
ToyKeeper
ToyKeeper's picture
Online
Last seen: 3 min 13 sec ago
Joined: 01/12/2013 - 14:40
Posts: 8100
Location: (469219) 2016 HO3
Pete7874 wrote:
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
Pete7874's picture
Offline
Last seen: 3 hours 18 min ago
Joined: 11/23/2011 - 16:47
Posts: 1972
Location: USA

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:
http://budgetlightforum.com/node/57247

ToyKeeper
ToyKeeper's picture
Online
Last seen: 3 min 13 sec ago
Joined: 01/12/2013 - 14:40
Posts: 8100
Location: (469219) 2016 HO3

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
Pete7874's picture
Offline
Last seen: 3 hours 18 min ago
Joined: 11/23/2011 - 16:47
Posts: 1972
Location: USA

That helped. Thank you.

puglife2
Offline
Last seen: 9 hours 1 min ago
Joined: 10/07/2017 - 17:56
Posts: 135

So nice! thx Big SmileBig SmileBig Smile

ToyKeeper
ToyKeeper's picture
Online
Last seen: 3 min 13 sec ago
Joined: 01/12/2013 - 14:40
Posts: 8100
Location: (469219) 2016 HO3

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.

ToyKeeper
ToyKeeper's picture
Online
Last seen: 3 min 13 sec ago
Joined: 01/12/2013 - 14:40
Posts: 8100
Location: (469219) 2016 HO3

Le sigh.

New Drupal, gotta redo the theme again.

Maybe in a few days. That blood moon eclipse was exhausting, so I’m taking some extra time off.

Stylish became malware/spyware, and was removed from Chrome’s extension library. Use Stylus instead.

puglife2
Offline
Last seen: 9 hours 1 min ago
Joined: 10/07/2017 - 17:56
Posts: 135

also stylish was removed a month ago from firefox and chrome web store due to security issue

ToyKeeper
ToyKeeper's picture
Online
Last seen: 3 min 13 sec ago
Joined: 01/12/2013 - 14:40
Posts: 8100
Location: (469219) 2016 HO3

Hmm, it may just be that. I forgot to update to Stylus on this computer, and it appears to have finally disabled itself.

Last night BLF was really really slow and it seems magically better today, and the style override stopped working, so I thought it was a server-side update… but it may just be an outdated client.

DB Custom
DB Custom's picture
Offline
Last seen: 1 hour 58 min ago
Joined: 01/13/2013 - 22:28
Posts: 18516
Location: Heart of Texas

Screen…

… so

………bright!

Aaaaaggghhhhhhh!!!!

Dale

ToyKeeper
ToyKeeper's picture
Online
Last seen: 3 min 13 sec ago
Joined: 01/12/2013 - 14:40
Posts: 8100
Location: (469219) 2016 HO3

Okay, confirmed. BLF’s stylesheet didn’t change… it’s just that Chrome-based browsers started disabling Stylish because it was bought and became spyware.

So, to get things working, uninstall Stylish, install Stylus instead, and do everything else the same as before.

DB Custom
DB Custom's picture
Offline
Last seen: 1 hour 58 min ago
Joined: 01/13/2013 - 22:28
Posts: 18516
Location: Heart of Texas

Thanks TK, screen looks SO much better! Big Smile

Dale

shirnask
Offline
Last seen: 1 hour 33 min ago
Joined: 03/21/2016 - 23:58
Posts: 581
Location: Louisiana
Thumbs Up
Coscar
Coscar's picture
Offline
Last seen: 1 hour 23 min ago
Joined: 01/03/2016 - 20:16
Posts: 369
Location: Gulf Coast
ToyKeeper wrote:
install Stylus, and do everything else the same as before.

Sorry my CTE is acting up Tired but I am unable to get this to work. I have Stylus installed and enabled. I am still using FF56 cause anything later breaks 90% of my addons. I had Stylish working before FF disabled it … I tried to read the whole thread but it only confused me. Can you point me to a post that specifically explains what I need to do or maybe provide a CSS file that I can import? Thx TK

Im not a Pessimist …. just an Optimist with a lot of experience

Pete7874
Pete7874's picture
Offline
Last seen: 3 hours 18 min ago
Joined: 11/23/2011 - 16:47
Posts: 1972
Location: USA

FYI, I use FF56 as well.

If you already have Stylus installed and enabled, then go here:
https://userstyles.org/styles/124240/blf-after-dark

And then click “Install Style”.

IIRC, that’s all there is to it.

At this point you can further tweak it to your liking. For example, I made some of the colors slightly brighter as I was having a hard time seeing certain text.

Coscar
Coscar's picture
Offline
Last seen: 1 hour 23 min ago
Joined: 01/03/2016 - 20:16
Posts: 369
Location: Gulf Coast

Thanks Pete…. I was playing around with it before I read your post and I got it to work although I am not sure if it is safe.
I re-enabled Stylish and exported the BLF info, then imported that into Stylus and disabled Stylish again …. I checked and it is working like it used to BUT is that okay or is some of that code vulnerable?

Edit: After doing the above and reading your post I went to the http://budgetlightforum.com/comment/1358466/edit link you provided and clicked the link ‘Install style as userscript’ ………. would that have overwritten the other script? Sorry for the confusion…. CTE makes my brain disfunctional! TiredTiredTired

Thanks for the help

Im not a Pessimist …. just an Optimist with a lot of experience

DB Custom
DB Custom's picture
Offline
Last seen: 1 hour 58 min ago
Joined: 01/13/2013 - 22:28
Posts: 18516
Location: Heart of Texas

Being awake makes my brain dysfunctional… Sick

Dale

mkdive
Offline
Last seen: 6 hours 43 min ago
Joined: 04/11/2018 - 18:54
Posts: 24
Location: socal

I have PC using chrome….I went to here and clicked install (that was it). Works and is much nicer.

https://userstyles.org/styles/124240/blf-after-dark

DB Custom
DB Custom's picture
Offline
Last seen: 1 hour 58 min ago
Joined: 01/13/2013 - 22:28
Posts: 18516
Location: Heart of Texas

right mkdive, get used to it and then lose it and you’ll find the normal screen kills ya! lol

Dale

Pages