September 13 - It's Friday, so what do I have for you? A Friday Highlight - here!
September 5 - It's patch day for The Sims 4 on PC/Mac! Take a look at what changed on here!

Dark Mode

Is there any possibility of implementing dark mode option for forums?
I think there is only green background for now? (correct me if I am wrong)
but it would mean world to me to turn that brightness off a little for the actual forum part as well
since the true white isn't really ideal

Comments

  • ChazzzyChazzzy Posts: 4,315 Member
    Yes please!
    Origin & Gallery : ChazzzyGOAT | Simblr : ChazzzyGOAT
  • adduapinaadduapina Posts: 425 Member
    I'd love this also.
    "Though now long estranged, man is not wholly lost nor wholly changed."
    -J.R.R. Tolkien

    origin ID: adduapina
  • darrenfroggydarrenfroggy Posts: 570 Member
    yes please, that'd be great. The green is already better than the white, but a full dark mode would be fantastic.
  • paradiseplanetparadiseplanet Posts: 4,105 Member
    Sign me up for a dark mode!
    Origin ID: paradiseplanet27
    Sim Showcase

    tumblr_ojq4r339Ni1usy5rpo1_100.png
  • SimburianSimburian Posts: 4,619 Member
    I would like this too please.
    I do have the option with Windows 10 nightlight to make it go all the way to bright red though if I want! It currently an orange shade, cutting out blue light. :) A pale green background would be nice.
  • CrownSimsCrownSims Posts: 470 Member
    Omg please! I literally have dark mode turned on for everything lol Twitter, YouTube, etc. This would be amazing!
  • SimburianSimburian Posts: 4,619 Member
    Not black though.
  • darrenfroggydarrenfroggy Posts: 570 Member
    edited July 24
    As a temporary measure, I've made myself a mini fix (not perfect, but it makes the basics dark) for the Stylus extension which exists for desktop Chrome and I believe other browsers too (not 100% sure which ones).

    You can add your own style for any site & while I haven't added mine to the userstyles gallery, you can write your own style. (see below for the code for mine. it doesn't fix everything, but it fixes some things).

    That said, this isn't a solution for mobile browsing, nor is it a perfect dark mode, which would be very much appreciated.
    @-moz-document domain("forums.thesims.com") {
    .nav-bar {
        background-color: #222;
        background: linear-gradient(#222 25%, rgba(0, 0, 0, .1));
    }
    
    #Body {
        background-color: #222;
    }
    
    body {
        background-color: #222;
    }
    
    .FormWrapper {
        background-color: #222;
    }
    
    .Section-Discussion .Message:before {
        background-color: #222;
    }
    
    .Item.Read {
        background: #1a0e0e;
    }
    
    .Item.Unread {
        background: #061e04;
    }
    
    .InputBox {
        background: #222;
    }
    .InputBox:focus {
        background: #222!important
    }
    
    .codeBlock,
    code,
    pre {
        background: #53533a;
    }
    
    .footer {
        background-color: #222;
    }
    
    blockquote.UserQuote .UserQuote {
        background-color: #222;
    }
    
    /* TEXT */
    .nav-bar li a {
        text-shadow: 0 2px 0 #222;
    }
    
    body {
        color: #6a6767;
    }
    
    .Section-Discussion .MessageList .AuthorInfo span {
        color: #ababab;
    }
    
    .Section-Discussion .Message {
        font-size: 16px;
    }
    
    .Section-Discussion .CommentMeta a,
    .Section-Discussion .DiscussionMeta a {
        color: #acb5db;
        font-weight: bold;
        text-decoration: underline;
    }
    
    .AlertMessage {
        background: #bfa926;
    }
    
    .DataTableWrap .CommentDate,
    .DataTableWrap .CommentDate:hover {
        color: #acb5db;
    }
    
    a {
        color: #087dae;
    }
    
    .Tag {
        color: #acb5db;
    }
    
    .HasNew {
        background: #a6a645;
    }
    
    .Item.Read .Title,
    .Item.Read .BlockTitle {
        font-weight: lighter;
        color: #045779;
    }
    
    .InputBox:focus {
        color: #ababab!important
    }
    
    .codeBlock,
    code,
    pre {
        color: #9d9d8c !important;
    }
    
    /* BORDERS */
    .Section-Discussion .Item-BodyWrap {
        border-left: 1px solid #626060;
    }
    
    .Section-Discussion .DataList .Item {
        border-color: #626060;
    }
    }
    

    (edited for fixed code)
  • catloverplayercatloverplayer Posts: 84,684 Member
    edited July 30
    Yes please. We need a darkmode on this site on both the PC/Mac Forums and the Mobile Forums. It would help my eyes at night on my android phone if I could have an option for darkmode.

    If we get a darkmode it should look black like the new lights out mode on Twitter.
    Post edited by catloverplayer on

  • OneAdorkableGirlOneAdorkableGirl Posts: 2,330 Member
    edited August 21
    If you don't mind downloading extensions, there is an extension on the Chrome Webstore that is called "Dark Reader", it does make some of the colors.. different, but it definitely helps. And you can use it on all your browsing websites. (Edit: it doesn't get rid of the green, but it seems to dim it a little bit).

    However, yes, I would LOVE a darkmode for this forum, because this white forum is too bright and I've had to turn on Dark-Reader because I just got over a headache (probably from going back and forth from light and dark screens... ) and this would be great. Also a mode for the mobile because sometimes I visit on mobile and like to read the forums. :)
Sign In or Register to comment.
Return to top