Add icons for forum sections to Forum Mod

[mib2berlin]

Hi, in such circumstances of posting in a wrong forum section I want to publish again a .css mod for the Vivaldi Forum Mod from @luetage. It gets lost in a forum thread I cant find anymore.
Full credits to the unknown user publish the code, I only add some lines of code.
Add the code to forum mod in the Modification section.

/*### Icon setting for Android forum ###*/
.page-topic-category-136 [component="post"]:not(.deleted) .post-tools::before,
.page-topic-category-147 [component="post"]:not(.deleted) .post-tools::before,
.page-topic-category-150 [component="post"]:not(.deleted) .post-tools::before,
.page-topic-category-151 [component="post"]:not(.deleted) .post-tools::before {
    content: "\f17b";
    color: #a4c639;
}

/*### Icon setting for Linux forum ###*/
.page-topic-category-35 [component="post"]:not(.deleted) .post-tools::before,
.page-topic-category-112 [component="post"]:not(.deleted) .post-tools::before,
.page-topic-category-139 [component="post"]:not(.deleted) .post-tools::before {
    content: "\f17c";
    color: #FFFFFF;
}

/*### Icon setting for Windows forum ###*/
.page-topic-category-32 [component="post"]:not(.deleted) .post-tools::before {
    content: "\f17a";a
    color: #3786d9;
}

/*### Icon setting for OSX forum ###*/
.page-topic-category-34 [component="post"]:not(.deleted) .post-tools::before {
    content: "\f179";
    color: #FFFFFF;
}

/*### Icon setting for Android Requests ###*/
.page-topic-category-136 [component="post"]:not(.deleted) .post-tools::before {
    content: "\f0eb";
    color: #FF0000;
}


/*### Common style for all the icons ###*/
[component="post"]:not(.deleted) .post-tools::before {
    position: absolute;
    left: 25px;
    vertical-align: middle;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 17px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

Forum Mod:
https://chrome.google.com/webstore/detail/vivaldi-forum-mod/hipnollokpifchndpfhnlfjbdnkhiigg
Github:
https://github.com/luetage/vivaldi_forum_mod

If the user who provide the originale .css code read this, please add a comment to get all the upvotes.

Cheers, mib

[Dancer18]

@mib2berlin Thank you for this!
I installed the extension and imported the css-code there (in "modifications").
I hoped to get colored vertical separators like I saw somewhere, but instead there are only different gray colors.
Here I marked the "dangerous" android separator red:

How can I do this?

[mib2berlin]

@Dancer18
I have no idea but you get small icons in a Android thread to warn you.

For Apple and Windows you get appropriate icons.
I open threads with MMB real quick and don´t care about the forum section but with this mod I never post in the wrong section again.

Cheers, mib

[A Former User]

@Dancer18 You can get them coloured like this

.topic-list > .category-item[component="category/topic"][data-cid="32"] .card {
  border-left-color: #00a1f1 !important;
}

Just apply the category numbers & colours from the OP.

[Dancer18]

@mib2berlin Oh that's fine to me too. Thank you and have a nice day!

[Dancer18]

@potmeklecbohdan
Yesss! Thank you! That's it. I hope this is helping me avoid posting in category android false statements (valid only for desktop).