# Pinboard, een simpel UI-thema

**URL:** https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446
**Category:** Theme
**Created:** [20 januari 2023 om 20:47 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446 "2023-01-20T20:47:13Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [20 januari 2023 om 20:47 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/1 "2023-01-20T20:47:13Z")

</div>

![Cover](https://global.discourse-cdn.com/meta/original/4X/8/f/0/8f0dcfc8ee2fa880a8835cc24581c386b0aa2687.png)

| | | |
| --- | --- | --- |
| 💫 | **Summary** | **Pinboard** is a theme with a simple user interface. It goes well with a flat taxonomy, like a plain list of categories or tags. |
| 🛠 | **Repository** | [GitHub - nolosb/discourse-theme-pinboard · GitHub](https://github.com/nolosb/discourse-theme-pinboard) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Install this theme

 ![Screenshot 2024-01-11 at 21-06-22 Pinboard](https://global.discourse-cdn.com/meta/original/4X/a/3/a/a3a9ca55f2afbba46a2560de9544f1acf8e3e519.png)

# 👩🏾‍🏭 Post install setup

The theme installs a few additional components. Some need adjustments on their settings to tweak the theme look:

- **Dark/Light Toggle**

- **Rounded**

- **Panels**

 ![Screenshot 2024-01-11 at 21-06-52 Pinboard](https://global.discourse-cdn.com/meta/original/4X/d/1/7/d17f9026863a0ed271a8684f39272035b1a85868.png)

# 🎨 Theme Features

### Use with categories or with tags only

You can hide tags or categories from the interface and use only either one.

### Custom homepage

You can build a custom homepage layout similar to the one on the previews.

- Choose the `custom homepage` option on the theme settings

- Pick your homepage in your admin settings. E.g. here it’s set to the top-route:  

- Install [this helper component](https://github.com/nolosb/discourse-homepage-class.git) to add a dedicated homepage class. Set your homepage in the component settings:

- On the installed Panels component, choose to render panels on featured lists:  
 ![image](https://global.discourse-cdn.com/meta/original/4X/5/a/3/5a37faa375a061981294d0a7cfe2c8587ef53375.png)

- Install the [Featured Lists component](https://meta.discourse.org/t/featured-lists/288916) and set it’s outlet position to `discovery-list-container-top`

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [20 januari 2023 om 22:17 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/2 "2023-01-20T22:17:17Z")

</div>

This is a very nice theme, I love the simplicity!

---

<div class="post-metadata">

### Author: ![syandriz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syandriz/32/274337_2.png) [@syandriz](https://meta.discourse.org/u/syandriz)
#### Post date: [20 januari 2023 om 23:36 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/3 "2023-01-20T23:36:28Z")

</div>

nice work brother.. 😍

---

<div class="post-metadata">

### Author: ![Melvin20](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/melvin20/32/290109_2.png) [@Melvin20](https://meta.discourse.org/u/Melvin20)
#### Post date: [21 januari 2023 om 00:23 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/4 "2023-01-21T00:23:19Z")

</div>

Wow! This has a great aesthetic to it

---

<div class="post-metadata">

### Author: ![techAPJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/techapj/32/342990_2.png) [@techAPJ](https://meta.discourse.org/u/techAPJ)
#### Post date: [21 januari 2023 om 03:39 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/5 "2023-01-21T03:39:16Z")

</div>

The theme looks awesome! Minimal in a good way. Love what you did with the sidebar.

Great work @manuel 👍

---

<div class="post-metadata">

### Author: ![Umashankar\_Ankuri](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/umashankar_ankuri/32/150996_2.png) [@Umashankar\_Ankuri](https://meta.discourse.org/u/Umashankar_Ankuri)
#### Post date: [1 februari 2023 om 02:23 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/6 "2023-02-01T02:23:33Z")

</div>

@manuel

Please help with what setting am I missing here. home page shows outer wrapper for me with topics below. Instead of each pin board

Thank you.

 ![screencapture-meta-systemica-institut-de-2023-02-01-07_50_28](https://global.discourse-cdn.com/meta/original/4X/a/5/8/a58defefadca93655e8b7b986542c50afe8e4b12.jpeg)

---

<div class="post-metadata">

### Author: ![twofoursixeight](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/twofoursixeight/32/574822_2.png) [@twofoursixeight](https://meta.discourse.org/u/twofoursixeight)
#### Post date: [1 februari 2023 om 02:24 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/7 "2023-02-01T02:24:47Z")

</div>

Looks like a productive theme with great simplicity that can easily save you lots of time thanks to its user interface.

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [1 februari 2023 om 06:25 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/8 "2023-02-01T06:25:50Z")

</div>

Did you check the option as described above?

> [@manuel](#):
>
> Choose the `custom top page` option on the theme

---

<div class="post-metadata">

### Author: ![Umashankar\_Ankuri](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/umashankar_ankuri/32/150996_2.png) [@Umashankar\_Ankuri](https://meta.discourse.org/u/Umashankar_Ankuri)
#### Post date: [1 februari 2023 om 17:44 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/9 "2023-02-01T17:44:15Z")

</div>

Yes. I did select that option.

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [1 februari 2023 om 18:46 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/10 "2023-02-01T18:46:11Z")

</div>

You also have to set Top Topics as your homepage. Your homepage is set to the categories list. That’s because this theme setting only shows the pinboard lists and hides the content below. That only works on the top route. We can replace top topics with a pinboard list of top topics if needed. We typically need the categories list or latest topics for the forum to work.

You set the top page to be your home page by making it the first item of the top menu list in your admin settings:

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/6/e/a6ebfeaf9a40e79f3160c2ab16f0223bb9edea5c.png)

---

<div class="post-metadata">

### Author: ![Umashankar\_Ankuri](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/umashankar_ankuri/32/150996_2.png) [@Umashankar\_Ankuri](https://meta.discourse.org/u/Umashankar_Ankuri)
#### Post date: [2 februari 2023 om 01:46 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/11 "2023-02-02T01:46:48Z")

</div>

@manuel Thank you.  
This is missing exactly. Now it’s fine.

---

<div class="post-metadata">

### Author: ![JackALaing](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jackalaing/32/189207_2.png) [@JackALaing](https://meta.discourse.org/u/JackALaing)
#### Post date: [6 april 2023 om 21:32 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/12 "2023-04-06T21:32:05Z")

</div>

Is this theme supposed to hide the top menu (Latest, Top, etc)? Is there a way for us to bring it back?

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [6 april 2023 om 22:40 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/13 "2023-04-06T22:40:28Z")

</div>

Yes, these items are hidden. I’m opinionated about it on this theme because Latest/New/Unread are already available from the sidebar and Top is used for the landing page.

If you want to use the theme _and_ have those items on the navbar, you’d need to override the style declarations of the theme manually.

---

<div class="post-metadata">

### Author: ![JackALaing](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jackalaing/32/189207_2.png) [@JackALaing](https://meta.discourse.org/u/JackALaing)
#### Post date: [6 april 2023 om 22:44 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/14 "2023-04-06T22:44:38Z")

</div>

I don’t see Latest/New/Unread in the sidebar, either on my instance of the theme, or the test site, or the screenshots in this post. Can you point me in the right direction?

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [6 april 2023 om 23:12 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/15 "2023-04-06T23:12:01Z")

</div>

_Latest_ is called _Everything_ on the sidebar by default. On my screenshots it’s named _All_.

But yes, it’s true that Unread and New don’t show on the sidebar now. I thought they showed there just as they had before on the hamburger dropdown. Maybe I remember wrong or it has been changed. There’s still constant updates to the sidebar.

The contextual info about new content on the sidebar are notification dots following all menu items that hold new content for the logged-in user:

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/2/e/92e815e100264f600a87b694d371fb53facfd810.png)

---

<div class="post-metadata">

### Author: ![P2W](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/p2w/32/304345_2.png) [@P2W](https://meta.discourse.org/u/P2W)
#### Post date: [9 april 2023 om 17:00 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/16 "2023-04-09T17:00:45Z")

</div>

Big fan of this theme.

For some reason, the Dark/Light Toggle theme component is not appearing the header.

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [10 april 2023 om 13:25 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/17 "2023-04-10T13:25:32Z")

</div>

Thank you ☀

It doesn’t show for me on the default theme either, so probably related to the component.

Actually, see here: [Dark/Light Mode Toggle - #88 by RGJ](https://meta.discourse.org/t/dark-light-mode-toggle/215585/88) Right now the toggle only shows when a user has automatic color mode switching enabled.

---

<div class="post-metadata">

### Author: ![JacobDK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jacobdk/32/133657_2.png) [@JacobDK](https://meta.discourse.org/u/JacobDK)
#### Post date: [17 mei 2023 om 06:51 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/18 "2023-05-17T06:51:21Z")

</div>

@manuel really, really well done. Is the font-sizing deliberately this big (big according to me) ?

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/f/e/3fe27f2740587bc7076e4e22d87f8354dbb77c4a.png)

Screenshot is from a laptop 15 inches - It seems out of proportions ?

Have you considered a tabbed solution in stead of displaying the categories in boxes in list-format - i.e. “feedback” would be a tab next to “Welcome to Pinboard” ?

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [11 januari 2024 om 20:34 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/19 "2024-01-11T20:34:50Z")

</div>

⚠ I just pushed a refactor of this theme. There’s only subtle changes on the UI, but the theme code is re-organized and includes a few new components.

If you installed the theme before, you will need to re-adjust components and any style declarations you did on top of it. In case you don’t want to do this right now, you can also pull the theme from it’s v1-branch and stay with the previous setup:

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/3/3/3338ee9a874d12bc240d88ea70a7d58d72ad0865.png)

> **For reference here are the post-install details for v1:**
>
> ## Theme Features
> 
> - **Use with categories or with tags only**  
> You can hide tags or categories from the interface and use only either one.
> 
> - **Custom landing page**  
> You can build a custom landing page similar to the one on the previews.
> 
> ## Component Features
> 
> The theme automatically installs a few additional components:
> 
> - **Dark/Light Toggle**  
> Set the Light color scheme on the theme settings. Choose the Dark color scheme in general settings.
> 
> - **Header Search**
> 
> - **Clickable Topics**
> 
> - **Tag Styles**  
> To choose color styles for tags.

---

<div class="post-metadata">

### Author: ![cristo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cristo/32/434899_2.png) [@cristo](https://meta.discourse.org/u/cristo)
#### Post date: [24 augustus 2024 om 13:36 UTC](https://meta.discourse.org/t/pinboard-a-simple-ui-theme/252446/20 "2024-08-24T13:36:42Z")

</div>

Awesome theme, super clean!

I’m just wondering if this theme is best suited for desktop or mobile.
