# 山姆的简单主题

**URL:** https://meta.discourse.org/t/sams-simple-theme/23552
**Category:** Theme
**Tags:** official, sams-simple-theme
**Created:** [2014年十二月31日 03:20 UTC](https://meta.discourse.org/t/sams-simple-theme/23552 "2014-12-31T03:20:14Z")
**Posts on this page:** 20
**Page:** 5

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [2015年一月8日 08:09 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/82 "2015-01-08T08:09:28Z")

</div>

> [@tonninseteli](#):
>
> Lighter colors seem to disappear to the background.

That is actually my intention, will live with it for a bit and see how I feel.

---

<div class="post-metadata">

### Author: ![chapel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapel/32/122414_2.png) [@chapel](https://meta.discourse.org/u/chapel)
#### Post date: [2015年一月8日 08:14 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/83 "2015-01-08T08:14:37Z")

</div>

On my variation I use the standard category helper which by default has a fatter color bar as you can see in my screenshot. I am not 100% sold on the fat one, but the thin one is also not right either. Between the two though, I prefer the fat one, if only to be consistent with its usage elsewhere on the site.

---

<div class="post-metadata">

### Author: ![tonninseteli](https://avatars.discourse-cdn.com/v4/letter/t/eada6e/32.png) [@tonninseteli](https://meta.discourse.org/u/tonninseteli)
#### Post date: [2015年一月8日 10:42 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/84 "2015-01-08T10:42:04Z")

</div>

> [@sam](#):
>
> That is actually my intention, will live with it for a bit and see how I feel.

I suggest you try it with different shades of (lighter, as you prefer :)) gray, it could work?

---

<div class="post-metadata">

### Author: ![JSey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jsey/32/3540_2.png) [@JSey](https://meta.discourse.org/u/JSey)
#### Post date: [2015年一月8日 19:04 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/85 "2015-01-08T19:04:20Z")

</div>

> [@sam](#):
>
> A bit more tweaking

This should definitely be the new default design. The other one can be shipped as optional - code named “clown barf” or similar… 😉

---

<div class="post-metadata">

### Author: ![BCHK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bchk/32/3268_2.png) [@BCHK](https://meta.discourse.org/u/BCHK)
#### Post date: [2015年一月8日 19:10 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/86 "2015-01-08T19:10:20Z")

</div>

> [@sam](#):
>
> I have been thinking about this a lot, and decided to take a shot at a “minimal” front page customisation.

Sam - Just wanted to congratulate you on this effort. Its very hard to make things simple - but this is much needed. I’ve been working with a developer on the same issue - so this is a welcome development.

> "As the late Steve Jobs once explained, “When you start looking at a problem and it seems really simple, you don’t really understand the complexity of the problem. And your solutions are way too oversimplified. Then you get into the problem, and you see it’s really complicated. And you come up with all these convoluted solutions….That’s where most people stop.” Not Apple. It keeps on plugging away. “The really great person will keep on going,” said Jobs, “and find…the key underlying principle of the problem and come up with a beautiful, elegant solution that works.”

> **[Customers Don’t Want More Features](https://hbr.org/2012/06/customers-dont-want-more-featu)**
>
> There is a common myth about product development: the more features we put into a product, the more customers will like it. Product-development teams seem to believe that adding features creates value for customers and subtracting them destroys it....

---

<div class="post-metadata">

### Author: ![BCHK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bchk/32/3268_2.png) [@BCHK](https://meta.discourse.org/u/BCHK)
#### Post date: [2015年一月8日 19:12 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/87 "2015-01-08T19:12:18Z")

</div>

> [@chapel](#):
>
> the funny thing about the category page is that I never use it

No - I don’t use it either. I think its probably rarely used in general.

---

<div class="post-metadata">

### Author: ![downey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/downey/32/166878_2.png) [@downey](https://meta.discourse.org/u/downey)
#### Post date: [2015年一月8日 20:08 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/88 "2015-01-08T20:08:38Z")

</div>

> [@sam](#):
>
> That is actually my intention, will live with it for a bit and see how I feel.

I know I must sound like a broken record, but please please please let’s not mess up and provide way too low color contrast in any new UI’s. (I realize category colors can be chosen but things disappearing into the background does not make an accessible UI.) Those with less-than-perfect vision (and W3C standards adherents) thank you all. 😛

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [2015年一月9日 01:18 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/89 "2015-01-09T01:18:33Z")

</div>

Keep in mind, this is **my** design which is very focused around me for now. If we ship a second theme (which I think we will some time next year) we will make sure to account for that or at least add a “high contrast switch”

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [2015年一月9日 01:19 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/90 "2015-01-09T01:19:49Z")

</div>

The table header style is starting to get on my nerves, too much grey there, is there a better style you can think of?

---

<div class="post-metadata">

### Author: ![chapel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapel/32/122414_2.png) [@chapel](https://meta.discourse.org/u/chapel)
#### Post date: [2015年一月9日 02:16 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/91 "2015-01-09T02:16:43Z")

</div>

I was thinking that as well. It stands out too much against the list.

I like the subdued look of the default header, I wonder if we changed it to be more like the default table header.

Something like this?

[![](https://global.discourse-cdn.com/meta/original/4X/f/6/c/f6c856f84964202fd859bf518869b92f512ea162.png) ](https://dl.dropboxusercontent.com/s/2w8odmvl86capzb/Screenshot%202015-01-08%2018.16.28.png?dl=0)

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [2015年一月9日 02:18 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/92 "2015-01-09T02:18:16Z")

</div>

I like that better, but I wonder if its necessary to have it at all?

> [@mcwumbly](#):
>
> One of the small touches here that I think really helps make it feel cleaner is the lack of the header. It makes it feel much less like a stodgy old table.

---

<div class="post-metadata">

### Author: ![chapel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapel/32/122414_2.png) [@chapel](https://meta.discourse.org/u/chapel)
#### Post date: [2015年一月9日 02:21 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/93 "2015-01-09T02:21:55Z")

</div>

To a certain degree I agree with you. I just wonder though if for people less accustomed to forum software would be confused as far as what the last two columns are.

We could get away with having replies be `120 replies` for instance.

Keep in mind that it is there for more than as a visual heading, you can click them to resort the list of topics.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [2015年一月9日 02:25 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/94 "2015-01-09T02:25:06Z")

</div>

Also you would lose the sorting ability which can be handy

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2015年一月9日 02:49 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/95 "2015-01-09T02:49:18Z")

</div>

Questionable in a 3 column view which already defaults to sorting by 1 of those 3 columns…

You could put the reply glyph next to the reply number, I guess. But to me the number’s meaning is obvious.

---

<div class="post-metadata">

### Author: ![chapel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapel/32/122414_2.png) [@chapel](https://meta.discourse.org/u/chapel)
#### Post date: [2015年一月9日 03:17 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/96 "2015-01-09T03:17:19Z")

</div>

[![](https://global.discourse-cdn.com/meta/original/4X/a/5/4/a54ae4a81370d656f1ab2aa724891df95adb3e21.png) ](https://dl.dropboxusercontent.com/s/npowrbyy733tzkq/Screenshot%202015-01-08%2019.15.49.png?dl=0)

Hmm, will have to try it out to see how it feels tbh.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [2015年一月9日 07:21 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/97 "2015-01-09T07:21:17Z")

</div>

Workflow wise, are you aware we “live refresh” css as you muck with it.

I open up one window on customization and keep the editor maximised (there is a maximise button top right)

And another window with the site. It makes mucking with CSS a breeze.

---

<div class="post-metadata">

### Author: ![chapel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapel/32/122414_2.png) [@chapel](https://meta.discourse.org/u/chapel)
#### Post date: [2015年一月9日 07:29 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/98 "2015-01-09T07:29:36Z")

</div>

Yep, figured that out working with customizations.

---

<div class="post-metadata">

### Author: ![thangngoc89](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thangngoc89/32/115436_2.png) [@thangngoc89](https://meta.discourse.org/u/thangngoc89)
#### Post date: [2015年一月9日 09:17 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/99 "2015-01-09T09:17:59Z")

</div>

I really this design. I think that overwrite ember template is better then use javascript to move things around

---

<div class="post-metadata">

### Author: ![chapel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapel/32/122414_2.png) [@chapel](https://meta.discourse.org/u/chapel)
#### Post date: [2015年一月10日 06:50 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/100 "2015-01-10T06:50:48Z")

</div>

This is what I am running now. I have moved the thread list down to accommodate the update alert.

**No alert**

[![](https://global.discourse-cdn.com/meta/original/4X/0/f/f/0ff6945cbae5a6f6b7d66e13b862a2b35823073b.jpeg) ](https://dl.dropboxusercontent.com/s/tldfcie4cux13zb/Screenshot%202015-01-09%2022.20.11.png?dl=0)

**Alert**  
[![](https://global.discourse-cdn.com/meta/original/4X/2/c/2/2c2107d7d52c666319b29acebb7571ad78d669b3.jpeg) ](https://dl.dropboxusercontent.com/s/uw9wcvya8u2apei/Screenshot%202015-01-09%2022.48.42.png?dl=0)

This allows the update alert to pop in without shifting anything down.

Functionality wise, I am fine without the table header, but visually it feels like something is missing. That could be just myself being used to tables on forums and how they normally look.

---

<div class="post-metadata">

### Author: ![Kasper](https://avatars.discourse-cdn.com/v4/letter/k/eada6e/32.png) [@Kasper](https://meta.discourse.org/u/Kasper)
#### Post date: [2015年一月10日 14:32 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/101 "2015-01-10T14:32:12Z")

</div>

It would be great that at some point, as admin, you can choose one of those different topic list designs out of some menu.

Or maybe even better, let the users choose, in some setting, how they want the topic list to look.

Btw what CSS do you use for your latest design @chapel ?

[上一頁](https://meta.discourse.org/t/sams-simple-theme/23552.md?page=4)

[下一頁](https://meta.discourse.org/t/sams-simple-theme/23552.md?page=6)
