# Theme Creator Web Dev Help

**URL:** https://meta.discourse.org/t/theme-creator-web-dev-help/96500
**Category:** Development
**Tags:** theme-creator
**Created:** [September 6, 2018, 1:47pm UTC](https://meta.discourse.org/t/theme-creator-web-dev-help/96500 "2018-09-06T13:47:47Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![rhrmn](https://avatars.discourse-cdn.com/v4/letter/r/ecccb3/32.png) [@rhrmn](https://meta.discourse.org/u/rhrmn)
#### Post date: [September 6, 2018, 1:47pm UTC](https://meta.discourse.org/t/theme-creator-web-dev-help/96500/1 "2018-09-06T13:47:47Z")

</div>

Hi, I am a moderator on the relatively [new Age of Empires Discourse forums](https://forums.ageofempires.com) and would like to learn how to create a modified theme for the forums which matches the existing website color scheme, fonts and backgrounds which looks good on both desktop and mobile browsers.

The existing “Age of Empires” forum theme is hard to read on mobile browsers and I find myself changing over to the Default theme on mobile all the time to make the site usable. Additionally there are some poor color choices which have low contrast with other forum elements.

Would someone be able to steer me to a noob friendly guide on CSS/HTML for creating a simple yet custom Discourse forum theme? I would like to build the new theme and propose it to the community team for consideration.

---

<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: [September 6, 2018, 3:59pm UTC](https://meta.discourse.org/t/theme-creator-web-dev-help/96500/2 "2018-09-06T15:59:10Z")

</div>

We have some guides on building themes for Discourse. See: [Beginner’s guide to using Discourse themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) and [Developer’s guide to Discourse themes](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648)

There’s not really a guide to HTML/CSS specifically for Discourse, if that’s what you’re looking for.

If you’re somewhat familiar with HTML/CSS the best way to figure out which elements to style would be to use your browser’s inspector (right click, inspect). You can look at mobile view on desktop by adding `?mobile_view=1` to the end of your current URL (go back to desktop with `?mobile_view=0`).

If you’re not at all familiar with HTML/CSS, there’s quite a bit to learn. Codecadamy has [HTML](https://www.codecademy.com/learn/learn-html) and [CSS](https://www.codecademy.com/learn/learn-css) tutorials. Mozilla also has [HTML](https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML) and [CSS](https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS) introductions.

---

<div class="post-metadata">

### Author: ![rhrmn](https://avatars.discourse-cdn.com/v4/letter/r/ecccb3/32.png) [@rhrmn](https://meta.discourse.org/u/rhrmn)
#### Post date: [September 6, 2018, 4:36pm UTC](https://meta.discourse.org/t/theme-creator-web-dev-help/96500/3 "2018-09-06T16:36:35Z")

</div>

Hi @awesomerobot, Thank you for the reply. I will look into the resources you provided.

For a beginner, would HTML or CSS be the easiest way to go?

Without access behind the curtain to the Age of Empires Discourse server, is there a way to export or copy the “Age of Empires” forum theme at the URL provided in my original post so it could more easily be tweaked?

---

<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: [September 6, 2018, 5:06pm UTC](https://meta.discourse.org/t/theme-creator-web-dev-help/96500/4 "2018-09-06T17:06:35Z")

</div>

> [@rhrmn](#):
>
> For a beginner, would HTML or CSS be the easiest way to go?

The themes mostly consist of CSS, but since CSS styles are applied to HTML… you really need to know the basics of HTML too. It’s not really a one or the other thing.

> [@rhrmn](#):
>
> Without access behind the curtain to the Age of Empires Discourse server, is there a way to export or copy the “Age of Empires” forum theme at the URL provided in my original post so it could more easily be tweaked?

You’d have to ask an admin at Age of Empires about that, they can easily export their existing theme from admin/customize (you can then import it to [https://theme-creator.discourse.org](https://theme-creator.discourse.org) or your own Discourse site for testing/development).
