Show HN: Hacker News Post Coloring Extension to Chromium

#1

Post by Midnightas » Mon, Aug 27, 2018, 12:02 PM UTC

Show HN: Hacker News Post Coloring Extension to Chromium
github.com

Re: Show HN: Hacker News Post Coloring Extension to Chromium

#2

Post by rambojazz » Mon, Aug 27, 2018, 12:08 PM UTC

Does this only color the sidebar next to comments or is there more?

Re: Show HN: Hacker News Post Coloring Extension to Chromium

#3

Post by 4684499 » Mon, Aug 27, 2018, 2:05 PM UTC

Actually you can use simple CSS with styling extensions like Stylus to achieve similar effect.

    .ind img {
        height: 100%;
        border-right: 3px solid red;
    }

If you want different color for different level of indent, just use attribute selector, like:

    .ind img {
        height: 100%;
        border-right: 3px solid;
    }
    img[width="40"] {
        border-color: red;
    }
    img[width="80"] {
        border-color: blue;
    }

Re: Show HN: Hacker News Post Coloring Extension to Chromium

#4

Post by Midnightas » Mon, Aug 27, 2018, 2:45 PM UTC

4684499 wrote: post #3

Actually you can use simple CSS with styling extensions like Stylus to achieve similar effect. .ind img { height: 100%; border-right: 3px solid red; } If you want different color for different level of indent, just use attribute selector, like: .ind img { height: 100%; border-right: 3px solid; } img[width="40"] { border-color: red; } img[width="80"] { border-color: blue; }

This fails for me, makes the bar a pixel tall. I knew I overcomplicated it, although I like doing that :P, thanks.

Re: Show HN: Hacker News Post Coloring Extension to Chromium

#5

Post by 4684499 » Mon, Aug 27, 2018, 3:33 PM UTC

Midnightas wrote: post #4

4684499 wrote: post #3

Actually you can use simple CSS with styling extensions like Stylus to achieve similar effect. .ind img { height: 100%; border-right: 3px solid red; } If you want different color for different level of indent, just use attribute selector, like: .ind img { height: 100%; border-right: 3px solid; } img[width="40"] { border-color: red; } img[width="80"] { border-color: blue; }

This fails for me, makes the bar a pixel tall. I knew I overcomplicated it, although I like doing that :P, thanks.

Sorry, I used these lines a few years back, I'm using other styles now so I didn't know it stopped working.

You are right, it's not working.

Edit: OK, I know what's going on now, you need to add this to the code above:

    .comtr table {
        height: 100%;
    }