# \[JS\] Some color tweaks for the forum

**URL:** <https://forums.eveonline.com/t/js-some-color-tweaks-for-the-forum/4919>\
**Category:** Third Party Developers\
**Tags:** forum-improvement\
**Created:** [June 21, 2017, 10:18am UTC](https://forums.eveonline.com/t/js-some-color-tweaks-for-the-forum/4919 "2017-06-21T10:18:12Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Althalus\_Stenory](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/althalus_stenory/32/429792_2.png) [@Althalus\_Stenory](https://forums.eveonline.com/u/Althalus_Stenory)\
**Post date:** [June 21, 2017, 10:18am UTC](https://forums.eveonline.com/t/js-some-color-tweaks-for-the-forum/4919/1 "2017-06-21T10:18:13Z")

</div>

This is a tampermonkey script, but can be used outside of it too.

In short:

- slightly lighter background
- darker texts for contrasts
- smaller font

```auto
// ==UserScript==
// @name EVE Online Forum Colors
// @namespace github-kyria-tampermonkey-scripts
// @version 0.1
// @description layout change for eveonline forum
// @author althalus@tweetfleet
// @match https://meta.eveonline.com/*
// @grant none
// ==/UserScript==

var descriptionTextColor = '#999';
var latestPostColor = '#BBB';
var mainBackgroundColor = '#252525';
var globalFontSize = '13px';

(function() {
    'use strict';

    var $newStyle = $('<style></style>');
    $newStyle.append('.category-list .category-description, .category-list .subcategories { color: ' + descriptionTextColor + '; }');
    $newStyle.append('.category-list td.latest .featured-topic a.title { color: ' + latestPostColor + '; }');
    $newStyle.append('#main-outlet { background-color: ' + mainBackgroundColor + '; }');
    $newStyle.append('html { font-size: ' + globalFontSize + '; }');
    $newStyle.appendTo('head');
    
    $('.subcategories .subcategory a span.badge-category').removeAttr('style');
})();

```

Example preview:

 ![](https://global.discourse-cdn.com/eveonline/original/2X/0/0803f985096e6f55f61f19a9411f4f07442b4326.png)

---

<div class="post-metadata">

**Author:** ![Nora\_Maldoran](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/nora_maldoran/32/399985_2.png) [@Nora\_Maldoran](https://forums.eveonline.com/u/Nora_Maldoran)\
**Post date:** [June 21, 2017, 10:39am UTC](https://forums.eveonline.com/t/js-some-color-tweaks-for-the-forum/4919/2 "2017-06-21T10:39:11Z")

</div>

Could you add a screenshot of how it looks with the changes?  
Helps people deciding if they want to try it. 🙂

---

<div class="post-metadata">

**Author:** ![Althalus\_Stenory](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/althalus_stenory/32/429792_2.png) [@Althalus\_Stenory](https://forums.eveonline.com/u/Althalus_Stenory)\
**Post date:** [June 21, 2017, 10:46am UTC](https://forums.eveonline.com/t/js-some-color-tweaks-for-the-forum/4919/3 "2017-06-21T10:46:26Z")

</div>

Added 🙂

---

<div class="post-metadata">

**Author:** ![Jean\_LaForge](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/jean_laforge/32/381493_2.png) [@Jean\_LaForge](https://forums.eveonline.com/u/Jean_LaForge)\
**Post date:** [June 21, 2017, 10:59am UTC](https://forums.eveonline.com/t/js-some-color-tweaks-for-the-forum/4919/4 "2017-06-21T10:59:18Z")

</div>

I like it, thanks!

---

<div class="post-metadata">

**Author:** ![CCP\_Avalon](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/ccp_avalon/32/410280_2.png) [@CCP\_Avalon](https://forums.eveonline.com/u/CCP_Avalon)\
**Post date:** [June 21, 2017, 3:50pm UTC](https://forums.eveonline.com/t/js-some-color-tweaks-for-the-forum/4919/5 "2017-06-21T15:50:21Z")

</div>

What kind of a monster puts the _before_ screenshot on the right?!

That’s my only beef with op. We also lightened the background half way to the old forum color, along with several other tweaks based on feedback provided yesterday and today. We’re not done, but this is the first step in that direction.

---

<div class="post-metadata">

**Author:** ![Catherine\_Solenne](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/catherine_solenne/32/206827_2.png) [@Catherine\_Solenne](https://forums.eveonline.com/u/Catherine_Solenne)\
**Post date:** [June 21, 2017, 4:03pm UTC](https://forums.eveonline.com/t/js-some-color-tweaks-for-the-forum/4919/6 "2017-06-21T16:03:05Z")

</div>

@CCP_Avalon +1 for Althalus’ / Svara’s look of having the **Latest** Section toned down in the category view. Much easier on the eyes, imo.

---

<div class="post-metadata">

**Author:** ![Althalus\_Stenory](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/althalus_stenory/32/429792_2.png) [@Althalus\_Stenory](https://forums.eveonline.com/u/Althalus_Stenory)\
**Post date:** [June 21, 2017, 4:22pm UTC](https://forums.eveonline.com/t/js-some-color-tweaks-for-the-forum/4919/7 "2017-06-21T16:22:30Z")

</div>

> [@CCP\_Avalon](#):
>
> What kind of a monster puts the before screenshot on the right?!

Ahahah was actually wondering who would first say something about that 😃 Made this in a hurry and was lazy to correct it after I noticed I put them in the wrong “way”.

Yeah, tbh i mainly did this to see differences while using the new forum (better to make real feedback of what could be better than just make assumptions) but i don’t expect (at least I hope so) to use it when you’ll finally “release” the forum.

The new background is really better 👍 (didn’t see yet the other tweaks)  
Looking forward for more improvements 😃  
Thank you !