DFeed icon indicating copy to clipboard operation
DFeed copied to clipboard

Dark theme

Open ahmetsait opened this issue 3 years ago • 3 comments

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.

ahmetsait avatar Aug 08 '22 20:08 ahmetsait

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

CyberShadow avatar Aug 08 '22 20:08 CyberShadow

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

ahmetsait avatar Aug 08 '22 21:08 ahmetsait

I use this stylus custom css:

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

  • borders: maybe change to light gray
  • links: maybe change from the red to something easier for the eyes
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

ryuukk avatar Jul 30 '23 20:07 ryuukk