TMC is an independent, primarily volunteer organization that relies on ad revenue to cover its operating costs. Please consider whitelisting TMC on your ad blocker or making a Paypal contribution here: paypal.me/SupportTMC

Dark Theme

Discussion in 'Site Feedback' started by Majerus, Mar 15, 2016.

  1. Majerus

    Majerus Member

    Joined:
    Jan 21, 2010
    Messages:
    689
    Location:
    Illinois
    Is there a dark theme for the site? The white is killing my eyes.
     
  2. danny

    danny Administrator

    Joined:
    Aug 15, 2006
    Messages:
    739
    This is certainly something we can consider for the not so distant future.

    We're also working on how we may be able to improve the current theme.
     
  3. Majerus

    Majerus Member

    Joined:
    Jan 21, 2010
    Messages:
    689
    Location:
    Illinois
    Good to hear, readability as others has mentioned has gone down quite a bit since the change. Might have been nice to have had a preview before a mass switch over. Good luck !
     
  4. brianman

    brianman Burrito Founder

    Joined:
    Nov 10, 2011
    Messages:
    15,487
    Try this as a starting point, Majerus:
    Code:
    /* Dark theme */
    
    a:link, a:visited {
        color: lightgray !important;
    }
    
    .bbCodeBlock .type {
        color: lightgray !important;
        background-color: maroon !important;
    }
    
    .bbCodeQuote .quoteContainer {
        background-color: black !important;
    }
    
    body {
        background-color: black !important;
        color: lightgray !important;
    }
    
    body .muted, body a.muted, body .muted a {
        color: lightgray !important;
    }
    
    .breadcrumb .crust a.crumb {
        color: lightgray !important;
    }
    
    .breadcrumb .crust .arrow {
        color: lightgray !important;
    }
    
    .breadcrumb .jumpMenuTrigger {
        color: lightgray !important;
    }
    
    .message .messageDetails .postNumber {
        color: lightgray !important;
    }
    
    .message .messageMeta .control {
        color: lightgray !important;
    }
    .message .signature {
        color: lightgray !important;
    }
    
    .messageList .message {
        background-color: black !important;
    }
    
    .messageUserBlock a.username {
        color: lightgray !important;
    }
    
    .messageUserBlock .userTitle {
        color: lightgray !important;
    }
    
    .messageUserInfo {
        background-color: black !important;
    }
    
    #pageDescription {
        color: lightgray !important;
    }
    
    .PageNav a {
        color: lightgray !important;
    }
    
    .pairs dt, .pairsInline dt, .pairsRows dt, .pairsColumns dt, .pairsJustified dt {
        color: lightgray !important;
    }
    
     
  5. danny

    danny Administrator

    Joined:
    Aug 15, 2006
    Messages:
    739
    Thanks @brianman for all the proposed tweaks ;)

    When I get a moment, I'm gonna work on developing a dark them which I'm sure will be appreciated by those who like to read in the dark.
     
  6. brianman

    brianman Burrito Founder

    Joined:
    Nov 10, 2011
    Messages:
    15,487
    No worries. Happy to help with the transition.
     
  7. Auzie

    Auzie Tree Hugger Member

    Joined:
    Jul 29, 2013
    Messages:
    1,903
    Location:
    Sydney
    Thanks for that. My preference is for a pitch black background whenever possible. I suspect that would not be a majority choice, but it would be great if that were an option.
     

Share This Page