# Moonclaw Theme port

**URL:** https://meta.discourse.org/t/moonclaw-theme-port/62828
**Category:** Theme
**Created:** [May 16, 2017, 7:27pm UTC](https://meta.discourse.org/t/moonclaw-theme-port/62828 "2017-05-16T19:27:50Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [May 16, 2017, 7:27pm UTC](https://meta.discourse.org/t/moonclaw-theme-port/62828/1 "2017-05-16T19:27:50Z")

</div>

I got around to porting an old favorite phpbb theme this weekend for my forum, for nostalgia’s sake. I’ve cleaned it up and thought I’d share it here - Let me know what you guys think!

Installation: Add `https://github.com/featheredtoast/discourse-moonclaw-theme` to your themes, and picking “Moonclaw” as your color scheme. Colors aren’t yet customizable just yet, as many have been hardcoded to get this out the door quickly.

[GitHub - featheredtoast/discourse-moonclaw-theme: moonclaw theme clone from phpbb · GitHub](https://github.com/featheredtoast/discourse-moonclaw-theme)

Header:

 ![](https://global.discourse-cdn.com/meta/original/3X/7/d/7da77e25967ef7532f3ccb60e66023b950221c5b.jpg)

Footer

 ![](https://global.discourse-cdn.com/meta/original/3X/8/2/82f2b7dda4fb2402d5831ba99400f42683126993.jpg)

Composer

 ![](https://global.discourse-cdn.com/meta/original/3X/3/6/3636638bcbc972c37098e065c711d481de27b048.jpg)

### Install guide

[How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)

---

<div class="post-metadata">

### Author: ![M3lvin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/m3lvin/32/81732_2.png) [@M3lvin](https://meta.discourse.org/u/M3lvin)
#### Post date: [February 24, 2018, 3:57pm UTC](https://meta.discourse.org/t/moonclaw-theme-port/62828/2 "2018-02-24T15:57:39Z")

</div>

Very nice, bringing some good memories 🙂 . Feels perfect for an rpg community / wow clan etc.

---

<div class="post-metadata">

### Author: ![GokulNC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gokulnc/32/182419_2.png) [@GokulNC](https://meta.discourse.org/u/GokulNC)
#### Post date: [April 25, 2020, 2:35pm UTC](https://meta.discourse.org/t/moonclaw-theme-port/62828/3 "2020-04-25T14:35:22Z")

</div>

Hey @featheredtoast  
Thanks a lot for the cool theme 🔥

I want to convey the following bug when creating a new topic:

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/0/80784dfdb1ca33a3aa4afbd53b1cded914eb6f35.png)

As you see, the right-side preview pane has become very small because of the large padding sizes for the icons in the formatting toolbar. I don’t have this issue with other themes. (Yes, I have added some extra icons to the toolbar using a plugin)

Can you please look into this?

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [April 25, 2020, 3:15pm UTC](https://meta.discourse.org/t/moonclaw-theme-port/62828/4 "2020-04-25T15:15:27Z")

</div>

> [@GokulNC](#):
>
> I don’t have this issue with other themes

Are you sure? Adding that many icons to the composer toolbar will cause the same issue on any theme. So, there’s really nothing to fix in this here.

The issue here is that you’ve added too many icons to the toolbar. If you need all of that functionality, then consider moving some of it to the gear menu in the composer.

---

<div class="post-metadata">

### Author: ![GokulNC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gokulnc/32/182419_2.png) [@GokulNC](https://meta.discourse.org/u/GokulNC)
#### Post date: [April 25, 2020, 3:52pm UTC](https://meta.discourse.org/t/moonclaw-theme-port/62828/5 "2020-04-25T15:52:43Z")

</div>

Screenshot from another theme:

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

You can see that it has the same number of icons as in my first screenshot.

---

<div class="post-metadata">

### Author: ![GokulNC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gokulnc/32/182419_2.png) [@GokulNC](https://meta.discourse.org/u/GokulNC)
#### Post date: [April 25, 2020, 4:09pm UTC](https://meta.discourse.org/t/moonclaw-theme-port/62828/6 "2020-04-25T16:09:18Z")

</div>

I was able to get it working by removing the padding from `btn` CSS class. (Not sure if that’s specific to `d-editor-button-bar` class)

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

It now exactly matches with that of other themes.  
Can you please make this fix on the theme and push it, if this is the right thing to do? @Johani

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [April 25, 2020, 4:31pm UTC](https://meta.discourse.org/t/moonclaw-theme-port/62828/7 "2020-04-25T16:31:29Z")

</div>

The issue here is still the [same](https://meta.discourse.org/t/moonclaw-theme-port/62828/4). You’ve added too many buttons to the composer toolbar. That breaks the composer layout on both narrow desktop viewports and on mobile - on any theme.

This theme was designed for the default Discourse layout. If your site requires _a lot_ of extra buttons, then it’s up to you to fix it. I think you’ve already figured out how to do it 👍

If you need to override the CSS in this theme, then create a [theme component](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) with those overrides and add it to your theme.

---

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [April 29, 2020, 10:51pm UTC](https://meta.discourse.org/t/moonclaw-theme-port/62828/9 "2020-04-29T22:51:53Z")

</div>

It’s me you want - Johani doesn’t even have access to my theme! 😉

If you could get it to target just the buttons on the d-editor-button-bar class, I’d take the change. Otherwise, you would lose all the border stylings everywhere!

---

<div class="post-metadata">

### Author: ![GokulNC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gokulnc/32/182419_2.png) [@GokulNC](https://meta.discourse.org/u/GokulNC)
#### Post date: [May 4, 2020, 9:45am UTC](https://meta.discourse.org/t/moonclaw-theme-port/62828/10 "2020-05-04T09:45:02Z")

</div>

Can you please do the change when you can find some time? @featheredtoast  
I’m not a front-end guy, so I could mess things up easily. 🙂

---

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [May 8, 2020, 4:49am UTC](https://meta.discourse.org/t/moonclaw-theme-port/62828/11 "2020-05-08T04:49:17Z")

</div>

Try it now  
[https://github.com/featheredtoast/discourse-moonclaw-theme/commit/f241623c28f8b2d5fe41e957e9ad976713141f74](https://github.com/featheredtoast/discourse-moonclaw-theme/commit/f241623c28f8b2d5fe41e957e9ad976713141f74)
