Minima Theme

:discourse2: Summary Minima - The goal of this theme is to reduce the UI and focus on the text.
:eyeglasses: Preview Preview on Discourse Theme Creator
:hammer_and_wrench: Repository Link https://github.com/discourse/minima
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme

Features

I’ve gone through and made text larger and removed just about anything redundant (and anything that I don’t use regularly). For example, I know that suggested topics are suggested topics, so I removed the header. I’ve used bulk select on the topic list maybe twice ever, so it’s gone. Views on the topic list? gone. Categories in the hamburger menu? gone.

You get the idea, here’s the theme.

For extra minimalness, I recommend using the Categories Only layout for the category page.


:discourse2: Hosted by us? Themes are available to use on our Standard, Business, and Enterprise plans.

Last edited by @JammyDodger 2024-06-17T12:34:17Z

Check documentPerform check on document:
40개의 좋아요

Glorious serifs! I love it.

The desktop :hamburger: menu listing all the other themes seems odd to me, though.

5개의 좋아요

I’m LOVING this theme, especially the topic list, amazing work :heart:


A couple of tiny issues in PM’s, a missing icon:

and I feel like the small size of the assigned text makes it hard to read, because the text has been made larger for just about everything else (Header, Suggested messages etc.)

11개의 좋아요

I love it, although losing the theme switcher from the nav on mobile did cause a brief moment of panic!

4개의 좋아요

One of my users is reporting the Minima theme (which I love very much) does not show the “Dismiss” button when there are unread messages. He verified that Dismiss wasn’t just disappearing because there were no unreads - he said he switched to Minima and back from another theme while showing unreads and the button did not show up.

Is there a setting I might be missing on this, or anything else I should check? Thanks!

I managed to finally reproduce it:

Screenshots

Default board theme

Minima

5개의 좋아요

I’ve added the dismiss button back, you’ll just need to update the theme.

10개의 좋아요

Thanks so much! I will check it out!

1개의 좋아요

Where can I find the Minima Dark theme?

1개의 좋아요

Mínima Dark is a copy of Minima but using the color scheme from Material Dark.

7개의 좋아요

안녕하세요, 전체 이름과 사용자 이름 중 UX에서 우선순위 설정 옵션이 활성화된 상태에서, 주제 목록에서 사용자 이름 대신 이름을 표시할 수 있는지 궁금합니다.

2개의 좋아요

제가 표시한 흰색 선을 따라 카테고리 목록을 분리할 수 있다면 정말 좋겠습니다

2개의 좋아요

테마 생성에 관한 가이드(Developing Discourse Themes & Theme Components)를 따르고 있는데, 템플릿을 변경하려면(예: 목록에서 아바타를 제거하는 경우) Discourse 코어의 .hbr 파일에 접근해야 한다고 합니다.

아바타를 제거하기 위해 이 작업을 수행하셨나요? 이 테마가 어떻게 작동하는지, 그리고 어떻게 사용하는지에 대해 조금 혼란스럽습니다.

예를 들어, Minima 테마에서 각 사용자의 프로필 페이지 모양과 느낌을 변경하려면 어떻게 해야 하나요?

오프토픽인 것 같아 죄송합니다.

3개의 좋아요

무엇을 변경하고 싶은지에 따라 다릅니다. 콘텐츠를 제거하거나 스타일을 변경하려는 경우, 추가적인 CSS를 사용하여 처리할 가능성이 높습니다. 정보를 추가하거나 레이아웃을 크게 변경하려면 템플릿 파일을 편집해야 합니다.

Minima 테마에서 저는 토픽 목록 템플릿을 편집하여 일부 아바타의 위치를 변경하거나 제거했습니다. 여기에서 확인할 수 있습니다: https://github.com/discourse/minima/blob/master/desktop/header.html

Minima 테마를 사용하고 추가적인 커스터마이징을 하려면, Minima를 설치한 후 새로운 테마 컴포넌트를 만들어 커스터마이징을 추가하는 것을 권장합니다. 이렇게 하면 Minima 업데이트를 받을 때 변경 사항이 덮어쓰기되는 것을 걱정하지 않아도 됩니다.

3개의 좋아요

감사합니다, @awesomerobot - 한번 시도해 보겠습니다.

같은 주제에 대해 추가 질문이 있습니다. Discourse가 업데이트되고 소프트웨어를 업데이트해야 할 때(자체 호스팅을 가정하고), 템플릿이 수정된 테마에 문제가 발생합니까? 아니면 의존성이 없나요?

과거에 이런 경험을 해 보셨나요?

1개의 좋아요

minima 테마를 사용하면서 다이렉트 메시지를 아카이브할 수 없습니다(체크박스가 사라졌습니다).

3개의 좋아요

방금 테마를 업데이트하여 해당 기능을 다시 추가했습니다. 보고해 주셔서 감사합니다!

5개의 좋아요

Minima를 테마의 기반으로 사용하고 있는데, 한 가지가 이해가 안 돼서 머리를 쥐어짜고 있습니다: 이 코드는 어디서 오는 걸까요?

<div class="byline">
    <a href="" data-user-card="joffreyjaffeux"><img alt="" width="20" height="20" src="https://sjc5.discourse-cdn.com/themecreator/user_avatar/theme-creator.discourse.org/joffreyjaffeux/40/2250_2.png" class="avatar" title="joffreyjaffeux" aria-label="joffreyjaffeux">joffreyjaffeux</a>
  </div>

라이트 테마로 전환하면 사라집니다. Minima에는 HTML을 조작할 수 있는 자바스크립트가 없거든요. 너무 혼란스럽네요!

2개의 좋아요

이것은 주제 제목 위에 있는 아바타인 것 같습니다

2개의 좋아요

네, 그 점은 이해합니다. 제가 인용한 코드는 아바타를 검사하면서 찾았어요. 제가 혼란을 느끼는 부분은 그 코드의 출처입니다. 해당 코드는 Minima에는 존재하지만, Light 테마에서는 존재하지 않거든요(CSS로 숨겨진 것이 아니라 아예 없는 거예요). 이 HTML은 누가 생성하는 건가요?

1개의 좋아요

아, 이제 더 잘 이해가네요.

해당 코드는 헤더 파일에서 가져온 것입니다: https://github.com/discourse/minima/blob/master/desktop/header.html

이 파일은 토픽 목록 템플릿을 다시 작성합니다.

원본 템플릿: https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/app/templates/list/topic-list-item.hbr

5개의 좋아요