Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dark theme #148

Open
ahmetsait opened this issue Aug 8, 2022 · 3 comments
Open

Dark theme #148

ahmetsait opened this issue Aug 8, 2022 · 3 comments

Comments

@ahmetsait
Copy link
Contributor

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
Copy link
Owner

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

@ahmetsait
Copy link
Contributor Author

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

@ryuukk
Copy link
Contributor

ryuukk commented Jul 30, 2023

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants