# Kiosk, a self-service theme

**URL:** https://meta.discourse.org/t/kiosk-a-self-service-theme/271092
**Category:** Theme
**Created:** [July 10, 2023, 9:35am UTC](https://meta.discourse.org/t/kiosk-a-self-service-theme/271092 "2023-07-10T09:35:21Z")
**Posts on this page:** 6
**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: [July 10, 2023, 9:35am UTC](https://meta.discourse.org/t/kiosk-a-self-service-theme/271092/1 "2023-07-10T09:35:22Z")

</div>

![Thumbnail Kiosk grey](https://global.discourse-cdn.com/meta/original/4X/f/5/3/f5362360fc3043d50180e3cb74fdaebfd82573e0.png)

| | | |
| --- | --- | --- |
| 💫 | **Summary** | **Kiosk** has the look of a self-service terminal |
| 🛠 | **Repository** | [GitHub - nolosb/discourse-theme-kiosk · GitHub](https://github.com/nolosb/discourse-theme-kiosk) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

&nbsp;

Install this theme

&nbsp;

 ![kiosk.topics](https://global.discourse-cdn.com/meta/original/4X/4/d/c/4dcf646f0225f2a963d42b2b52ac8529bc378625.png)  
 ![kiosk.categories](https://global.discourse-cdn.com/meta/original/4X/6/c/6/6c67305b37e9acd21d3284ded8fe9a625f0c10b6.png)  
 ![kiosk.category](https://global.discourse-cdn.com/meta/original/4X/5/9/5/5954d58a32406040d8247abb58175a55e2171b39.png)  
 ![kiosk.tag](https://global.discourse-cdn.com/meta/original/4X/0/2/d/02d56643fdc5da53e14e8036f896483bfff89aa6.png)

## Theme Features

- **Simple navigation**  
The theme drops most nested or complex navigation features

- **Pick your favorites**  
Love this on [a reddit-ish theme for Discourse](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466) and copied it as is ✨ Click a star icon to directly add a category or tag to the sidebar.

## Official Components

The theme builds on several official components:

- **Avatar Component**  
Resizes avatars and the header

- **Header Search**  
Adds a Search field to the header

- **New Topic Button**  
Replaces the default button with a persistent New Topic button on the header

- **Dark-Light Toggle**  
Adds an icon to toggle color schemes.

## Custom Components

It also uses two custom layout components:

- **Panels**  
Adds a panel layout around the main content container on all routes.

- **Rounded**  
Rounds a lot of elements. A work in progress..

&nbsp;

> ### 🎼 Tune the theme
> 
> - Increase avatar sizes on the _Avatar Component_ so they don’t render blurred. On my live site I’ve set sizes to `medium` and `45`.
> 
> - On the _Rounded_ component you can smooth edges. On my live site I’ve set the default and button radius to `2px`.
> 
> - By default the sidebar shows a flat list of links. Toggle this theme setting to show the _More_ dropdown and customize sidebar sections. Only staff will see the dropdown:
> 
> ![image](https://global.discourse-cdn.com/meta/original/4X/c/0/a/c0a84e1c695bd31c206824d70b9d7ce226631d27.png)
> 
> - Pick `Categories and featured topics` as your category style in admin settings
> 
> - To use a signage font you can [install HK Grotesk as a component](https://gitlab.com/manuelkostka/discourse/helpers/hk-grotesk.git).

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [July 10, 2023, 10:20am UTC](https://meta.discourse.org/t/kiosk-a-self-service-theme/271092/2 "2023-07-10T10:20:34Z")

</div>

nice theme @manuel, i love your work. i may use this (or a variation of it 😁) on my current forum because it looks like it would be one a lot of my user demographic would like.

question: is the nav-bar supposed to be gone on all pages? as an admin i get a blank space with one button (admin wrench) on the main categories page and so the space is quite noticeable there - but really who cares because i’m the admin and it looks great for regular users. however, i know quite a number of my users use the nav-bar filter links so a mild suggestion would be to add a setting to unhide it on the categories page.

i like how you moved the new topic button to the header and i love the favorites star.

i know you said work in progress on the rounding and i suspect you are on this, but i would suggest some description for the various settings in that component (like in the avatar TC).

i must be in the minority of those that use the collapsing navigation sidebar menu on desktop because i always miss the hamburger icon and that feature in full-width themes and i seems to be a thing these days - it was my only complaint about the Meta full width theme too ~~(but i notice it’s back now)~~ 🤔

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [July 10, 2023, 11:37am UTC](https://meta.discourse.org/t/kiosk-a-self-service-theme/271092/3 "2023-07-10T11:37:45Z")

</div>

This looks so clean and simple. I love it. 👏

---

<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: [July 10, 2023, 3:59pm UTC](https://meta.discourse.org/t/kiosk-a-self-service-theme/271092/4 "2023-07-10T15:59:11Z")

</div>

> [@Lilly](#):
>
> question: is the nav-bar supposed to be gone on all pages?

Actually, what you see as Breadcrumbs on category and tag lists is the nav-bar. It’s just styled so that it only shows selected items, and no drop-downs.

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/a/7/ba750bf4485f3b77411bd5de13f27c5771169d17.png)

I don’t want to add drop-down filters here because that would pretty much go against the direction of the theme. I do think of having breadcrumbs on all routes though. What I’d like is a look that always repeats the current selection on the sidebar as a breadcrumb indicator. E.g. for the Latest list:

 ![Screenshot from 2023-07-10 16-30-56](https://global.discourse-cdn.com/meta/original/4X/8/b/6/8b618f7fb7a53f74d9d997e8a3454cf29d1cc5f2.png)

So I hope to add this as an optional component a bit later 🙂

I can totally see that more navigation options make sense on your forum though! The Panels component as such could probably go well with your setup?

---

<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: [July 16, 2023, 12:36am UTC](https://meta.discourse.org/t/kiosk-a-self-service-theme/271092/5 "2023-07-16T00:36:01Z")

</div>

great work!

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [July 20, 2023, 2:19pm UTC](https://meta.discourse.org/t/kiosk-a-self-service-theme/271092/6 "2023-07-20T14:19:16Z")

</div>

Great work @manuel 🙌

I love the simplicity of this theme 😸
