🌅 מציגים את Horizon, הנושא החדש ביותר שלנו

[sam (Sam Saffron)]

For those with concerns around space, I think it is important to split the conversation into two parts.

Optimal Line Length for Readability

WCAG recommends keeping lines at 80 characters or below for non-CJK text. Our designs try to take this into account; Horizon is currently at ~76.

So, there are two conversations here:

1. I disagree with WCAG and usability experts; I just want lines to be as long as I want and don’t want anyone enforcing the 80-character limit.

2. I am fine with WCAG – I just think that there is an alternative alignment trick that can be used to make things look better.

For people in (2), can you share a screenshot or two demonstrating a better layout for ultra-wide screens?

For people in (1), I think the approach here is “custom component”.

[Moin]

@lindsey

I’ll follow up soon!

Any update on this?

[tpetrov (Toni Petrov)]

The theme looks great!
But why it doesn’t work with the Expanded AI summaries here on Meta?

[asa]

It’s more about having a huge white space on a widescreen that’s the issue. I have a few users who also have widescreen monitors and similar feedback, stating it’s more of a nuisance than helpful. I can’t exactly say, “Well, that’s the WCAG guideline,” or “Just buy a ‘normal’ screen.”

I think the suggestion from @SubStrider in Help us test Horizon, our newest theme - #70 by SubStrider is very helpful.

Or perhaps the navigation could be centered.

[lindsey (Lindsey Fogle)]

@Moin

Any update on this?

We haven’t gotten to this yet, but it is on our list to take care of.

Actually, one of my colleagues just took a look and confirmed that the only additional string added by Horizon (the theme description) is available in Crowdin already. So we should be all set on that front.

[Moin]

@lindsey

So we should be all set on that front.

i thought the theme also has 2 settings whose descriptions should be translated. Should they remain in English, should I add them to that file, should they be moved to the en.yml file so that they can be easily translated in Crowdin or do you plan to remove them now that themeable site settings have been added?

themes/horizon/settings.yml

[Moin]

@Moin

do you plan to remove them now that themeable site settings have been added?

DEV: Use themeable site settings for Horizon

Fortunately, I waited patiently for an update. I thought for a while about whether I should simply create a pull request to move the texts. That would obviously have been a waste of time

[Jagster (Jakke Lehtonen)]

Well, I don’t.

I disabled Horizon on my forum because there was way too often questions about how to start a topic. Mobile users use sidebar very rarely.

But that question is discussed and demand to do extra click to do one of basic functions in forums didn’t considered as an issue

[Jagster (Jakke Lehtonen)]

Well…

Help us test Horizon, our newest theme

DiscourseHub and mobile: [This image shows a screenshot of the Google Assistant interface and Windows settings on a smartphone with a 31% battery level. (Tekoälyn laatima kuvateksti)] Forcing to use the sidebar to start new topic wouldn’t be the smartest move, if the target is not the most skilful users (specially when a mobile is used)

(Someone asked recently in another topic that when users would use full quote. This could be one example, because I’ll flag these two latest posts to be moved to suggested topic, and then full quote would give some context)

[chapoi]

עדכון קטן:

בהתבסס על משוב שקיבלנו (ישן וחדש), החלטנו להחזיר את כפתור ה-יצירת נושא למובייל.

תמצאו אותו בחזרה במקומו הישן. גם גרסת הסרגל החדשה תישאר.

[Nick-Permaculture (Nick J)]

@chapoi

Based on some feedback we received (old & new), we decided to bring the Create topic button back on mobile.

You’ll find it back in its old spot. The new sidebar version will still remain too.

Thanks for this. I am still not seeing the new topic button on mobile, either in the app or via browser, without first clicking the hamburger menu. I’m on the most recent version of Discourse and using the horizon theme. Any idea?

EDIT- The team helped me diagnose this. If you are running the Stable Branch of Discourse 3.5.0, the new topic button will not display on mobile because the commit will not be added until the next stable version is released. If you need to enable the new topic button on mobile before that happens, you can use this custom CSS code:

.navigation-controls .fk-d-button-tooltip {
display: inline-flex !important;
}

[newkid (Chris)]

שלום @lindsey. יש לנו מנוי התחלתי, ואני חדש בקהילת Meta הזו. אבל בדיוק עברנו ל-Horizon וכבר מקבלים פידבק מצוין. אז תודה לכולכם על כל המאמצים שלכם ביצירת Horizon. זה ישפיע על הקהילה שלנו ויעזור לנו במשימה שלנו לאזן מחדש את משוואת הנדל"ן לכולם!

[cmahns (Colin Mahns)]

Is there any documentation on how the sidebar/header background color is selected from color schemes? My organization’s brand and style guide is producing a very pink background as a result of our colors, with Horizon determining #ffecea as a color to pick which isn’t in our brand book nor in the theme.

Current theme is below:

{
“name”: “DSA Horizon Light”,
“light”: {
“primary”: “231F20”,
“secondary”: “ffffff”,
“tertiary”: “F04C53”,
“quaternary”: “EC1F27”,
“header_background”: “ffffff”,
“header_primary”: “3B3838”,
“selected”: “eae7e8”,
“hover”: “f2f1f1”,
“highlight”: “F5EBD6”,
“danger”: “F7A5A9”,
“success”: “009d63”,
“love”: “EC1F27”
“tertiary-med-or-tertiary”: “39845b”
}
}

[chapoi]

The background is derived of the tertiary colour, #595bca in the below example

--background-color: light-dark(oklch(from #595bca 96% calc(c * 0.125) h), oklch(from #595bca 10% 0.025 h)) !important;

Defined in this file _color_definitions_entrypoint.scss

If you need it to be a different shade, you’d have to tweak the values; changing 96% → 98% for example will produce a lighter pink

[David_Ghost]

is there a setting to have the theme in a unified color, like this?

[Moin]

I think it depends on the color palette you select. You can find out which one you use here on Meta in your preferences, and then configure that for Horizon on your site.