# Простая тема от Сэма

**URL:** https://meta.discourse.org/t/sams-simple-theme/23552
**Category:** Theme
**Tags:** official, sams-simple-theme
**Created:** [31.Декабрь.2014 03:20:14 UTC](https://meta.discourse.org/t/sams-simple-theme/23552 "2014-12-31T03:20:14Z")
**Posts on this page:** 20
**Page:** 10

<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: [10.Февраль.2015 07:14:00 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/182 "2015-02-10T07:14:00Z")

</div>

After looking at it a while, it did always feel _off_.

[![](https://global.discourse-cdn.com/meta/original/4X/2/3/e/23e45a13f40d38bbcec7f1c9fa3a8056e7b1b2bb.png) ](https://dl.dropboxusercontent.com/s/ca7ilkwu697p5up/Screenshot%202015-02-09%2023.10.10.png?dl=0)

Thinking of adding the table header back, as that adds some visual continuity from top down.

---

<div class="post-metadata">

### Author: ![rumpelsepp](https://avatars.discourse-cdn.com/v4/letter/r/bc79bd/32.png) [@rumpelsepp](https://meta.discourse.org/u/rumpelsepp)
#### Post date: [10.Февраль.2015 08:23:34 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/183 "2015-02-10T08:23:34Z")

</div>

That becomes nice now as well. 👍 One suggestion: I think the avatars need a little bit more margin on the right.

---

<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: [16.Февраль.2015 02:18:45 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/184 "2015-02-16T02:18:45Z")

</div>

[![](https://global.discourse-cdn.com/meta/original/4X/0/3/c/03c613ad1bd62a802226410138e0ba9da5e0e505.png) ](https://dl.dropboxusercontent.com/s/lx0ch01w6smpuoz/Screenshot%202015-02-15%2018.16.22.png?dl=0)

Still playing around with it. I think the last post is good, and adding the header I feel grounds the columns better.

Still torn on the color bar and/or the category column.

Honestly the default meta category bar, or even the square just don’t look great to me. Not sure what to do otherwise though.

---

<div class="post-metadata">

### Author: ![ronteras](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ronteras/32/1694_2.png) [@ronteras](https://meta.discourse.org/u/ronteras)
#### Post date: [16.Февраль.2015 14:18:47 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/185 "2015-02-16T14:18:47Z")

</div>

Personally I like [this version](https://meta.discourse.org/t/sams-personal-minimal-topic-list-design/23552/145) the most. But it’s just me.

---

<div class="post-metadata">

### Author: ![meglio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meglio/32/71444_2.png) [@meglio](https://meta.discourse.org/u/meglio)
#### Post date: [22.Февраль.2015 03:32:56 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/186 "2015-02-22T03:32:56Z")

</div>

So, after all, how do I apply the theme - i.e. where is the final version maintained?

---

<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: [22.Февраль.2015 12:20:58 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/187 "2015-02-22T12:20:58Z")

</div>

I will post my latest style later today. I’ll put it in a Github gist so that it is easier to track, that and it will have better versioning.

---

<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: [23.Февраль.2015 00:28:40 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/188 "2015-02-23T00:28:40Z")

</div>

Here it is:

> <https://gist.github.com/chapel/66cb4361b0109f15b48b>

---

<div class="post-metadata">

### Author: ![meglio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meglio/32/71444_2.png) [@meglio](https://meta.discourse.org/u/meglio)
#### Post date: [25.Февраль.2015 12:05:47 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/189 "2015-02-25T12:05:47Z")

</div>

Thanks, and what about Sam’s original theme? Where is the latest version held?

**UPD.** Tried to apply CSS and SCRIPT from the very first post of this topic, but the topics list and the categories page seem broken:

 ![](https://global.discourse-cdn.com/meta/original/3X/5/1/512b07c25b915760be3b57ef7ce06d518d6ba219.png) 

* * *

 ![](https://global.discourse-cdn.com/meta/original/3X/9/6/960fc0da31c96fa76021930ee28bc144d6659408.png)

---

<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: [01.Март.2015 02:26:29 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/190 "2015-03-01T02:26:29Z")

</div>

So I had to fix those in mine before it diverged.

You can remove the `colspan` from `main-link`.

```html
<td class='main-link clearfix' colspan="{{titleColSpan}}">

```

into

```html
<td class='main-link clearfix'>

```

For category page, if you notice in mine, I surrounded all topic list styles with `.topic-list:not(.categories)` to make sure it didn’t affect the category page.

---

<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: [05.Март.2015 07:19:16 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/191 "2015-03-05T07:19:16Z")

</div>

heads up, we just made some structure changes to categories, @chapel your theme may need some adjustments as is mine

---

<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: [05.Март.2015 07:34:06 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/192 "2015-03-05T07:34:06Z")

</div>

Do you have commits or details on what has changed?

---

<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: [05.Март.2015 07:46:36 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/193 "2015-03-05T07:46:36Z")

</div>

[https://github.com/discourse/discourse/commit/2ee201b67f6f606b4e4936233859401e878d1e56](https://github.com/discourse/discourse/commit/2ee201b67f6f606b4e4936233859401e878d1e56)

---

<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: [05.Март.2015 15:23:18 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/194 "2015-03-05T15:23:18Z")

</div>

@awesomerobot changing the header category color from `$header-primary` color to `$primary` made our categories invisible. ☹ had to put this back manually in customizations for now:

```plaintext
header .title-wrapper .bar .badge-category { color: $header-primary !important; }

```

---

<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: [05.Март.2015 20:07:29 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/195 "2015-03-05T20:07:29Z")

</div>

Quick update, we rolled this back and @awesomerobot will be revisiting it soon.

---

<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: [06.Март.2015 01:11:43 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/196 "2015-03-06T01:11:43Z")

</div>

ah, yes! I forgot that the header has its own primary/secondary variables 😵

[https://github.com/discourse/discourse/pull/3256](https://github.com/discourse/discourse/pull/3256)

---

<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: [06.Март.2015 18:53:07 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/197 "2015-03-06T18:53:07Z")

</div>

I made some more changes and resubmitted the whole thing, some customizations using the box style of category will have to edit a few lines of CSS, but the structure/organization of category styles is much better.

[https://github.com/discourse/discourse/pull/3257](https://github.com/discourse/discourse/pull/3257)

---

<div class="post-metadata">

### Author: ![DavidGNavas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidgnavas/32/68313_2.png) [@DavidGNavas](https://meta.discourse.org/u/DavidGNavas)
#### Post date: [18.Март.2015 10:45:05 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/198 "2015-03-18T10:45:05Z")

</div>

Thanks to @chapel for sharing his customizations ☀

Is there a way to isolate the code that make the category bars coloured?

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

The css part would be something like this:

```css
$color1: #30A92A;
$category-opacity: 0.3;

.category-bar {
    margin: 0 !important;
    padding: 0 !important;
    width: 2px;
    
    .category-meta & {
        background-color: rgba($color1, $category-opacity);
    }
}

```

…but i tried different combinations on the header part and i can’t get this to work..

---

<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: [19.Март.2015 00:58:27 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/199 "2015-03-19T00:58:27Z")

</div>

> [@DavidGNavas](#):
>
> Is there a way to isolate the code that make the category bars coloured?

Not sure what you mean?

---

<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: [20.Март.2015 01:31:53 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/201 "2015-03-20T01:31:53Z")

</div>

I just updated my theme to allow for the structure changes made when we added the bullet category style, it also made CSS smaller.

---

<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: [21.Март.2015 23:31:12 UTC](https://meta.discourse.org/t/sams-simple-theme/23552/202 "2015-03-21T23:31:12Z")

</div>

Cool. I’ll take a look and see if any of it will fit with my work.

I had already done quite a bit of changes, so I’m thinking we need to figure out the future of custom themes and [how they can be consumed/managed](https://meta.discourse.org/t/a-more-robust-ecosystem-for-creating-sharing-and-modifying-themes/24402/7).

How much interest is there in supporting something in core for this, including a way to keep them up to date? It could work as a plugin now that most of the plugin hooks exist to create it.

[Предыдущая страница](https://meta.discourse.org/t/sams-simple-theme/23552.md?page=9)

[Следующая страница](https://meta.discourse.org/t/sams-simple-theme/23552.md?page=11)
