PF Style 2026

  • Context: Announcement 
  • Thread starter Thread starter Greg Bernhardt
  • Start date Start date
Join the discussion
Ask a follow-up here, or get your own question answered by working scientists, mathematicians and engineers — people, not an autocomplete.
Real named experts · corrections over time · the nuance an AI answer skips
120 replies · 3K views
Halc said:
2nd gripe, discovered while composing this post. I highlight a bit of text and cannot tell the difference. It's there, but barely different. For the record, I'm using dark mode, white text on all variations of dark blue everything. Highlighting text makes it a slightly different white with no change in background.
I am using Style Variation = System, and I believe it is yielding for me the same as "Light". Upon highlighting before clicking on "Reply", the quoted text showed as white and background was blue. That met me as good visibility.
 
Physics news on Phys.org
Works fine in regular (non-dark mode):

1784066554344.webp
 
Greg Bernhardt said:
I made a couple tweaks. Let me know if you think it's better.
Absolutely no concerns on light mode now. In dark mode, differentiation is still difficult.
 
Reply
  • Informative
Likes   Reactions: symbolipoint
I have great difficulty seeing highlight in the edit box, in both light and dark modes.
Is there 1 difference between lower L and upper i.
Is there 1 difference between lower l and upper I.
 
Reply
  • Wow
Likes   Reactions: symbolipoint
----
Is there 1 difference between lower L and upper i.
Is there 1 difference between lower l and upper I.
----

I am only trying to see what you do.
I am assuming my "System" mode is the same as "Light" mode.
Upon highlighting those, I find a very light gray background and no color change to the text. My reckoning is that any highlighting should not affect the distinction between those letters. What is your second sentence, exactly? Just so I do not confuse anything? Context of what is being printed should adequately allow identity of the characters.
 
symbolipoint said:
My reckoning is that any highlighting should not affect the distinction between those letters.
Two separate issues.
1. Highlighting fail in the edit box.
2. The ability to differentiate "I'll" without cut and paste to a text file.
 
berkeman said:
Works fine in regular (non-dark mode):
Yea, it does, but in dark mode, it should show as dark text on light background, or any other color that doesn't match the dark background. My eyes burn enough without websites trying to imitate a piece of paper under a 400 watt light.
 
I like it.

My personal thoughts, I've only looked at light mode for the moment:
  • Thread page
    • The thread display – 16px Inter – is a great choice for main content.
    • 13px is too small for quoted text, why override the default 15px?
    • 12px is too small for the signature – 13px is OK here.
    • The Prism theme for code boxes is great (did this already change a while ago?)
  • Individual forum page
    • Why not use 16px for the thread titles (currently 15px)?
    • I find the topic badges hard to read – the combination of color, background-color, font-size and font-weight are not good. Font-weight: 900 works for me (and possibly font-size 11px if you go for 16px for the titles).
  • Home page
    • I don’t mind the topic badges here – the contrast in .prefix-green and .prefix-brown is better than .prefix-grey on the individual forum page so you could just tweak that (are there other colours used for badges?).
    • Again I prefer 16 px for the thread titles in Active Discussions and New Discussions
    • The font sizes in Today’s Signal and Unanswered-help out boxes are too small: I'd change 9.5px->11px (eybrow), 14px->15px title and 12->13px snippet
  • Why use different styles for the Unanswered – help out box? This is additional cognitive load: I’d go for eyebrow and title (but no snippet) in the same styles as Today’s Signal
  • Again in the Browse by Field box I’d bump the forum and thread titles up a pixel.
 
Reply
  • Informative
Likes   Reactions: Greg Bernhardt
Halc said:
That's gone. I can no longer at a glance find topics in which I've been active.
Added an icon for now
Halc said:
2nd gripe, discovered while composing this post. I highlight a bit of text and cannot tell the difference.
Legit and fixed
Baluncore said:
I have great difficulty seeing highlight in the edit box, in both light and dark modes.
Legit and fixed
 
In the Homework Help forums the two-column layout for Homework Statement and Relevant Equations crowds all the content into half of the screen of a mobile phone. Either stop using the two-column layout altogether or put it in a media query for >= desktop.
 
Reply
  • Informative
Likes   Reactions: Greg Bernhardt
hello how are you?
pbuk said:
In the Homework Help forums the two-column layout for Homework Statement and Relevant Equations crowds all the content into half of the screen of a mobile phone. Either stop using the two-column layout altogether or put it in a media query for >= desktop.
I'll try stacking instead
 
pbuk said:
Individual forum page
  • I find the topic badges hard to read – the combination of color, background-color, font-size and font-weight are not good. Font-weight: 900 works for me (and possibly font-size 11px if you go for 16px for the titles).
  • Home page
    • I don’t mind the topic badges here – the contrast in .prefix-green and .prefix-brown is better than .prefix-grey on the individual forum page so you could just tweak that (are there other colours used for badges?).

I've looked at a few more of these: red, green, blue, brown, purple are all OK for me, it's just the grey. Maybe it's just me? They are all OK in dark mode.
 
pbuk said:
I like it.

My personal thoughts, I've only looked at light mode for the moment:
  • Thread page
    • The thread display – 16px Inter – is a great choice for main content.
    • 13px is too small for quoted text, why override the default 15px?
    • 12px is too small for the signature – 13px is OK here.
    • The Prism theme for code boxes is great (did this already change a while ago?)
  • Individual forum page
    • Why not use 16px for the thread titles (currently 15px)?
    • I find the topic badges hard to read – the combination of color, background-color, font-size and font-weight are not good. Font-weight: 900 works for me (and possibly font-size 11px if you go for 16px for the titles).
  • Home page
    • I don’t mind the topic badges here – the contrast in .prefix-green and .prefix-brown is better than .prefix-grey on the individual forum page so you could just tweak that (are there other colours used for badges?).
    • Again I prefer 16 px for the thread titles in Active Discussions and New Discussions
    • The font sizes in Today’s Signal and Unanswered-help out boxes are too small: I'd change 9.5px->11px (eybrow), 14px->15px title and 12->13px snippet
  • Why use different styles for the Unanswered – help out box? This is additional cognitive load: I’d go for eyebrow and title (but no snippet) in the same styles as Today’s Signal
  • Again in the Browse by Field box I’d bump the forum and thread titles up a pixel.

Fixed:
  • Quotes: you were right, they really were rendering at 13px. Our style sets 15px but a parent theme rule was overriding it later in the CSS compile. We only caught it by inspecting the served CSS. Now a true 15px.
  • Signature is now 13px. We had never set a size, so an inherited 12px was winning.
  • Signal box gets your exact numbers: 11px eyebrow, 15px title, 13px snippet.
  • Unanswered box now uses the same serif style as Signal, just a half step quieter (14px medium vs 15px semibold) so the curated picks still rank above the utility list.
  • Badges went to 11px and weight 500 to 600. I stopped short of 900 since uppercase monospace at that weight turns into solid bricks. If the grey one still reads weak, the next move is darkening its text color, so let me know.
Your questions:
  • Yes, the Prism code theme landed with the redesign.
  • Badge colors in use: green for the level trio, plus amber, brown, blue, teal, purple, olive, red and grey.
Still considering:
  • 16px thread titles. It's the biggest density change on your list, so if it ships, it ships separately.
 
Reply
  • Like
Likes   Reactions: pbuk
Greg Bernhardt said:
I'm not completely sure I understand. Can you rephrase and tell me what page template you're talking about?
Greg, when I click formus in the left nav. I see the Active Discussions section at the top with a list of posts. The third or fourth line has the forum name with slightly larger text.

I thought it would stand out more of bolded. But it looks a bit clearer today.
 
Reply
  • Like
Likes   Reactions: Greg Bernhardt
Greg Bernhardt said:
hello how are you?

I'm great thanks, been mostly away for a while with family issues.

Greg Bernhardt said:
Badges went to 11px and weight 500 to 600. I stopped short of 900 since uppercase monospace at that weight turns into solid bricks. If the grey one still reads weak, the next move is darkening its text color, so let me know.

This seems to have done the trick.

Greg Bernhardt said:
Still considering:
  • 16px thread titles. It's the biggest density change on your list, so if it ships, it ships separately.

I'll just move closer to the screen on the home page :-p
 
I expected the Highlight to result in a "Reply" temporary button somewhere, on different subforum but it did not appear. I will try testing that with last sentence from what pbuk just posted. Either highlighting will give the "Reply" button or it will not. I must first finish THIS posting BEFORE I try that; so, waiting for next posting,...
 
pbuk said:
I'll just move closer to the screen on the home page :-p
font increased
symbolipoint said:
I expected the Highlight to result in a "Reply" temporary button somewhere, on different subforum but it did not appear.
The highlight text function has been here for years. What browser are you using?
 
pbuk said:
I'll just move closer to the screen on the home page :-p
font increased

symbolipoint said:
I expected the Highlight to result in a "Reply" temporary button somewhere, on different subforum but it did not appear.
The highlight text function has been here for years. What browser are you using?

----
----

What I just now did was to manually highlight all of the above quoted stuff from your post, and did not find the (quote|reply) buttons. I am starting to suspect a qualifying condition comes with the expected result button pair.

As often, Windows 10, Firefox browser (currently v. 152.0.6)


edit: bolding for emphasis
 
Last edited:
Reply
  • Like
Likes   Reactions: Greg Bernhardt
FactChecker said:
After people here told me about the Ctrl++, my complaints about the font size all disappeared. That works perfectly for me.
Just curious if you set back to 100%, is it better or still troublesome for you?
 
Not related to the new style, but here's a continuing problem I've had with a lack of rendering in the LaTeX Guide:
1784140770779.webp

Shouldn't the "Rendered" columns display "pretty" equations rather than code?
(Windows 10 Chrome browser and unchanged by a window refresh.)
 
renormalize said:
Shouldn't the "Rendered" columns display "pretty" equations rather than code?
Likely that mathjax isn't triggering on that template. I'll take a look.
 
Reply
  • Like
Likes   Reactions: renormalize
Greg Bernhardt said:
Just curious if you set back to 100%, is it better or still troublesome for you?
It's still a little smaller font size than I like, but it is legible (for me) without trouble.
I'm happy with it, as is.
 
Last edited:
Reply
  • Like
Likes   Reactions: Greg Bernhardt
(I haven't read through this whole thread, so apologies if someone has already given the same bit of feedback.)

On a forum-page, when I'm viewing the list of threads, the thread-title/link is bolder if it's unread than if it's read. Looks like the font-weight is 700 vs. 500 here, but to my eyes that isn't enough—I have to squint to tell the difference. Dropping the default "read" state to 400 makes the distinction much sharper.
 

Attachments

  • Screenshot 2026-07-15 at 4.26.27 PM.webp
    Screenshot 2026-07-15 at 4.26.27 PM.webp
    22 KB · Views: 1
  • Screenshot 2026-07-15 at 4.26.40 PM.webp
    Screenshot 2026-07-15 at 4.26.40 PM.webp
    21.6 KB · Views: 1
Reply
  • Informative
Likes   Reactions: Greg Bernhardt
Greg Bernhardt said:
Fair, check now
I think there's another rule you need to target:

Screenshot 2026-07-15 at 4.57.44 PM.webp