Can I haz dark forum-style please? :)

Discussion in 'Forum Related Discussions' started by __Nikopol, Jul 23, 2018.

  1. Beyonder

    Beyonder Registered Member

    Joined:
    Aug 26, 2011
    Posts:
    545
    I don't suppose any progress has been made for this request?
     
  2. JohnBurns

    JohnBurns Registered Member

    Joined:
    Jul 4, 2004
    Posts:
    775
    Location:
    Oklahoma City
    Can you use a browser extension like Super Dark Mode or Dark Background Light Text? I'm using DarkBackground Light Text in Edge Browser per screenshot. DarkBackground LightText .png
     
  3. XIII

    XIII Registered Member

    Joined:
    Jan 12, 2009
    Posts:
    1,089
    Apologies for bumping an old topic, but...

    SmallNetBuilder Forums recently updated the forum software (which I believe is the same that is used here?). Their new dark mode is pretty nice!

    Would it be possible to introduce that here as well?
     
  4. IvoShoen

    IvoShoen Registered Member

    Joined:
    Jan 2, 2008
    Posts:
    800
    :thumb:
     
  5. Deletedmessiah

    Deletedmessiah Registered Member

    Joined:
    Feb 20, 2018
    Posts:
    106
    Location:
    Outer space
    I use the dark reader extension which looks pretty nice.
     
  6. Bill K

    Bill K Registered Member

    Joined:
    Sep 19, 2018
    Posts:
    62
    Location:
    Naperville IL
    I always find it preferable having a site that directly supports a dark mode setting, rather than using a dark mode extension. The extensions often have issues displaying some content and end up requiring customized site settings and exclusions.
     
  7. Trooper

    Trooper Registered Member

    Joined:
    Jan 26, 2005
    Posts:
    4,859
    That would be awesome but it is up to the powers that be. Extensions help, but generally speaking are not that great overall.
     
  8. hayc59

    hayc59 Updates Team

    Joined:
    Feb 9, 2002
    Posts:
    2,843
    Location:
    KEEP USA GREAT
  9. Mr.X

    Mr.X Registered Member

    Joined:
    Aug 10, 2013
    Posts:
    3,983
    Location:
    Mexico
    I want it dark too. Please count my vote in.
     
  10. JRViejo

    JRViejo Super Moderator

    Joined:
    Jul 9, 2008
    Posts:
    69,574
    Location:
    U.S.A.
    Yes, Wilders could upgrade to the newest XenForo version and add a Dark theme (not available in our present version), but at what cost to our members.

    Over the years, our Admin has instituted in-house custom codes that are protecting our forum from web scrapers, bot flooding, third-party IMG tag embedded image prevention, not to mention, spam blocking. Unfortunately, with an upgrade, we would lose all those protections that have been perfected over time.

    When Wilders weighs a Dark theme versus the security & safety, plus lack of spam, that we enjoy now, the latter beats the former. Thank you all for the suggestion, however, Wilders can not take that chance just to add a theme.
     
  11. hayc59

    hayc59 Updates Team

    Joined:
    Feb 9, 2002
    Posts:
    2,843
    Location:
    KEEP USA GREAT
    WOW! JR does this come from LWM? thanks
     
  12. JRViejo

    JRViejo Super Moderator

    Joined:
    Jul 9, 2008
    Posts:
    69,574
    Location:
    U.S.A.
    G, although it's my post, the message comes from the whole team, Admins & Mods, who work behind the scene to keep our forum safe, day in, day out.
     
  13. hayc59

    hayc59 Updates Team

    Joined:
    Feb 9, 2002
    Posts:
    2,843
    Location:
    KEEP USA GREAT
    Right on
     
  14. Krusty

    Krusty Registered Member

    Joined:
    Feb 3, 2012
    Posts:
    9,028
    Location:
    Among the gum trees
    :thumb:

    And a great job you guys and gals do.
     
  15. Krusty

    Krusty Registered Member

    Joined:
    Feb 3, 2012
    Posts:
    9,028
    Location:
    Among the gum trees
    I only just found Dark Reader and am loving it so far, except on YouTube because:
    1. YouTube loads extremely slowly with Dark Reader.
    2. YouTube is dark by default for me anyway, so I just disable DR there.
     
  16. Krusty

    Krusty Registered Member

    Joined:
    Feb 3, 2012
    Posts:
    9,028
    Location:
    Among the gum trees
    It gives my machines too much of a performance hit. I've found Dark Background and Light Text less of a drain on my system resources.
     
  17. XIII

    XIII Registered Member

    Joined:
    Jan 12, 2009
    Posts:
    1,089
    Looks pretty good with one of the new Safari extensions in iOS 15 / iPadOS 15 (using Noir in this screenshot):
    89172062-9ADF-4875-B2F5-CE93B166E718.png
    I know you won’t add a proper dark mode, but would it be possible to replace the image with the Wilders banner by one with a transparant background?
     
  18. kC_

    kC_ Registered Member

    Joined:
    Apr 6, 2007
    Posts:
    505
    just block the element and save yourself some screen real estate
     
  19. kC_

    kC_ Registered Member

    Joined:
    Apr 6, 2007
    Posts:
    505
    good shout! Dark mode extension in brave..
    upload_2021-9-22_22-6-46.png
     
  20. XIII

    XIII Registered Member

    Joined:
    Jan 12, 2009
    Posts:
    1,089
    Excellent suggestion!
     
  21. act8192

    act8192 Registered Member

    Joined:
    Nov 9, 2006
    Posts:
    1,759
    I dislike dark mode. Find websites difficult to read. Dark screenshots, as above, look ok in Windows, but on a smaller screen (tablet) are next to impossible.
    The only time I use dark mode is late at night reading a Kindle book on a smart phone.
    I hope Wilders never forces it on us. Perhaps a choice could exist to make averybody happy.
     
  22. kC_

    kC_ Registered Member

    Joined:
    Apr 6, 2007
    Posts:
    505
    Yeh should never be forced, but always an option!
     
  23. IvoShoen

    IvoShoen Registered Member

    Joined:
    Jan 2, 2008
    Posts:
    800
    With Chrome extension Night Eye:
    upload_2021-9-23_15-29-14.png
     
  24. Brummelchen

    Brummelchen Registered Member

    Joined:
    Jan 3, 2009
    Posts:
    4,021
    Close to perfect. Extensions can only change with a know knowledge base of tags or computing - but computing really eats a lot of performance and delay showing pages. I rather would prefer a dark style made with stylus (extension) - but this would mean 1000 lines or more. I know that from another forum - dark is not only background and some basic colors, you can see a lot more glitches.
     
  25. Floyd 57

    Floyd 57 Registered Member

    Joined:
    Mar 17, 2017
    Posts:
    1,197
    Location:
    Europe
    1) Download https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en or https://addons.mozilla.org/en-US/firefox/addon/stylebot-web/ (not tested on firefox)
    2) Click on it, click on Options
    upload_2021-10-18_16-52-14.png
    3) Click Add new
    upload_2021-10-18_16-52-45.png
    4) Enter like this
    upload_2021-10-18_16-58-40.png
    In the big field u will paste this (make sure to copy all even if it shows emote due to the **** BB code)
    #header {
    color: white;
    background-color: black;
    }

    #header > #logoBlock{
    color: white;
    background-color: black;
    }

    .footer, .footerLegal {
    color: white;
    background-color: black;
    }

    #content {
    color: white;
    background-color: black;
    }

    .pageContent {
    color: white;
    background-color: black;
    }

    .titleBar {
    background-color: black;
    }

    .titleBar > h1 {
    color: white;
    }

    .titleBar > #pageDescription {
    color: white;
    }

    .titleBar > #pageDescription > a {
    font-weight: 700;
    color: white;
    }

    .breadcrumb {
    background-color: black;
    }

    span.crust > a {
    color: white;
    background-color: black;
    }

    span.crust > .arrow {
    color: black;
    }

    span.crust > a > span {
    color: white;
    background-color: black;
    }

    #messageList > li {
    color: white;
    background-color: black;
    }

    #messageList > li > .messageUserInfo > .messageUserBlock {
    color: white;
    background-color: black;
    }

    #messageList > li > .messageUserInfo > .messageUserBlock > .userText > a > span {
    color: white;
    }

    #messageList > li > .messageUserInfo > .messageUserBlock > .avatarHolder {
    color: white;
    background-color: black;
    }

    #messageList > li > .messageUserInfo > .messageUserBlock > .avatarHolder > a > img {
    background-color: black;
    }

    #messageList > li > .messageUserInfo > .messageUserBlock > .extraUserInfo {
    color: white;
    background-color: black;
    }

    #messageList > li > .messageInfo {
    color: white;
    background-color: black;
    }

    .bbCodeBlock .quoteContainer {
    color: white;
    background-color: black;
    }

    .bbCodeBlock .attribution {
    color: white;
    background-color: black;
    }

    .PageNav > nav > a {
    color: white;
    background-color: black;
    }

    .quickReply {
    color: white;
    background-color: black;
    }

    .quickReply iframe {
    color: white;
    background-color: rgb(180, 180, 180);
    }

    .quickReply > .messageUserInfo > .messageUserBlock > .avatarHolder {
    color: white;
    background-color: black;
    }

    #QuickSearch {
    color: white;
    background-color: black;
    }

    #QuickSearch > .formPopup {
    color: white;
    background-color: black;
    }

    #QuickSearch > .formPopup > .primaryControls {
    color: white;
    background-color: black;
    }

    #QuickSearch > .formPopup > .primaryControls > #QuickSearchQuery {
    color: white;
    background-color: black;
    }

    #QuickSearch > .formPopup > .primaryControls > #QuickSearchQuery::placeholder {
    color: white
    }

    #QuickSearch > .formPopup .controlsWrapper {
    background: black none repeat-x top;
    border-radius: 5px;
    padding: 5px;
    margin: 5px 0;
    font-size: 11px;
    }

    .SpoilerTarget {
    color: white;
    background-color: black;
    }

    ul.tabs {
    border-bottom: none;

    color: white;
    background-color: black;
    }

    ul.tabs > li > a {
    color: white;
    background-color: black;
    }

    #ctrl_nodes {
    color: white;
    background-color: black;
    }

    input.textCtrl {
    color: white;
    background-color: black;
    }

    #calroot {
    color: white;
    background-color: black;
    }

    #calroot a {
    color: white;
    background-color: black;
    }

    #calroot #caltitle {
    color: white;
    background-color: black;
    }

    #calroot #caldays > span {
    color: white;
    background-color: black;
    }

    .sidebar > .section.visitorPanel > .secondaryContent {
    border-bottom: none;

    color: white;
    background-color: black;
    }

    .sidebar > .section.visitorPanel > .secondaryContent .pairsJustified > dt {
    color: white;
    }

    .sidebar > .section.userResults.avatarList > .secondaryContent {
    color: white;
    background-color: black;
    }

    .sidebar > .section.userResults.avatarList > .secondaryContent > h3 {
    border-radius: 0;
    }

    .time.muted {
    color: white;
    }

    .sidebar > .section.userResults.avatarList > .secondaryContent > ul > li.userResult {
    color: white;
    background-color: black;
    }

    .sidebar > .section.userResults.avatarList > .secondaryContent > ul > li.userResult > a.avatar > img {
    border-radius: 0;
    }

    .sidebar > .section.userResults.avatarList > .secondaryContent > ul > li.userResult > a.username > span {
    color: white;
    }

    .sidebar > .section.userResults.avatarList > .secondaryContent > ul > li.userResult > .userTitle {
    color: white;
    }

    .section.sectionMain.searchResults .searchResultsList > li {
    color: white;
    background-color: black;
    }

    .section.sectionMain.searchResults .searchResultsList > li > .listBlock.posterAvatar > a > img {
    background-color: black;
    }

    .section.sectionMain.searchResults .searchResultsList > li > .listBlock.main > .titleText > .title > a {
    color: white;
    }

    .section.sectionMain.searchResults .searchResultsList > li > .listBlock.main > .titleText > span {
    color: white;
    }

    .section.sectionMain.searchResults .searchResultsList > li > .listBlock.main > .snippet > a {
    color: white;
    }

    .section.sectionMain.searchResults .searchResultsList > li > .listBlock.main > .meta {
    color: white;
    }

    .section.sectionMain.searchResults .searchResultsList > li > .listBlock.main > .meta > a {
    color: white;
    font-weight: 700;
    }

    .searchResult, .primaryContent {
    border-bottom: none;
    }

    .sectionFooter.searchResultSummary {
    border-bottom: none;

    color: white;
    background-color: black;
    }

    p.explain {
    color: white;
    }

    .titleBar > h1 > a > em {
    font-weight: 700;

    color: white;
    }

    .linkGroup.SelectionCountContainer > a {
    color: white;
    }

    .nextLink {
    color: white;
    }

    .linkGroup > a {
    color: white;
    }

    #forums > li > .nodeList > li > .nodeInfo {
    color: white;
    background-color: black;
    }

    #forums > li > .nodeList > li > .nodeInfo > .nodeIcon > i {
    color: white;
    }

    #forums > li > .nodeList > li > .nodeInfo > .nodeText > .nodeTitle > a {
    color: white;
    }

    #forums .subForumList a {
    color: white;
    }

    abbr, .lastThreadDate {
    color: white;
    }

    .lastThreadTitle > a, .lastThreadUser > a {
    font-weight: 700;

    color: white;
    }

    #forums > li > .nodeInfo.linkNodeInfo {
    color: white;
    background-color: black;
    }

    #forums a[href^="link-forums/archived-forums"] {
    color: white;
    background-color: black;
    }

    .sidebar > .section.widget-container > .secondaryContent {
    color: white;
    background-color: black;
    }

    .sidebar > .section.widget-container > .secondaryContent > .userList > ol > li > a.username > span {
    color: white;
    }

    #widget-4 a.username {
    font-weight: 700;

    color: white;
    }

    .discussionListItems > li {
    color: white;
    background-color: black;
    }

    .discussionListItems > li > .listBlock.posterAvatar > a > img {
    background-color: black;
    }

    .discussionListItems > li > .listBlock.main > .titleText {
    color: white;
    background-color: black;
    }

    .discussionListItems > li > .listBlock.main > .titleText a {
    color: white;
    }

    .discussionListItems > li > .listBlock.main > .titleText a.username {
    font-weight: 700;
    }

    .discussionListItems > li > .listBlock.lastPost a {
    color: white;
    }

    .sectionFooter {
    color: white;
    background-color: black;
    }

    #DiscussionListOptionsHandle > a {
    color: white;
    }

    forum.DiscussionListOptions {
    color: white;
    }

    .secondaryContent {
    background-color: black;
    }

    #ctrl_order, #ctrl_direction {
    color: white;
    background-color: black;
    }

    #widget-3, #widget-12, #widget-2, #widget-4 {
    border-bottom: none;
    }

    #widget-2 .userTitle {
    color: white;
    }

    .sidebar img {
    background-color: black;
    }

    .redactor_toolbar {
    color: white;
    background-color: black;
    }

    .redactor_toolbar > li > ul > li > a {
    background-color: black;
    }

    .redactor_toolbar > li > ul > li > a::before {
    color: white;
    }

    .redactor_toolbar li.redactor_btn_group ul {
    box-shadow: none;
    border: 1px solid black;

    background-color: black;
    }

    Stuff that is working: Everything not mentioned below

    Stuff that is left to do: Some fields in your profile, the list when opening Members list, Recent activity, Watched forums, Alerts, Conversations
     
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.