Jump to content

Mod Browsing Overhaul Discussion

JustThatKing

By JustThatKing
in Site Updates

 Share

Recommended Posts

Yanoi Apprentice

Yanoi

Posted
Posted
  On 3/23/2025 at 5:42 PM, pilonexyz said:

Tried to replicate the old UI feel with Stylus extension on Firefox using LummoxJR template as a base.

Adjusted the horizontal spacing between images, made the title text to be on 1 row only and put back the orange.

This is what i got:

 

Image6.jpg

Expand  

 An improvement. 

Take my advice web designer. 

  • Like 1
Link to comment
Share on other sites
  • Replies 2.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

mfPixel
mfPixel

Hey everyone, head of design at Nexus Mods here - thanks for all the feedback so far. I wanted to provide some context for the recent search changes. The old search system made switching between

Posted Images

Knaxx Newbie

Knaxx

Posted
Posted

Can Popular Collections and More Mods get switched on the front page or can an option to turn off the Collections tab be added?  There is a lot of unused space on both sides of the front page.  It looks possible to put Trending Mods side by side with Popular Collections.  The filters tab with view all mods is in a better place and feels more fluid.

  • 100% 3
Link to comment
Share on other sites
theblackfist Apprentice

theblackfist

Posted
Posted

I vote to bring back the list view too! Really for all the reasons that @EagleFour mentioned.
 

  Quote

 

I feel the same way. A list view is much better and easier to read than tiles, where all the information is crammed together. It is extremely exhausting and much more difficult to skim quickly. I already notice that I hardly look for new mods anymore because reviewing them is exhausting.

I don't understand this design decision, a list view is ALWAYS clearer and easier to read than tiles. Tiles are not structured in this way and a page full of tiles looks totally cluttered.

Please bring back the list view.

 

Expand  



--theblackfist

  • Like 1
  • 100% 1
Link to comment
Share on other sites
zloybelka Rising Star

zloybelka

Posted
Posted (edited)
  On 3/28/2025 at 1:42 PM, pilonexyz said:

Restored all the missing button hover color animations and fixed the buttons in the posts tab.

Here's the code:

https://pixeldrain.com/u/eQfpjfuz (for 2 rows title in mods list page)

Imageok.jpg

Expand  

Thanks!

Also, I additionally redefined all specified colors through variables, making use of LummoxJR's imported themes for now. And brought back endorsements etc (ugh, they're orange now).

Switched #d98f40, #b4762c to background-color: var(--theme-primary);
and #b4772c to background-color: var(--theme-secondary);

Corrected some colors and nullified some border radii and added some more code at the bottom.

  Quote

/* ==UserStyle==
@name           nexusmods.com
@namespace      github.com/openstyles/stylus
@version        1.0.2
@description    More fixes and personal taste adjustments of Lummox JR original css v1.0.4
@author         Lummox JR; pilonexyz (more fixes); zloybelka, BleakBlack
@updateURL      https://raw.githubusercontent.com/LummoxJR/Nexusmods-style-fixes/refs/heads/main/nexusmods-fixes.css
==/UserStyle== */

@-moz-document domain("next.nexusmods.com"), domain("www.nexusmods.com") {
    /* Import fonts (use one of these for the mod header) */
    @import url('https://fonts.googleapis.com/css2?family=Cabin+Condensed:wght@400;500;600;700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');

    /* Awful big game-name header below breadcrumbs */
    #mainContent nav:first-child + div {
        display: none;
    }

    /* Get rid of egregious vertical padding */
    /*RANT
        CSS designers, name your classes according to their function, not the attributes you mean to apply. Classes should be things like mod-tile-title, mod-tile-footer, fileinfo-antivirus-status, etc.
        I know we're all guilty of this to some degree and I've done MUCH WORSE but please, these classes are bad */
    .pt-4, .pt-6, .py-4, .py-6 {padding-top: 0.5rem;}
    .pb-4, .pb-6, .py-4, .py-6 {padding-bottom: 0.5rem;}
    .pb-6 {display:none;}
    .mt-4, .mt-6, .my-4, .my-6 {margin-top: 0.5rem;}
    .mb-4, .mb-6, .my-4, .my-6 {margin-bottom: 0.5rem;}

    .pt-8, .py-8 {padding-top: 1rem;}
    .pb-8, .py-8 {padding-bottom: 1rem;}
    .pt-10, .py-10 {padding-top: 1.5rem;}
    .pb-10, .py-10 {padding-bottom: 1.5rem;}
    .mt-8, .my-8 {margin-top: 1rem;}
    .mb-8, .my-8 {margin-bottom: 1rem;}
    .mt-10, .my-10 {margin-top: 1.5rem;}
    .mb-10, .my-10 {margin-bottom: 1.5rem;}

    /* Holy frell, dudes, WHY? */
    .pt-20, .py-20 {padding-top: 1.5rem;}
    .pb-20, .pb-20 {padding-bottom: 1.5rem;}
    .pb-2 {padding-bottom: .1rem;}

    /* Get rid of egregious spacers */
    .space-y-6 > :not([hidden]) ~ :not([hidden]) {margin-top: 0.5rem; margin-bottom: 0.5rem;}
    .space-y-5 > :not([hidden]) ~ :not([hidden]) {margin-top: 0.5rem; margin-bottom: 0.5rem;}

    .space-y-5 > :last-child, .space-y-6 > :last-child {margin-bottom: 0;}

    /* Mod list has a ton of wasted vertical space */
    .group\/mod-tile {
        /* Don't enforce tile min-height */
        &.min-h-\[28rem\] {
            min-height: unset;
            border-radius: 0;
            background: #383838;
        }

        /* Radically reduce egregious padding */
        & > :nth-child(2) {padding-top: 0.2rem; padding-bottom: 0.2rem;}
        .py-2 {padding-top: 0.0rem; padding-bottom: 0.2rem;}
        .pt-2 {padding-top: 0.2rem;}
        
        .sm\:px-0 {padding-left: 0; padding-right: 0;}

        .font-semibold {font-weight:550; font-stretch: semi-condensed;}
        .text-danger-strong {--tw-text-opacity:1; color:rgb(248 113 113/var(--tw-text-opacity));
        }
        
        .divide-y > :not([hidden]) ~ :not([hidden]) {border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
        }
        
        
        /* Mod title font was too big */
        .typography-body-xl {    
            font-size: 1.05rem;
            -webkit-line-clamp: 2;
            color: rgb(225 225 225/var(--tw-text-opacity));
            margin-top: 0.5rem;
            *font-family: Roboto,sans-serif;
            line-height: 1.35;
            font-stretch: 50%;
            font-weight: 600;
        }

        .typography-body-xl:hover {   
            -webkit-line-clamp: 3;
              }
        
        /* Smaller text for author/category/times */
        .typography-body-sm {
            font-size: 0.75rem;
        /*color can't be changed with old theme palettes, change manually if you don't like orange*/
            color: rgb(217 143 64/var(--tw-text-opacity));
            *font-family: Inter,sans-serif;
            font-weight: 500;
            font-stretch: condensed;  
            margin-bottom: 0.4rem;
        }

        /* Description 1.5 line-height wasted space */
        .typography-body-md {
            line-height: 1.45;
            -webkit-line-clamp: 5;
            font-size: 0.90rem;
            color: #e1e1e1;
            font-weight: 300;
            font-stretch: normal;
            background-color: #383838;
    }  
        
        
        /* Bottom box with endorsements/downloads/size */
        .min-h-8 {
            min-height: 1.5rem;
            border-radius: 0;
            background: #2d2d2d;
    }
}
    
    .mods-grid, .profile-mods-grid {row-gap: 0.96rem;}
    
    .mods-grid {-moz-column-gap: 0.8rem; column-gap: 0.8rem;}
    
    .mods-grid {background-color: #444444;}
    
    
    /* Too much space between mods-grid and pagination */
    .xs\:mb-10 {margin-bottom: 1.5rem;}

    /* Remove wide gutters, but make allowances for very wide screens */
    .next-container {width: min(max(90%, 2000px), 100%);}
    
    /* Title on mod page */
    #featured h1 {
        /* Use a nice condensed font */
        *font-family: 'Saira Condensed','Cabin Condensed',sans-serif;
        font-family: 'bebas_neuebook';
        font-weight: normal;
        margin-bottom: 0.5rem;
}
    
    .tabcontent {position:relative; background:#444444;}
    ul.modtabs li:first-child a.selected {
    background:#444444;
}
    
    ul.modtabs li a.selected, .tabcontent {
    background:#444444;
}
    
    ul.modtabs li a {
    color: #f9f9f9;
    border-top: 0px solid var(--stroke-neutral-translucent-weak);
}
    
    span.alert {
    font-size: 11px;
    font-family: Roboto,sans-serif;
    background-color: var(--theme-primary);
    color: rgb(177 177 177/var(--tw-text-opacity));
    font-weight: 700;
    margin-left: 5px;
}
    
    .modtabs .alert {
    color: #f6eee5;
}
     
    /* Tag Button */
    
    a.btn.btnsmall.js-toggle, a.btn.btnsmall.popup-btn-ajax {
    font-size: 11px;
    padding: 5px 8px;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    background-color: var(--theme-primary);
    height: 1.6rem;
    border-radius: 0px;
    padding-top: 0.35rem;  
}
    
    a.btn.btnsmall.js-toggle:hover, a.btn.btnsmall.popup-btn-ajax:hover {
        background-color: var(--theme-primary);
    }
    
    ul.tags li a.btn, ul.tags li a.btn:visited {
    font-size: 11px;
        padding-top: 0.01rem;
        padding-bottom: 0.01rem;  
}
    

    h2 {font-family: 'bebas_neuebook';}
    
    .icon-plus, .icon-minus {padding-top: 0.1rem;
}
    
    .flex-copy {margin-bottom: 0.0rem;}
    *.inline-flex .icon {margin-bottom: 1.0rem;}

    .tabcontent {
    font-size: 14px;
    font-family: Roboto,sans-serif;
    letter-spacing: .3px;
    color: #f1f1f1;
}
    
    #action-nmm a.btn.inline-flex, #action-manual a.btn.inline-flex {
    height: 2.2rem;
    margin-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-top: 0.1rem;
        
}
    
    #action-nmm a.btn.inline-flex:hover, #action-manual a.btn.inline-flex:hover {
    background-color: var(--theme-secondary);
        
}
    
    .icon-manual {margin-top: 0.0rem}
    
    .btn.inline-flex .icon {display: flex;}
    
    .btn, a.btn, .btn:visited {
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-weight: 450;
    margin-bottom: 1.5rem;
    margin-top: 0.6rem;
    *height: 2.4rem;
    text-transform: uppercase;
    border-radius: 0px;
}
    
    a.btn.popup-btn-ajax {
    font-size: 12px;
    font-family: Roboto,sans-serif;
    margin-bottom: 1.4rem;
    margin-top: 0.1rem;
    height: 2.0rem;
    text-transform: uppercase;
    border-radius: 0px;
    color: #fff;
}
    
   .modactions .btn {
    margin-top: -0.05rem;
    height: 2.4rem;
}
    
    .drop-down ul.sublist {
    list-style: none;
    margin-top: -1.6rem;
    padding: 0 0 5px;
    background-color: rgb(0, 0, 0);
}
    
    .btn-inactive {
    opacity: .5;
    background-color: transparent;
    height: 1.8rem;
}
    
    .inline-flex .icon {
    margin-bottom: 0.0rem;
}
    
    ul.modactions li.dllabel {
    margin-top: 0.6rem;
}
    
    
    ul.actions li.report-abuse-btn:only-of-type {
    height: 2.4rem;
}
    
    .modpage .info-details .sideitem a.btn:last-of-type, .modpage .info-details .sideitem a.btn:only-of-type {
    height: 1.6rem;
}
    
    
    .report-abuse-btn, .button-share {
    border: 0px solid var(--stroke-neutral-translucent-moderate);
}
    
    
    .comments ul.actions .btn, .info a.btn {
    margin-top: -0.1rem;
    margin-bottom: 0.1rem;
    height: 1.75rem;
    color: #fff;
    background-color: var(--theme-primary);
    border: 0px solid var(--stroke-neutral-translucent-moderate);
        
}
    
    .comments ul.actions .btn:hover, .info a.btn:hover {
    background-color: var(--theme-secondary)!important;
    border: 0px solid var(--stroke-neutral-translucent-moderate);
        
}
    
    .comments > ol > li ol > li, a
    {border-radius: 0;
}
    
    
    .comment-search {
    margin-top: -1.8rem;
}
    
    body {
    *line-height: 1.0;
        font-size: 12px;

}
    
    #featured #feature #pagetitle {
    position: absolute;
    top: 63%;
}
 
    .rj-btn, a.rj-btn, button.rj-btn {
    border-radius: 0;
}
    
    h2#description_tab_h2 {
    margin-bottom: 1rem;
    margin-top: 2rem;
}
    
    #description_tab_h2 {
    font-size: 30px;
}
    
    ul.actions {
    margin-bottom: -1rem;
}

    .accordion dd {
    background-color: #383838;
}
    
    .accordion dt.accopen {
    background-color: #2d2d2d;
}
    
    .accordion dt {
    background-color: #383838;
}
    
    .accordion dt:hover {
    background-color: #414141;
}
    
    .accordion-downloads a.btn.inline-flex:hover {
    background-color: var(--theme-secondary);
}
    
        .accordion-downloads a.btn.inline-flex {
    height: 2.0rem;
}
    
    .container a, .popup a {
    font-family: Roboto,sans-serif;
    font-weight: 500;
    *margin-top: 0.0rem;
    *margin-bottom: 0.0rem;
}
    
    .tabbed-block:last-of-type {
    margin-top: -0.93rem;
    margin-bottom: 0.0rem;
}
    
    .file-category-header {
    margin-top: 1.9rem;
    margin-bottom: -0.04rem;
}
    
    .new-premium-banner__actions > a.btn {
    height: 2.2rem;
    margin-top: -0.50rem;
    padding-top: 0.62rem;
    margin-bottom: -0.50rem;
    background-color: var(--theme-primary);
}
    .new-premium-banner__actions > a.btn:hover {
    background-color: var(--theme-secondary);    
}
    
    .premium-banner a.btn {
    font-size: 12px;
    font-family: Roboto,sans-serif;
    color: #f1f1f1;
    background-color: var(--theme-primary);
    border: 0px solid var(--translucent-dark-500);
    margin-top: -0.50rem;
    padding-top: 0.60rem;
    margin-bottom: -0.50rem;
    height: 2.2rem;
}
    
    .premium-banner a.btn:hover {
    background-color: var(--theme-secondary);
}
    
    .comments ul.actions .btn, .info a.btn {
    margin-top: -0.1rem;
    margin-bottom: 0.1rem;
    height: 1.75rem;
    color: #fff;
}
    
    /* Gradient on mod page covers too much of the header image */
    /*#featured #feature .gradient {height: 200px;}*/
    /* Too much padding at bottom of header */
    #featured #pagetitle {padding-bottom: 0.5rem;}

    /* Description tab of mod page has way too much padding */
    .tab-description {padding-top: 1rem; padding-bottom: 1rem;}
    .tab-description ~ .mod_description_container {padding-top: 0;}

    /* "About this mod" text is useless and wastes space */
    #description_tab_h2 {font-family: bebas_neuebook;
    font-weight: 400;}

    /* Mod image gallery doesn't need the counter unless we hover */
    #sidebargallery.modimages .counter {transition: opacity 0.33s;}
    #sidebargallery.modimages:not(:hover) .counter {opacity: 0;}

    /* Too much vertical padding around thumbnail gallery */
    #sidebargallery ul.thumbgallery {padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.1rem; padding-right: 0.1rem;}

    /* File info area has too much vertical padding; SHOULD BE ZERO! */
    /* Only do this after thumbnail gallery because this is also used for article info that does need padding */
    .modpage .info-details .sidebargallery + #fileinfo {padding-top: 0; padding-bottom: 0;}

    /* Antivirus status has bogus inline styles that add vertical size */
    .modpage #fileinfo .sideitem:last-child > div {height: auto !important; top: unset !important;}
    
    /* Too much padding for tags and we don't need a header */
    /*.modpage .sideitems.side-tags {padding-top: 0.5rem; padding-bottom: 0.5rem;}*/
    .modpage .sideitems.side-tags h2 {font-family: 'bebas_neuebook'; font-size: 1.50rem;}
    

    /* Keep the same color as other links */
    /*.modtabs .alert {color: var(--theme-primary);}*/

    /* Share and report buttons should be up in the header, not in the middle of the page wasting space. Until these are moved, hide them. (Yes, it does mean you need to turn off the styles to report a mod or use the share button. Keep pestering Nexus, politely, to move them.) */
    
    /* Why is there a margin here? Why? */
    .tab-description .accordionitems {margin-bottom: 0;}
    
    /* Comment count on posts tab has needless top padding */
    #comment-count {padding-top: 0;}
    /* Too big a margin below comment page nav */
    .comments .comment-nav {margin-bottom: 0.5rem;}

    /* Article page title area has too much bottom padding, inconsistent with mod page */
    #featured #feature.blank #pagetitle {padding-bottom: 0.5rem;}

    /* Article page background is weirdly bright compared to description */
    .articlepage article {background-color: var(--surface-mid);}

    /* Make numerical lists more like bullet lists so they indent properly */
    ul.content_list_ordered > li {margin-left: 20px;}

    /* Comments below article have extra space they don't need */
    .container ~ #comment-container {padding-top: 0;}

    /* Give back the nice background image */
    body::before {
        background-image: url('/assets/images/default/bg_game_index.jpg');
        height: 100%;
        filter: none;
    }

    /* Game overview page */

    /* Trending Mods section is huge and needs tweaking */
    section[aria-labelledby="trending-mods-header"] {
        /* 2nd div has the content; 1st has the header */
        & > div:nth-of-type(2) {
            display: grid;
            grid-template-columns: auto 30%;
            grid-column-gap: 1.5rem;
            /* Divider we don't need or want */
            hr {display: none;}
            /* Smaller section below the two big tiles */
            & > div:nth-of-type(2) {
                margin: 0;
                grid-template-columns: repeat(2, minmax(0,1fr));
                grid-auto-rows: minmax(min-content, 1fr);
                grid-column-gap: 1.5rem;
                grid-row-gap: 1rem;
            }
        }
    }

    /* LOL bye */
    section[aria-labelledby="popular-collections-header"] {
        display: none;
    }

    section[aria-labelledby="more-mods-header"] {
        /* Move the time button in More Mods next to the other buttons */
        div.flex.sm\:flex-row {
            div:first-child {width: auto;}
            button:nth-child(2) {margin-left: unset;}
        }
    }

    .news-grid {
        /* What's up with those huge titles? */
        .typography-heading-sm {font-size: 1.2rem;}
    }
    
    
    
    /* Theme colors Nexus wanted to remove for some reason */
    body.scheme-theme-ReskinBlue {
        --theme-primary: #57a5cc !important;
        --theme-primary-translucent: #57a5ccd8 !important;
        --theme-secondary: #4584a3 !important;
        --theme-dark: #356983 !important
    }
    body.scheme-theme-Fallout {
        --theme-primary: #92ab20 !important;
        --theme-primary-translucent: #92ab20d8 !important;
        --theme-secondary: #a4c21e !important;
        --theme-dark: #545e24 !important
    }
    body.scheme-theme-Purple {
        --theme-primary: #9561de !important;
        --theme-primary-translucent: #9561ded8 !important;
        --theme-secondary: #a275d3 !important;
        --theme-dark: #4700aa !important
    }
    body.scheme-theme-LighterBlue {
        --theme-primary: #679fd6 !important;
        --theme-primary-translucent: #679fd6d8 !important;
        --theme-secondary: #7ab1e8 !important;
        --theme-dark: #4475a6 !important
    }
    body.scheme-theme-BatmanBlue {
        --theme-primary: #7495b0 !important;
        --theme-primary-translucent: #7495b0d8 !important;
        --theme-secondary: #86aece !important;
        --theme-dark: #296291 !important
    }
    body.scheme-theme-Burgundy {
        --theme-primary: #bf4848 !important;
        --theme-primary-translucent: #bf4848d8 !important;
        --theme-secondary: #e27171;
        --theme-dark: #9d3939
    }
    body.scheme-theme-Teal {
        --theme-primary: #598a9f !important;
        --theme-primary-translucent: #598a9fd8 !important;
        --theme-secondary: #76a3b7 !important;
        --theme-dark: #184a60 !important
    }
    body.scheme-theme-Sepia {
        --theme-primary: #a5704f !important;
        --theme-primary-translucent: #a5704fd8 !important;
        --theme-secondary: #9a7d6b !important;
        --theme-dark: #604331 !important
    }
    body.scheme-theme-Gold {
        --theme-primary: #b99d3e !important;
        --theme-primary-translucent: #b99d3ed8 !important;
        --theme-secondary: #dfba3b !important;
        --theme-dark: #c77f18 !important
    }
    body.scheme-theme-PaleBrown {
        --theme-primary: #8e7f5f !important;
        --theme-primary-translucent: #8e7f5fd8 !important;
        --theme-secondary: #a68f5e !important;
        --theme-dark: #584a2d !important
    }
    body.scheme-theme-DeepOrange {
        --theme-primary: #e6832b !important;
        --theme-primary-translucent: #e6832bd8 !important;
        --theme-secondary: #faa431 !important;
        --theme-dark: #a7540a !important
    }
    body.scheme-theme-DarkYellow {
        --theme-primary: #b7b60f !important;
        --theme-primary-translucent: #b7b60fd8 !important;
        --theme-secondary: #e7d528 !important;
        --theme-dark: #e09d05 !important
    }
    body.scheme-theme-DarkRose {
        --theme-primary: #976060 !important;
        --theme-primary-translucent: #976060d8 !important;
        --theme-secondary: #bf8282 !important;
        --theme-dark: #6a1f1f !important
    }
    body.scheme-theme-VioletBlue {
        --theme-primary: #576eca !important;
        --theme-primary-translucent: #576ecad8 !important;
        --theme-secondary: #a4a9e1 !important;
        --theme-dark: #4955da !important
    }
    body.scheme-theme-Brown {
        --theme-primary: #502c15 !important;
        --theme-primary-translucent: #502c15d8 !important;
        --theme-secondary: #996240 !important;
        --theme-dark: #3a1b07 !important
    }
    body.scheme-theme-Sienna {
        --theme-primary: #8f482c !important;
        --theme-primary-translucent: #8f482cd8 !important;
        --theme-secondary: #bc6d4e !important;
        --theme-dark: #531f0b !important
    }
    body.scheme-theme-TankGrey {
        --theme-primary: #a7a785 !important;
        --theme-primary-translucent: #a7a785d8 !important;
        --theme-secondary: #969673 !important;
        --theme-dark: #41412c !important
    }
    body.scheme-theme-MossGreen {
        --theme-primary: #9d9d5a !important;
        --theme-primary-translucent: #9d9d5ad8 !important;
        --theme-secondary: #c6c665 !important;
        --theme-dark: #426535 !important
    }
    body.scheme-theme-DeepBlue {    /* Skyrim SE */
        --theme-primary: #8197ec !important;
        --theme-primary-translucent: #8197ecd8 !important;
        --theme-secondary: #a4b7ff !important;
        --theme-dark: #0e37da !important
    }
    body.scheme-theme-MediumBrown {
        --theme-primary: #b36f3a !important;
        --theme-primary-translucent: #b36f3ad8 !important;
        --theme-secondary: #7f613a !important;
        --theme-dark: #502706 !important
    }
    body.scheme-theme-Salmon {
        --theme-primary: #fc4f49 !important;
        --theme-primary-translucent: #fc4f49d8 !important;
        --theme-secondary: #ff5f54 !important;
        --theme-dark: #ee0013 !important
    }
    body.scheme-theme-RDR2Red {
        --theme-primary: #dc1a0e !important;
        --theme-primary-translucent: #dc1a0ed8 !important;
        --theme-secondary: #cc0019 !important;
        --theme-dark: #cc0019 !important
    }
    
    .modpage .sideitems, ul.modtabs, ul.modtabs li, #sidebargallery, section#rj-vortex {
         background-color: #222222;
    }
    
    .container ~ #comment-container, .col-1-1 > .container {
        background: #444444;
    }
    
    .img-wrapper, .comments .comment-head, ul.thumbgallery .thumb a, ul.thumbgallery li figure, #featured #feature.blank #pagetitle, .modpage .info-details #fileinfo {
        background: #2d2d2d;
    }
    
    .comments .comment-content {
        color: #e1e1e1;
    }
    
    /*Main game page*/
    .pt-20 {
        background: #444444;
    }
    ::after, ::before {
  --tw-content: none;
    }
    .px-3\.5 {
        border-radius: 2px;
    }
    .rounded-t { /* straightens corners on More mods tiles, but not on Trending or Media*/
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .\!bg-surface-mid {
        background-color: #2d2d2d !important;
    }
    
    /*smaller search bar, it's a fake anyway, 8rem instead of 28rem*/
    .lg\:pr-2 {
         max-width: 8rem;
    }
    
    /*--- some BleakBlack's beta CSS from https://forums.nexusmods.com/topic/13507498-mod-browsing-overhaul-discussion/?do=findComment&comment=130490615
    edited by zb for the current version 03/29
    Navbar - Game Name: remove close button, double max width (zb: can't remove close button on main game pages, only works on mod pages themselves) ---*/
    .nav-current-game > a:first-child, .pl-1 {
        border-radius: .25rem;
        max-width: 16rem;
    }
    .nav-current-game > a:last-child {
        display: none;
    }  
    /*no Go Premium banner*/
    .md\:px-8, .bg-gradient-to-r, .gap-y-6 {
        display: none;
    }
}

Expand  

Still no spoiler button, whatever.

Edited by zloybelka
small addition
  • Like 1
  • Thanks 1
Link to comment
Share on other sites
zloybelka Rising Star

zloybelka

Posted
Posted (edited)

Doing this instead of something nice 🥱🤬🤬🤬

 

  On 3/28/2025 at 2:23 PM, showler said:

At least ask for old styles and colors back, not a demand to be able to use the old site as it was.

Expand  

We certainly did.

Edited by zloybelka
  • Like 3
Link to comment
Share on other sites
problematicblender Newbie

problematicblender

Posted
Posted

Another day, another website thats UI must be fixed with Tapermonkey and Stylus installs after overpaid UI designers come through and destroy everything. The work of God rests in the hands of the common man who must do the charity work of saving everyone's eyes from overstimulating and cluttered UI changes, because those who got paid to do this either were lead by the woefully misinformed or have deluded themselves entirely in the pursuit of not being wrong. I will, forever and always, be more willing to give money to these folk than a website that is run by people that cannot take criticism.

Your guyses next big move should be blocking ad blockers entirely. I think that would genuinely be the best thing for this site at this point.

  • Like 2
  • 100% 1
Link to comment
Share on other sites
agnaaiu Newbie

agnaaiu

Posted
Posted

I don't like the new layout. It takes up way too much space and has the wrong order of priorities. Why would I ever want collections to come before newly added mods? New Mods is something I want to check several times a week, Collections is something I check once in a lifetime.

Also, where are the favorites now? The most important sections to keep up with tracked mods, topics and see new comments on them. The new design is not really a step forward when it comes to functionality, which should be the most important thing for a website. I've noticed myself that I use the site a lot less than I used to and probably only go back sporadically to see if my used mods have been updated and that's it.

TL;DR Not a fan!

  • Like 10
  • 100% 1
Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...