Some dark css for QBN?
- Started
- Last post
- 19 Responses
- Polisz
Let someone do:) I can't do it :(
black looks up to fb, gmail, google are super.
- BabySnakes10
- <3Polisz
- my eyes!!dorf
- saves electricity tooKrassy
- night modesofas
- a need this night mode :DPolisz
- nothing better than reading white txt on dark background, ughwhatthefunk
- haha it was literally 3 css rules to get this.BabySnakes
- up for a night mode switch :)helloeatbreathedrive
- I like it.notype
- I think this is way better for the eyes, we are looking directly at a source of light, black background reduces the intensity.Miguex
- MrT0
- What's this from?SunSunSun_
- Buggered if I know.MrT
- lights out?mugwart
- sted3
filter: invert(100%);
- sted0
We had this with that site what inverts the colors of any given url, somebody should dig it out.
- CyBrainX2
Why does every interface have to be dark?
- Indeed. If the contrast is too high - 100% black with white text - my astigmatism kicks in and completely fucks my eyes.face_melter
- ESKEMA2
/* QBN Dark Mode */
body.qbn,
body.qbn #sidebar.fixed,
body.qbn #sidebar.fixed-add,
body.qbn #sidebar.fixed-remove {
background: #222;
color: #aaa;
}body.qbn input,
body.qbn textarea {
background: none;
color: #aaa;
border: 1px solid #444!important;
box-shadow: none!important;
}body.qbn .notes .post-form textarea {
border: none!important;
}body.qbn h1,
body.qbn h1 a,
body.qbn h2,
body.qbn h2 a,
body.qbn .notes .actions,
body.qbn .notes .actions .add,
body.qbn .thread dt .score,
body.qbn .thread dd.main .meta span.score,
body.qbn .option-list li.selected,
body.qbn #sidebar .public-voice li.announcement {
color: #fff;
}body.qbn a,
body.qbn .thread dd.main .meta a.user {
color: #FA0946;
}body.qbn .thread {
border-bottom: 1px solid #444;
}body.qbn .thread>li {
border-top: 1px solid #444;
}body.qbn .controls li {
background: none;
}body.qbn .pagination .range a {
color: #999;
}body.qbn .pagination .range a.active {
background: #fff;
color: #000;
}body.news-create .field.text .help, body.news-edit .field.text .help, body.news-detail .field.text .help,
body.qbn .notes .actions .show-all {
color: #666;
}body.qbn #menu {
background: #222;
color: #999;
}@media screen and (max-width:800px) {
body.qbn .notes {
background: #000;
}
}
- ESKEMA2
Ok, finished retouching the above code, you can find it here:
https://github.com/eskema/qbn/bl…
here's what it looks like:
and here it is in action:
https://i.imgur.com/Ft0J10Q.mp4I used Stylebot to add it to the page:
https://chrome.google.com/websto…
- ESKEMA1
I've been using this and kinda forget it's not what actually QBN really looks like.
I updated the stylesheet, this is what it looks like now:screen recording:
https://siasky.net/AACYHUlsss4vS…
- shapesalad2
I need QBN to be bright, when working and getting sleepy in the afternoon, it's nice to switch to QBN and burn my retinas. Wakes me up.
- ESKEMA7
- https://github.com/e…ESKEMA
- Dude your soul is black.utopian
- uh that's goodsted
- Please give us dark mode. Not everyone can use extensions (I mostly browse with Safari on iPad Pro.)NBQ00
- i don't like how the menu and logo is placedmilfhunter
- ^ I remember you from 2000s porn I watched.SimonFFM
- place for a better tomorrow on the bottom left of the right frame. smaller.StoicLevels
- oh wait now im looking at your vid, put a BG behind the title text or just get rid of itStoicLevels
- I like the sticky commentsdbloc
- The colors look a lot like what I did to mine a while back using an extension.
https://i.snipboard.…dbloc - @StoicLevels, you can easily make that change, would be cool to see what other people can come up with.ESKEMA
- i think it's about time for a redesigncannonball1978