Custom CSS user improvements for nu-Dex

[†††]

EDIT: It's down because the image you're using is down. Did you by chance save a copy of it? I could upload it to a different image sharing website.

imgbb's server is down that's why. I guess it was the Chrono Trigger overworld?

 

[FA7]

Just made custom css for dex. It's bit messy and not really in a finished state, but thought I might as well post it, as I probably won't have much more time to work on it. You need stylus browser extension to run it.

Here's code you need to paste as new script:

/* ==UserStyle==
@name           RPGCodex Arc Dark Theme
@namespace      FA7
@author         FA7
@version        0.1
}

==/UserStyle== */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("rpgcodex.net") {

body {
    background-color: #313541 !important;
}

html {
 color: #70788f;
}
   
.block-outer {
  padding-bottom: 1px;
}
   
.p-nav, .p-nav-opposite, .p-navgroup-link, .p-navgroup, .p-account, .p-navgroup--member {
  background-color: #383c4a !important;
  background: #495060 !important;
  border: none !important;
}
.button.button--link, a.button.button--link, .button.button--cta, a.button.button--cta {
  background: #383c4a;
  border-color: #4d5565 #636d81 #636d81 #4d5565;
}
.buttonGroup > .button:not(:first-child) {
  border-left: 1px solid #495060 !important;
}
   
.p-sectionLinks {
  background-color: #383c4a !important;
}
    .block-filterBar {
        background: #383c4a !important;
    }
   
.block--messages .message:nth-child(2n+1), .block--messages .message:nth-child(2n) {
  background: #383c4a !important;
  background-color: #383c4a !important;
  border-top: 1px solid #495060 !important;
  border-bottom: 0 !important;
  margin: 2px 2 0 0 !important;
}  

.bbCodeBlock-content {
  background-color: #495060 !important;
  border-left-width: 1px !important;
  border: 1px solid #70788f !important;
  padding: 0px 1px !important;
}

.bbCodeBlock-expandLink {
  display: none;
  position: absolute;
  top: 270px;
  left: 0;
  right: 0;
  height: 250px;
  cursor: pointer;
  z-index: 100;
  background: transparent;
  background: linear-gradient(to bottom, rgba(40,50,70,0) 0%, #3b3f4d 80%);
}
    .block-header, .block-container, .block-footer, .structItemContainer-group--sticky, .tabs--standalone {
    background: #383c4a !important;
    background-color: #383c4a !important;
    }
   
    .structItem-pageJump a, .structItem--thread > .structItem-cell > .structItem-minor > .structItem-pageJump a, .structItem--thread {
        background-color: #383c4a !important;
        color: #70788f !important;
        border-color: #586173 !important;
    }
   
    .structItem--thread > .structItem-cell > .structItem-minor > .structItem-pageJump a:hover {
        color: #a4b0d1 !important;
    }
   
    .fr-box.fr-basic, .fr-box.fr-basic.is-focused .fr-toolbar.fr-top {
        background: #495060 !important;
    }
   
    .bbCodeBlock-title {
        color: #a4b0d1 !important;
    }
   
    .samItem {
        display: none !important;
    }
    .pageNav-jump, .pageNav-page {
        background: #383c4a !important;
        background-color: #383c4a !important;
        border: 1px solid #495060 !important;
        margin-top: 1px;
        margin-bottom: 1px;
    }
    .pageNav-page.pageNav-page--current {
        border: 1px solid #70788f !important;
    }
    .avatar {
        border: 1px solid #495060 !important;
    }
   
    .pairs > dt, .structItem-minor {
        color: #70788f !important;
    }
   
    .block-textHeader, .file-info {
        color: #70788f !important;
    }
   
    .menu-header, .menu-content, .input, .iconic > i, .menu-footer {
        color: #70788f !important;
        background: #383c4a !important;
    }
.message-attribution {
  border-bottom: 1px solid #495060 !important;
}
.message-signature {
  border-top: 1px solid #495060 !important;
}
.sv-rating-bar__ratings {
  border-radius: 0px !important;
  border: 1px solid #495060 !important;
}
.message-cell.message-cell--user {
  border-right: 1px solid #495060 !important;
}
    .p-title {
        color: #70788f !important;
        border-color: #495060;
    }
    .label {
        color: #70788f !important;
        background: #383c4a !important;
        background-color: #383c4a !important;
        border: 1px solid #586173 !important;
        padding: 0px 4px 1px 4px !important;
    }
   
    .button, a.button {
        color: #70788f !important;
        background: #383c4a !important;
        background-color: #383c4a !important;
        border: 1px solid #586173 !important;
        margin-top: 1px;
        margin-bottom: 1px;
    }
    .message-responseRow {
        background: #383c4a !important;
        background-color: #383c4a !important;
    }
    .message + .message {
        border-top: 1px solid #586173 !important;
    }
   
    .input {
        background: #495060 !important;
    }
    .fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn,.button.button--primary, a.button.button--primary {
        color: #70788f !important;
    }
 
a {
    color: #70788f !important;
    text-decoration-color: #70788f !important;
}
    a:hover{
        color: #a4b0d1 !important;
        text-decoration-color: #a4b0d1 !important;
    }
   
.bbCodeBlock-content {
  position: relative;
  padding: 0px 5px;
  padding-bottom: 12px;
}
.bbCodeBlock {
  margin-left: 20px !important;
  margin-right: 20px !important;
  margin-bottom: 0em !important;
  margin-top: 0em !important;
  background-color: inherit !important;
}
   
    .bbCodeBlock--spoiler {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .bbCodeBlock-title{
        padding: 0px 0px 0px 0px !important;
    }
.block--messages .message, .block--messages .block-row, .block-container {
  color: #8996b5;
}
   
.userBanner {
  background-color: #66738c !important;
  border-color: #495060 !important;
 
}
    .message-user .userBanner--staff > strong {
         color: #8996b5 !important;
    }
   
.p-body-pageContent > .tabs--standalone:first-child {
  margin-bottom: 1px;
}
.p-footer-copyright,.samUnitWrapper {
        display: none !important;
}
}

Here's how it looks:

 

[Glop_dweller]

/* Filter for URLs on the domain of rpgcodex.com */

IMG[src*='RetardedDancingDonut.gif']
{
    content:URL("data:image/gif;base64,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") !important;

}

Alternate:

/* Filter for URLs on the domain of rpgcodex.com */

IMG[src*='RetardedDancingDonut.gif']
{
    content:URL("data:image/png;base64,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") !important;

}

 

[FA7]

Here's update to a theme. Some features:
- added that neat background stolen from this thread
- removed red !!alarm!! style notification
- space efficient quotes
- reduced max width of main window for easier reading
- permanent thread navigation arrows in bottom right corners

/* ==UserStyle==
@name           RPGCodex Arc Dark Theme
@namespace      FA7
@author         FA7
@version        0.1
}

==/UserStyle== */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("https://rpgcodex.net/forums/") {

body {
background-color: #313541 !important;
background: #383838 url('https://i.ibb.co/r54zN5z/57035.png') repeat !important;
}

html {
color: #a4b0d1 !important;
}

/* reducing width operation */
.p-body-inner {
max-width: 900px;
}
.p-body-sideNavCol, .p-body-sidebarCol {
width: 240px;
}

.node-main {
padding: 9px 5px 9px 12px;
width: 70%;
}
.node-stats {
width: 40px !important;
}

.node-stats > dl.pairs.pairs--rows {
padding: 0px;
}

.node-extra-row {
margin-right: 5px;
color:#70788f;
}

.block--category > .block-container > .block-body > .node > .node-body > .node-extra {
width: 240px;
}

/* icons */
.subNodeLink.subNodeLink--unread::before, .subNodeLink.subNodeLink--unread .subNodeLink-icon {
color: #a4b0d1;
}

.subNodeLink::before, .subNodeLink .subNodeLink-icon {
color: #70788f;
}

/* center top title */
.p-title-value {
color: #d9d9d9 !important;
margin: auto;
padding: 0px 7px 4px 7px;
border-radius: 0px !important;
}

a {
color: #70788f !important;
text-decoration: none !important;
}

a:hover{
color: #a4b0d1 !important;
text-decoration: none !important;
}

.p-title, .p-breadcrumbs a, .p-description, .p-breadcrumbs > li::after {
color: #d9d9d9 !important;
}

/* always show nav button on bottom right */

.u-scrollButtons {
display: block;
opacity: 1;
}

.message-attribution {
color: #70788f !important;
border-bottom: 1px solid #495060 !important;
text-decoration: none !important;
}

.message-attribution a:hover {
text-decoration: none !important;
}

/*  */
.block--messages .message, .block--messages .block-row, .block-container, .block-header {
color: #8996b5;
}

.block-minorHeader {
color: #70788f;   
}

.sv-rating-bar__ratings {
border-radius: 0px !important;
border: 1px solid #495060 !important;
}

.bbCodeInlineSpoiler, .bbCodeInlineSpoiler:hover {
filter: blur(3px);
cursor: pointer;
padding: 5px;
}
.contentRow-main {
color: #70788f;
}

.block-outer {
padding-bottom: 1px;
}

.message-signature {
max-height: 100% !important;
overflow: hidden !important;
}
.p-nav, .p-nav-opposite, .p-navgroup-link, .p-navgroup, .p-account, .p-navgroup--member {
background-color: #383c4a !important;
background: #495060 !important;
border: none !important;
}

/* alerts icon thing */
.p-navgroup-link.badgeContainer::after {
padding: 1px 3px 1px 3px !important;
border-radius: 2px;
}

.badge.badge--highlighted, .badgeContainer.badgeContainer--highlighted::after {
background: transparent;
color:#a4b0d1;
}

.p-nav-list .p-navEl.is-selected {
color: #98a0b2;
font-weight: 700;
background: #495060;
border: 1px solid #636d81 !important;
}

.cdx-nav-menu ul {
background: #383c4a !important;
border: none !important;
}

.cdx-nav-menu li {
background: #383c4a !important;
border: 1px solid #636d81 !important;
margin: 1px;
}

.cdx-nav-menu::before {
content: "";
height: 1px;
width: 100%;
display: block;
background: #383c4a !important;
/* background: url('/system/templates/rexblue/images/troll/bkgrnd_topline.png'); */
}

.cdx-nav-menu::after {
content: "";
height: 1px;
width: 100%;
display: block;
background: #383c4a !important;
/* background: url('/system/templates/rexblue/images/troll/bkgrnd_bottomline.png'); */
}

.topBanners {
display: none !important;
}

.button.button--link, a.button.button--link, .button.button--cta, a.button.button--cta {
background: #383c4a;
border-color: #4d5565 #636d81 #636d81 #4d5565;
}
.buttonGroup > .button:not(:first-child) {
border-left: 1px solid #495060 !important;
}

.p-sectionLinks {
background-color: #383c4a !important;
}
.block-filterBar {
background: #383c4a !important;
}

.tagItem {
background: #383c4a !important;
}

.structItem-status::before {
color: #70788f;
}

.block--messages .message:nth-child(2n+1), .block--messages .message:nth-child(2n) {
background: #383c4a !important;
background-color: #383c4a !important;
border-top: 1px solid #495060 !important;
border-bottom: 0 !important;
margin: 2px 2 0 0 !important;
} 

.fr-view blockquote {
background-color:#383c4a !important;
border-left:3px solid #70788f !important;
}

.fr-view blockquote[data-quote]::before {
background-color:#2b2d33 !important;     
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown::after {
border-top: 4px solid #70788f;
}

.bbCodeBlock-content {
background-color: #495060 !important;
border-left-width: 1px !important;
border: 1px solid #70788f !important;
padding: 0px 1px !important;
}

.bbCodeBlock-expandLink {
display: none;
position: absolute;
top: 250px;
left: 0;
right: 0;
height: 250px;
cursor: pointer;
z-index: 100;
background: transparent;
background: linear-gradient(to bottom, rgba(40,50,70,0) 0%, #3b3f4d 80%);
}

.block-header, .block-container, .block-footer, .structItemContainer-group--sticky, .tabs--standalone {
background: #383c4a !important;
background-color: #383c4a !important;
}


.structItem-pageJump a, .structItem--thread > .structItem-cell > .structItem-minor > .structItem-pageJump a, .structItem--thread {
background-color: #383c4a !important;
color: #70788f !important;
border-color: #586173 !important;
}

.structItem--thread > .structItem-cell > .structItem-minor > .structItem-pageJump a:hover {
color: #a4b0d1 !important;
}

.structItem--thread > .structItem-cell > .structItem-minor > .structItem-pageJump {
background-color: #495060 !important;
display: inline !important;
}

.fr-box.fr-basic, .fr-box.fr-basic.is-focused .fr-toolbar.fr-top {
background: #495060 !important;
}

.bbCodeBlock-title {
color: #a4b0d1 !important;
}

.message-body iframe, .message-body [data-s9e-mediaembed] {
max-width: 360px;
max-height: 450px;
}

.bbCodeBlock--spoiler .bbCodeBlock .bbCodeBlock-content {
background: #383c4a !important;
background-color: #383c4a !important;
}

.samItem {
display: none !important;
}

.pageNav-jump, .pageNav-page {
background: #383c4a !important;
background-color: #383c4a !important;
border: 1px solid #495060 !important;
margin-top: 1px;
margin-bottom: 1px;
}

.pageNav-page.pageNav-page--current {
border: 1px solid #70788f !important;
}
.avatar {
border: 1px solid #495060 !important;
}

.pairs > dt, .structItem-minor {
color: #70788f !important;
}

.block-textHeader, .file-info {
color: #70788f !important;
}

.menu-header, .menu-content, .input, .iconic > i, .menu-footer, .alert {
color: #70788f !important;
background: #383c4a !important;
}

.menu-content {
border-top: 3px solid #70788f;
}
.menu-arrow {
border-bottom-color: #70788f;
}

.menu-tabHeader .tabs-tab.is-active {
border-color: transparent;
}
.message-signature {
border-top: 1px solid #495060 !important;
}

.message-cell.message-cell--user {
border-right: 1px solid #495060 !important;
}

.label {
color: #70788f !important;
background: #383c4a !important;
background-color: #383c4a !important;
border: 1px solid #586173 !important;
padding: 0px 4px 1px 4px !important;
}

.button, a.button {
color: #70788f !important;
background: #383c4a !important;
background-color: #383c4a !important;
border: 1px solid #586173 !important;
margin-top: 1px;
margin-bottom: 1px;
}

.bbCodeSpoiler-button {
margin: 0px !important;
padding: 0px 4px 2px 4px !important;
}
.message-responseRow {
background: #383c4a !important;
background-color: #383c4a !important;
}
.message + .message {
border-top: 1px solid #586173 !important;
}

.input {
background: #495060 !important;
}
.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn,.button.button--primary, a.button.button--primary {
color: #70788f !important;
}

.bbCodeBlock-content {
position: relative;
padding: 0px 5px;
padding-bottom: 12px;

}
.bbCodeBlock {
margin-left: 20px !important;
margin-right: 20px !important;
margin-bottom: 2px !important;
margin-top: 2px !important;
background-color: inherit !important;
}

.bbCodeBlock--spoiler {
margin-left: 0px !important;
margin-right: 0px !important;
}
.bbCodeBlock-title{
padding: 0px 0px 0px 0px !important;
}

.menu-row.menu-row--alt {
background-color: #495060 !important;
color: #70788f !important;
}
.contentRow-minor{
color: #70788f !important;
}
.userBanner {
background-color: #66738c !important;
border-color: #495060 !important;
}
.message-user .userBanner--staff > strong {
color: #8996b5 !important;
}

.p-body-pageContent > .tabs--standalone:first-child {
margin-bottom: 10px;
}

.tabs--standalone .tabs-tab.is-active {
border-color: #70788f;
}

.p-footer-row, .p-footer-inner {
display:none !important;
}

.p-footer-copyright,.samUnitWrapper, .u-bottomFixer {
display: none !important;
}

.message-avatar-online {
display: none !important;
}

.video-stream {
display: none !important;
}

}

 

[Chanel Oberlin]

You're gonna end up blind with that text color.

 

[FA7]

Why tho?

 

[Chanel Oberlin]

Why tho?

Low contrast between text and background colors

 

[FA7]

Contrast is fine by any standard currently in use. Check this one out:
https://www.siegemedia.com/contrast-ratio##a4b0d1-on-#383c4a

And in general it's actually recommended to NOT use black on white or vice versa, as it is causing more eye strain as opposed to slightly less contrasty options.

 

[Chanel Oberlin]

And in general it's actually recommended to NOT use black on white

Thousands of years reading and turns out we were doing it wrong. Thanks, algorithm.

 

[FA7]

SPOILER ALERT

Spoiler

paper isn't pure white, and ink isn't pure black

 

[Chanel Oberlin]

paper isn't pure white, and ink isn't pure black

Neither is my screen

OLED owners: owned.

 

[Lutte]

Finally, a LIGHT THEME for people who do not shrivel under sun light.

@-moz-document url-prefix("https://rpgcodex.net/forums/") {
    :root {
        --primary1: grey;
        --primary2: silver;
        --primary3: white;
        --secondary1: #F5F7FA;
        --secondary2: black;
        --secondary3: red;
    }
    body {
        background: var(--secondary1);
        color: var(--secondary2);
    }
    .node-main,
    .node-icon,
    .node-stats,
    .node-description,
    .node-extra-row,
    .node-extra,
    .pairs > dt,
    .blockLink:hover,
    .block-body dt,
    .block-body dd,
    .formSubmitRow-controls,
    .formSubmitRow-bar,
    .pageNav-page:hover > a,
    .fr-toolbar *,
    .fr-desktop *,
    .pageNav-jump:hover,
    .memberHeader-content,
    .tooltip-content *,
    .xfPreview,
    .pollResult {
        background: var(--primary3);
        color: var(--secondary2);
    }
    a:hover,
    .fauxBlockLink,
    .text-area,
    .inputChoices-explain,
    .formRow .formRow-explain,
    .structItem-minor a,
    a.bbCodeBlock-sourceJump,
    .bbWrapper,
    .fr-view p,
    .contentRow-minor {
        color: var(--secondary2);
    }
    .block-header,
    .p-nav,
    .pageNav-page > a,
    .pageNav-jump,
    .block-footer,
    .block-row,
    .fr-view blockquote[data-quote]:before,
    .alert.is-unread {
        background: var(--primary1);
    }
    .input:focus,
    .input.is-focused,
    .inputGroup:focus-within,
    #XF .fr-box.fr-basic.is-focused,
    .codeEditor.CodeMirror.CodeMirror-focused,
    .blockLink.is-selected,
    .block-filterBar,
    .tagItem,
    .overlay-title {
        background: var(--primary1);
        color: var(--primary3);
    }
    a,
    h1,
    .menu a,
    .menu-tabHeader .tabs-tab.is-active,
    .p-description {
        color: var(--primary1);
    }
    .p-body-sidebar *,
    .p-sectionLinks,
    .is-selected *,
    .p-nav-list .p-navEl.is-selected,
    .contentRow,
    .menu-row.menu-row--alt,
    .menu-tabHeader,
    a.button.button--link,
    .fr-view,
    .fr-box.fr-basic.is-focused .fr-element,
    .block-formSectionHeader,
    .menu-header,
    .menu-footer,
    .menu-footer-main,
    .listInline.listInline--bullet * {
        background: var(--primary3);
        color: var(--primary1);
    }
    .button,
    a.button,
    .button.button--cta.button,
    .button.button--primary,
    a.button.button--primary,
    .fr-view blockquote {
        background: var(--primary3);
        background-color: var(--primary3);
        color: var(--primary1);
        border-top-color: var(--primary1);
    }
    .input,
    .block-row,
    .bbCodeBlock-title,
    .memberOverviewBlock-seeMore,
    .fr-popup *,
    .fr-toolbar * {
        background: var(--primary3) !important;
        color: var(--secondary2) !important;
    }
    .menu-content,
    .inputNumber-button,
    .button--link {
        background: var(--primary3) !important;
        color: var(--primary1) !important;
    }
    .tabs,
    .message-responseRow,
    .alert:hover {
        background: var(--primary1) !important;
    }
    .tabs-tab,
    .block-header {
        color: var(--primary3) !important;
    }
    .u-dt.node-extra-date,
    .u-dt,
    h1,
    h2,
    h3,
    a.username,
    .node-title a,
    .showIgnoredLink,
    .iconic > input[type="checkbox"] + i::after,
    .iconic > i,
    .button.is-disabled,
    .fr-view,
    .message-attribution-opposite,
    .message-lastEdit,
    .sv-rating__count {
        color: var(--secondary2) !important;
    }
    .node-title a,
    .contentRow-header .username {
        color: var(--primary3);
    }
    .menu-linkRow,
    .blockLink,
    .structItem-cell,
    .message--quickReply .message-cell--main,
    .memberOverviewBlocks {
        background: var(--primary3);
    }
    .username--moderator {
        color: var(--secondary3);
    }
    .samUnitWrapper.structItem--thread.structItem * {
        background: var(--primary3);
        color: var(--primary1);
    }
    .samUnitWrapper *,
    .structItem-pageJump a,
    .block-minorHeader,
    .inputTypes-display {
        background: var(--primary3) !important;
        color: var(--primary1) !important;
    }
    .structItem--thread > .structItem-cell > .structItem-minor > .structItem-pageJump a,
    .messageNotice {
        background: var(--primary3) !important;
        color: var(--secondary2) !important;
    }
    .structItem--thread > .structItem-cell > .structItem-minor > .structItem-pageJump,
    .block--messages .message-inner .message-cell,
    .message--quickReply .message-cell--user,
    .message-cell.message-cell--user,
    .message-cell,
    .inputGroup-text,
    .tooltip-content {
        background: var(--primary3) !important;
    }
    .structItem--thread > .structItem-cell > .structItem-minor > .structItem-pageJump a:hover {
        background: var(--primary1) !important;
        color: var(--primary3) !important;
    }
    .bbCodeBlock-content {
        background: var(--primary2) !important;
        color: var(--secondary2);
    }
    .bbCodeCode *,
    .bbCodeCode,
    .bbCodeBlock--screenLimited .bbCodeBlock-content {
        background: var(--primary3);
        color: var(--secondary2) !important;
    }
    .button:hover {
        background: var(--secondary2) !important;
        color: var(--primary3) !important;
    }
    .menu-tabHeader .tabs-tab.is-active {
        border-bottom-color: var(--primary1);
    }
    .block--messages .message:nth-child(even),
    .block--messages .message:nth-child(odd) {
        border-color: var(--primary1) !important;
    }
    .menu-tabHeader,
    .message + .message {
        border-top-color: var(--primary1) !important;
    }
    .button--link {
        border-left-color: var(--secondary2) !important;
    }
    .buttonGroup .button {
        border: solid 1px var(--primary1) !important;
    }
    .message-cell,
    .memberOverviewBlock-seeMore,
    .inputTypes-display {
        border: 1px solid var(--primary1);
    }
    .topLogo,
    .codexTroll img,
    .cdx-nav-menu,
    .p-body-content > .samCodeUnit .samItem > div,
    .p-footer,
    .button.button--scroll,
    .samUnitWrapper > div,
    #richmedia_4,
    .p-body-sidebar span a,
    .message-user .userBanner,
    .message-user .user-campaign-tags,
    .user-patron img,
    .message-userTitle,
    .user-tag img,
    .userBanner *,
    .memberTooltip-banners,
    .memberHeader-banners,
    .block-filterBar,
    .extrasOverContentBanner img {
        display: none;
    }
}

Looks like this in action:

On pastebin:
https://pastebin.com/9QvWHs1x

Made for use with Stylus. All colors are CSS variables, you can customize this and change the primary colors to your liking by changing the colors in the :root {} element.