Author Topic: WIP CSS Dark Theme  (Read 314 times)

0 Members and 1 Guest are viewing this topic.

Offline Jordy

  • Newbie (新手)
  • Posts: 3
  • Karma 0
  • //games.art.stuff
WIP CSS Dark Theme
« on: April 01, 2019, 04:55:28 pm »
     I know people like Dark themes, and having lurked long enough for the Light to hurt my eyes a bit, I took it upon myself to make a Dark Theme through Stylus.
     For those interested, here's the link https://userstyles.org/styles/170529/k1-basement

     For those who have no idea what Stylus is, here's a link to that as well https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
     It basically allows for people to modify how sites look on the user's end.

     Feel free to give feedback on how to improve it, I will try to respond as soon as I can.
     If this is in the wrong place, please guide me to the right place for this.

     Below should be some examples of the style in action (the first being a comparison)



« Last Edit: April 01, 2019, 04:59:12 pm by Jordy »

Offline kuu9haku

  • Newbie (新手)
  • Posts: 16
  • Karma 0
  • VN-Newbie
Re: WIP CSS Dark Theme
« Reply #1 on: April 01, 2019, 06:39:52 pm »
There is already a dark theme you know?(It's bugged but I never had problem with it). The theme is fine but the chat box and topics have good headers which are not there now, and categories part is better with divisions between each topic. And personal peeve is that the shade of orange is too bright. Just an amateur opinion :)

Offline Kuuhaku

  • Newbie (新手)
  • Posts: 12
  • Karma 2
  • Book Addict
Re: WIP CSS Dark Theme
« Reply #2 on: April 03, 2019, 12:05:00 pm »
There is already a dark theme you know?(It's bugged but I never had problem with it).
Kureha says it's bugged, but I'm not so sure. I haven't heard of anyone actually running into issues with it recently, so that might have actually been an issue with SMF.

And Jordy, not sure if you've noticed this, but a lot of the default images that K1 uses (the small icons and stuff) have white artifacts in some spots. On the DarkModern theme, it uses a different image set that doesn't have those artifacts, but they're very visible when using yours on a smaller screen.
"Remove everything that has no relevance to the story. If you say in the first chapter that there is a rifle hanging on the wall, in the second or third chapter it absolutely must go off. If it's not going to be fired, it shouldn't be hanging there."  -Anton Chekhov

Offline Jordy

  • Newbie (新手)
  • Posts: 3
  • Karma 0
  • //games.art.stuff
Re: WIP CSS Dark Theme
« Reply #3 on: April 03, 2019, 05:25:15 pm »
Apologies for not replying sooner, got caught up in projects.

Honestly, I saw Kureha mention a dark theme but couldn't really find it, hence me deciding to make one, so RIP me there.

I do appreciate the feedback tho

By good headers, do you mean the parts with the blue backgrounds?
If so, then I'm not sure what you mean by them not being there now. I can still see what I think you're talking about on my machine, albeit they are big ol' dark rectangles rather than neat images.

With the shade of orange, I do understand that. Perhaps if I make an easy-to-access spot in the file for you (and other users of course) to grant themselves custom values?

As for the white artefacts, I have indeed noticed those. I was planning on either giving them the old "minimal dark rectangle" treatment, or making custom graphics.
Do tell me which you'd prefer, or any other suggestions you might have.
When I get some spare time I will try to get some work on the theme for those who are willing to use it, keeping these ideas in mind.

Thanks a bunch for the feedback tho, do appreciate

(Another known issue is the Verification Captcha-esque image thing is a little weird on a dark BG, I have an idea for a fix for that too)

Offline kuu9haku

  • Newbie (新手)
  • Posts: 16
  • Karma 0
  • VN-Newbie
Re: WIP CSS Dark Theme
« Reply #4 on: April 06, 2019, 07:02:53 pm »
Jordy I meant these when I said headers.





I also felt that everything is too boxy/sharp edged. Smoothness would be preferable.
« Last Edit: April 06, 2019, 07:36:54 pm by kuu9haku »

Offline Jordy

  • Newbie (新手)
  • Posts: 3
  • Karma 0
  • //games.art.stuff
Re: WIP CSS Dark Theme
« Reply #5 on: April 07, 2019, 05:56:00 pm »
Those headers do indeed exist for me, so I'm not sure if you mean they're gone completely or you don't think they're good.

Either way, I added a Box Roundness option this update, so you can change one value and have the roundness return everywhere I could find that had roundness in the original

Offline Rungsiman

  • Newbie (新手)
  • Posts: 2
  • Karma 0
  • VN-Newbie
    • จีคลับ
Re: WIP CSS Dark Theme
« Reply #6 on: May 14, 2019, 03:43:24 pm »
Actually, you should have better questions.

« Last Edit: June 17, 2019, 02:56:26 pm by Rungsiman »

Offline Kureha

  • The Meido
  • Admin (網站管理員)
  • VN-Rookie
  • *****
  • Posts: 1,474
  • Karma 24
    • Kureha One
Re: WIP CSS Dark Theme
« Reply #7 on: May 16, 2019, 07:28:37 am »
There is a dark theme, it was created by a guy that has passed away.
It's there with the other themes.
However, there has been reported bugs that prevented people from logging in, hence it is no longer set as the board's default theme and only be used at the viewers discretion.

Kureha has been browsing other dark theme on SMF's site, but they are really bad, like kids adding flames to everything bad.
Anyways you guys have fun.