CyberShadow / DFeed

D news aggregator, newsgroup client, web newsreader and IRC bot
http://forum.dlang.org/help#about
377 stars 35 forks source link

Dark theme #148

Open ahmetsait opened 1 year ago

ahmetsait commented 1 year ago

Now that mobile friendly index is in place, only thing missing for scrolling the forum in bed is dark mode. I would try myself but it doesn't seem like I will be available any time soon.

CyberShadow commented 1 year ago

Personally I recommend using Dark Reader. To use it on your phone you can use Firefox. Works for 99% websites.

ahmetsait commented 1 year ago

Not a fan of Dark Reader myself. Fortunately, it is straight forward to create dark mode by utilizing LCH color space.

ryuukk commented 11 months ago

I use this stylus custom css:

Some improvements could be made, but it's been very useful for me

html, div, p, a, h1, h2, h3, h4, input, button, span, code, table, tbody, tr, td, pre {
    font-family: 'Jetbrains Mono'!important;
}

html, body, td, .subnav, .subnav-helper {
    background-color: #1e1e1e!important;
}

tr, th {
    background-color: #1a1919!important;
}
html, body, td {
    color: #e1e1e1!important;
}

code, tr div pre {
    background-color: #444!important;
}
span {
    color: #999!important;
}

textarea, input, select {
    color: #e1e1e1!important;
    background-color:  #444!important;
    border-color: #fff!important;    
}

input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999!important;
}

li a span {
    color: #e1e1e1!important;
}

.forum-expand-toggle{
    color: #e1e1e1!important;
}

.forum-notice {
    color: #1a1919!important;
}

.forum-read{
    color: #a26a66!important;
    text-decoration: none!important;
}
.forum-read:visited{
    color: #a26a66!important;
    text-decoration: none!important;
}
.forum-unread:visited{
    color: #a26a66!important;
}

image