Jaillum Malord
Something else
Hello
Do you guys plan to incorporate dark mode like the previous forum?
Cheers
Do you guys plan to incorporate dark mode like the previous forum?
Cheers
A built in dark mode was just enabled. Will monitor and make sure it doesn't cause unforeseen issues.
Dark Mode is definitely easier on the eyes, still will take some time to get adjusted to the new look.
patiently awaits return of midnight
/* ==UserStyle==
@name Dark Rage3D - 11/11/2022, 7:52:27 pm
@namespace github.com/openstyles/stylus
@version 1.0.0
@description Dark Style for Rage 3D
@author nutcrackr
==/UserStyle== */
@-moz-document url-prefix("https://www.rage3d.com/board", "http://www.rage3d.com/board", "www.rage3d.com/board") {
body {
color: #e0e0e0;
background: black;
}
.breadcrumbs-wrapper {
max-width: 9999px;
}
.forum-list-container .forum-item .cell-forum .forum-title {
color: #FFA500;
}
#content {
width: 100%;
background: #3A3A3D;
color: #E0E0E0;
max-width: 9999px;
}
.page-title-widget .module-title,
.page-title-widget .module-title h1 {
color: #E0E0E0;
font-size: 24px;
}
.widget-tabs .topic-list-container .topic-list .topic-item a,
.widget-tabs .topic-list-container .topic-list .topic-item a:active,
.widget-tabs .topic-list-container .topic-list .topic-item a:visited {
color: #DD880F;
}
.widget-content .forum-list-container .forum-item a,
.widget-content .forum-list-container .forum-item a:active,
.widget-content .forum-list-container .forum-item a:visited,
.widget-content .forum-list-container .subforum-list a,
.widget-content .forum-list-container .subforum-list a:active,
.widget-content .forum-list-container .subforum-list a:visited,
.widget-content .blogmember-list .list-container .list-item a,
.widget-content .blogmember-list .list-container .list-item a:active,
.widget-content .blogmember-list .list-container .list-item a:visited,
.widget-content .sg-groups-list .sg-groups-list-container .list-item a,
.widget-content .sg-groups-list .sg-groups-list-container .list-item a:active,
.widget-content .sg-groups-list .sg-groups-list-container .list-item a:visited {
color: #DD880F;
}
.widget-content .forum-list-container .forum-item a,
.widget-content .forum-list-container .forum-item a:active,
.widget-content .forum-list-container .forum-item a,
.widget-content .forum-list-container .subforum-list a,
.widget-content .forum-list-container .subforum-list a:active,
.widget-content .forum-list-container .subforum-list a,
.widget-content .blogmember-list .list-container .list-item a,
.widget-content .blogmember-list .list-container .list-item a:active,
.widget-content .blogmember-list .list-container .list-item a,
.widget-content .sg-groups-list .sg-groups-list-container .list-item a,
.widget-content .sg-groups-list .sg-groups-list-container .list-item a:active,
.widget-content .sg-groups-list .sg-groups-list-container .list-item a {
color: #FFA500;
}
.topic-list-container .topic-list .topic-item td {
background: #3A3A3D;
color: #E0E0E0;
}
.forum-list-container .forum-item,
.forum-list-container .subforum-list,
.blogmember-list .list-container .list-item,
.sg-groups-list .sg-groups-list-container .list-item {
background: #3A3A3D;
color: #E0E0E0;
}
.b-post--first:not(.b-post--unapproved) .b-post__body {
background: #3A3A3D;
color: #E0E0E0;
}
b-post {
border: 2px solid black;
}
.b-post-control {
color: #E0E0E0;
background: linear-gradient(#725253 0%, #4A2F2E 100%);
margin-right: 10px;
font-size: 16px;
}
.b-post__body {
background: #3A3A3D;
color: #E0E0E0;
background: linear-gradient(rgb(52, 61, 81) 0%, rgb(64, 75, 96) 34px, #3a3a3d 36px, #3a3a3d 100%);
}
.b-post--first:not(.b-post--unapproved) .b-post__body {
background: #36363A;
color: #E0E0E0;
background: linear-gradient(rgb(52, 61, 81) 0%, rgb(64, 75, 96) 50px, #3a3a3d 52px, #3a3a3d 100%);
}
.l-col__fixed-3,
.l-row__fixed--left > .l-col__fixed-3 {
background: #2D2D31;
color: #E0E0E0;
}
.l-row {
background: #2D2D31 !important;
}
.b-userinfo {
color: #E0E0E0;
}
.b-post__timestamp {
color: #E0E0E0 !important;
}
.bbcode_container .bbcode_quote {
background: #36363A;
border: 1px solid black;
}
.l-row.avatar {
height: 80px;
width: 80px;
}
.l-row.avatar > img {
max-height: 80px;
max-width: 80px !important;
}
.b-avatar--m > img {
max-height: 80px;
max-width: 80px !important;
}
.b-avatar--m {
height: 80px;
width: 80px;
}
.b-avatar--m > img {
height: 80px;
width: 80px !important;
}
#header {
max-width: 9990px;
background: #3A3A3D;
color: #E0E0E0;
}
#channel-tabbar {
max-width: 9999px;
background: #3A3A3D;
color: #E0E0E0;
}
#channel-subtabbar {
max-width: 9999px;
background: #3A3A3D;
color: #E0E0E0;
}
.breadcrumbs-wrapper {
max-width: 9999px;
background: #3A3A3D;
color: #E0E0E0;
}
#breadcrumbs {
background: #3A3A3D;
color: #E0E0E0;
}
#channel-tabbar {
background: linear-gradient(#725253 0%, #4A2F2E 100%);
}
#channel-subtabbar {
background: linear-gradient(#725253 0%, #4A2F2E 100%);
}
#channel-subtabbar .channel-subtabbar-list li a {
color: #FFA500;
background: linear-gradient(#725253 0%, #4A2F2E 100%);
}
#channel-subtabbar .channel-subtabbar-list li a:visited {
color: #DD880F;
background: linear-gradient(#725253 0%, #4A2F2E 100%);
}
.forum-list-container .category-header {
background: linear-gradient(#725253 0%, #4A2F2E 100%);
color: #E0E0E0;
}
#channel-tabbar .channel-tabbar-list li a {
color: #FFA500;
}
.forum-list-container .category-header .category {
color: #E0E0E0 !important;
;
}
body {
background: #3A3A3D;
color: #E0E0E0;
}
#footer {
max-width: 9999px;
}
#breadcrumbs .crumb {
color: #E0E0E0;
}
#breadcrumbs .crumb-link {
color: #FFA500;
}
.b-post {
border: 2px solid black;
}
.conversation-toolbar-wrapper .conversation-toolbar {
background: linear-gradient(#725253 0%, #4A2F2E 100%);
color: #E0E0E0;
}
.bbcode_container .bbcode_code {
background: #36363A;
border: 1px solid black;
color: #E0E0E0;
}
.conversation-list.stream-view .list-item {
border: 0;
background: #3A3A3D;
color: #E0E0E0;
}
.widget-content,
.post-content {
color: #E0E0E0;
}
.conversation-list.stream-view.stream-view-full-width .list-item {
border: 1px solid black;
margin: 10px;
padding: 10px;
}
.canvas-layout-container .canvas-widget {
background: #3A3A3D;
}
.canvas-layout-container .widget-header {
background: #36363A;
color: #E0E0E0;
}
.module-title h1 {
color: #E0E0E0;
;
}
.list-footer {
background: linear-gradient(#725253 0%, #4A2F2E 100%);
}
a,
a:active,
a:visited,
.b-link,
.ui-widget-content a {
color: #FFA500;
}
.forum-list-container .forum-list-header {
background: linear-gradient(#725253 0%, #4A2F2E 100%);
color: #E0E0E0;
;
}
.view-mode .widget-tabs .widget-tabs-nav {
background: #36363A;
color: #E0E0E0;
border: 0;
}
.widget-tabs .widget-tabs-nav li.ui-tabs-active {
background: linear-gradient(#725253 0%, #4A2F2E 100%);
color: #E0E0E0;
}
.widget-tabs .widget-tabs-nav li.ui-tabs-active a,
.widget-tabs .widget-tabs-nav li.ui-tabs-active a:hover {
color: #E0E0E0;
}
.widget-tabs .widget-tabs-nav li {
background: linear-gradient(#725253 0%, #4A2F2E 100%);
color: #E0E0E0;
}
.conversation-empty {
background: #36363A;
color: #E0E0E0;
}
.widget-tabs .widget-tabs-nav .ui-tabs-nav {
background: linear-gradient(#725253 0%, #4A2F2E 100%);
}
.l-row {
background: #3A3A3D;
}
.view-mode .widget-tabs .widget-tabs-nav {
border: 0 !important;
}
.forum-list-container {
border-top: 1px solid black;
}
.forum-list-container .forum-item td {
border-top: 1px solid black;
}
.forum-list-container .subforum-list .subforum-item {
border-top: 1px solid black;
padding-top: 10px;
}
.topic-title {
color: #FFA500;
}
.topic-list-container td {
border-left: 1px solid black;
padding-left: 5px;
}
.topic-list-container .topic-list .topic-item td {
border-top: 1px solid black;
}
.topic-list-container .topic-list .topic-item .cell-topic {
padding-left: 5px;
background: #36363A;
}
.topic-list-container .topic-list .topic-item td.cell-lastpost {
padding-left: 5px;
}
.topic-list-container .topic-list .topic-item .cell-count {
padding-left: 5px;
background: #36363A;
}
.topic-list-container .topic-list .topic-item .cell-inlinemod-item {
border-right: 1px solid black;
}
.b-button--secondary,
.b-button--secondary:link,
.b-button--secondary:visited,
.cke_dialog_body .cke_dialog_contents .b-button--secondary,
.cke_dialog_body .cke_dialog_contents .b-button--secondary:link,
.cke_dialog_body .cke_dialog_contents .b-button--secondary:visited {
background: #36363A;
color: #FFA500;
}
.profile-widget .widget-tabs.ui-tabs .ui-widget-content a.b-button,
.profile-widget .widget-tabs.ui-tabs .ui-widget-content a.b-button:active,
.profile-widget .widget-tabs.ui-tabs .ui-widget-content a.b-button:visited,
.widget-tabs.ui-tabs .ui-widget-content a.b-button,
.widget-tabs.ui-tabs .ui-widget-content a.b-button:active,
.widget-tabs.ui-tabs .ui-widget-content a.b-button:visited,
.sb-dialog.ui-dialog-content.ui-widget-content a.b-button,
.sb-dialog.ui-dialog-content.ui-widget-content a.b-button:active,
.sb-dialog.ui-dialog-content.ui-widget-content a.b-button:visited,
.widget-tabs.ui-tabs .ui-widget-content a.b-button:hover,
.sb-dialog.ui-dialog-content.ui-widget-content a.b-button:hover,
.ui-state-default a.b-button,
.ui-state-default a.b-button:link,
.ui-state-default a.b-button:visited,
a.b-button,
a.b-button:link,
a.b-button:visited {
color: #FFA500;
}
.b-editor .cke_top {
background: #705352
}
.b-editor {
background: black;
}
.b-button--primary,
.b-button--primary:link,
.b-button--primary:visited,
.cke_dialog_body .cke_dialog_contents .b-button--primary,
.cke_dialog_body .cke_dialog_contents .b-button--primary:link,
.cke_dialog_body .cke_dialog_contents .b-button--primary:visited {
background: black;
}
.js-contententry-buttons {
background: #40495E;
padding: 5px;
}
.b-editor {
background: black;
color: white;
}
}
I'm working on something based on Midnight Rage. It's select-able now, Shadow of MidnightRage (beta), just be aware it's an active work in progress and there are still some readability and contrast issues at the moment.
body {
color: #000000;
background: #C0C0C0;
}
#vb-page-body {
background: #C0C0C0
}
#header {
max-width: 9990px;
background: #C0C0C0;
color: #000000;
}
.breadcrumbs-wrapper {
max-width: 9999px;
}
.forum-list-container .forum-item .cell-forum .forum-title {
color: #1A44A7;
}
#content {
width: 100%;
background: #C0C0C0;
color: #000000;
max-width: 9999px;
}
.view-mode .widget-no-border > .widget-header {
background: #C0C0C0;
}
.page-title-widget .module-title,
.page-title-widget .module-title h1 {
color: #000000;
font-size: 24px;
}
.widget-tabs .topic-list-container .topic-list .topic-item a,
.widget-tabs .topic-list-container .topic-list .topic-item a:active,
.widget-tabs .topic-list-container .topic-list .topic-item a:visited {
color: #1A44A7
}
.widget-content .forum-list-container .forum-item a,
.widget-content .forum-list-container .forum-item a:active,
.widget-content .forum-list-container .forum-item a:visited,
.widget-content .forum-list-container .subforum-list a,
.widget-content .forum-list-container .subforum-list a:active,
.widget-content .forum-list-container .subforum-list a:visited,
.widget-content .blogmember-list .list-container .list-item a,
.widget-content .blogmember-list .list-container .list-item a:active,
.widget-content .blogmember-list .list-container .list-item a:visited,
.widget-content .sg-groups-list .sg-groups-list-container .list-item a,
.widget-content .sg-groups-list .sg-groups-list-container .list-item a:active,
.widget-content .sg-groups-list .sg-groups-list-container .list-item a:visited {
color: #1A44A7
}
.widget-content .forum-list-container .forum-item a,
.widget-content .forum-list-container .forum-item a:active,
.widget-content .forum-list-container .forum-item a,
.widget-content .forum-list-container .subforum-list a,
.widget-content .forum-list-container .subforum-list a:active,
.widget-content .forum-list-container .subforum-list a,
.widget-content .blogmember-list .list-container .list-item a,
.widget-content .blogmember-list .list-container .list-item a:active,
.widget-content .blogmember-list .list-container .list-item a,
.widget-content .sg-groups-list .sg-groups-list-container .list-item a,
.widget-content .sg-groups-list .sg-groups-list-container .list-item a:active,
.widget-content .sg-groups-list .sg-groups-list-container .list-item a {
color: #1A44A7;
}
.topic-list-container .topic-list .topic-item td {
background: #F1F1F1;
color: #000000;
}
.forum-list-container .forum-item,
.forum-list-container .subforum-list,
.blogmember-list .list-container .list-item,
.sg-groups-list .sg-groups-list-container .list-item {
background: #F1F1F1;
color: #000000;
}
.b-post--first:not(.b-post--unapproved) .b-post__body {
background: #F1F1F1;
color: #000000;
}
b-post {
border: 2px solid black;
}
.b-post-control {
color: #FFFFFF;
background: linear-gradient(#497BCA 0%, #08227B 100%);
margin-right: 10px;
font-size: 16px;
}
.b-post__body {
background: #F1F1F1;
color: #000000;
background: linear-gradient(#497BCA 0%, #08227B 34px, #F1F1F1 36px, #F1F1F1 100%);
}
.b-post__content {
color: #000000;
}
.b-post__title {
color: #FFFFFF;
}
.b-post__count {
color: #FFFFFF !important;
}
.b-post--first:not(.b-post--unapproved) .b-post__body {
background: #DFDFDF;
color: #FFFFFF;
background: linear-gradient(#497BCA 0%, #08227B 50px, #F1F1F1 52px, #F1F1F1 100%);
}
.l-col__fixed-3,
.l-row__fixed--left > .l-col__fixed-3 {
background: #DFDFDF;
color: #000000;
}
.l-row {
background: #DFDFDF !important;
}
.b-userinfo {
color: #000000;
}
.b-post__timestamp {
color: #FFFFFF !important;
}
.bbcode_container .bbcode_quote {
background: #DFDFDF;
border: 1px solid black;
}
.l-row.avatar {
height: 80px;
width: 80px;
}
.l-row.avatar > img {
max-height: 80px;
max-width: 80px !important;
}
.b-avatar--m > img {
max-height: 80px;
max-width: 80px !important;
}
.b-avatar--m {
height: 80px;
width: 80px;
}
.b-avatar--m > img {
height: 80px;
width: 80px !important;
}
#channel-tabbar {
max-width: 9999px;
background: #F1F1F1;
color: #000000;
}
#channel-subtabbar {
max-width: 9999px;
background: #F1F1F1;
color: #000000;
}
.breadcrumbs-wrapper {
max-width: 9999px;
background: #DFDFDF;
color: #000000;
}
#breadcrumbs {
background: #C0C0C0;
color: #000000;
}
#channel-tabbar {
/*background: linear-gradient(#497BCA 0%, #08227B 100%);*/
}
#channel-subtabbar {
background: linear-gradient(#497BCA 0%, #08227B 100%);
}
#channel-subtabbar .channel-subtabbar-list li a {
color: #FFFFFF;
background: linear-gradient(#497BCA 0%, #08227B 100%);
}
#channel-subtabbar .channel-subtabbar-list li a:visited {
color: #FFFFFF;
background: linear-gradient(#497BCA 0%, #08227B 100%);
}
.forum-list-container .category-header {
background: linear-gradient(#497BCA 0%, #08227B 100%);
color: #FFFFFF;
}
#channel-tabbar .channel-tabbar-list li a {
background: #F1F1F1;
color: #000000;
}
.forum-list-container .category-header .category {
color: #FFFFFF !important;
}
body {
background: #F1F1F1;
color: #000000;
}
#footer {
max-width: 9999px;
}
#breadcrumbs .crumb {
color: #000000;
}
#breadcrumbs .crumb-link {
color: #1A44A7;
}
.b-post {
border: 2px solid black;
}
.conversation-toolbar-wrapper .conversation-toolbar {
background: linear-gradient(#497BCA 0%, #08227B 100%);
color: #000000;
}
.bbcode_container .bbcode_code {
background: #DFDFDF;
border: 1px solid black;
color: #000000;
}
.conversation-list.stream-view .list-item {
border: 0;
background: #F1F1F1;
color: #000000;
}
.widget-content,
.post-content {
color: #000000;
}
.conversation-list.stream-view.stream-view-full-width .list-item {
border: 1px solid black;
margin: 10px;
padding: 10px;
}
.canvas-layout-container .canvas-widget {
background: #F1F1F1;
}
.canvas-layout-container .widget-header {
background: #DFDFDF;
color: #000000;
}
.module-title h1 {
color: #000000;
}
.list-footer {
background: linear-gradient(#497BCA 0%, #08227B 100%);
}
a,
a:active,
a:visited,
.b-link,
.ui-widget-content a {
color: #1A44A7;
}
.forum-list-container .forum-list-header {
background: linear-gradient(#497BCA 0%, #08227B 100%);
color: #FFFFFF;
;
}
.view-mode .widget-tabs .widget-tabs-nav {
background: #DFDFDF;
color: #000000;
border: 0;
}
.widget-tabs .widget-tabs-nav li.ui-tabs-active {
background: linear-gradient(#497BCA 0%, #08227B 100%);
color: #000000;
}
.widget-tabs .widget-tabs-nav li.ui-tabs-active a,
.widget-tabs .widget-tabs-nav li.ui-tabs-active a:hover {
color: #000000;
}
.widget-tabs .widget-tabs-nav li {
background: linear-gradient(#497BCA 0%, #08227B 100%);
color: #000000;
}
.conversation-empty {
background: #DFDFDF;
color: #000000;
}
.widget-tabs .widget-tabs-nav .ui-tabs-nav {
background: linear-gradient(#497BCA 0%, #08227B 100%);
}
.l-row {
background: #F1F1F1;
}
.view-mode .widget-tabs .widget-tabs-nav {
border: 0 !important;
}
.forum-list-container {
border-top: 1px solid black;
}
.forum-list-container .forum-item td {
border-top: 1px solid black;
}
.forum-list-container .subforum-list .subforum-item {
border-top: 1px solid black;
padding-top: 10px;
}
.topic-title {
color: #1A44A7;
}
.topic-list-container td {
border-left: 1px solid black;
padding-left: 5px;
}
.topic-list-container .topic-list .topic-item td {
border-top: 1px solid black;
}
.topic-list-container .topic-list .topic-item .cell-topic {
padding-left: 5px;
}
.topic-list-container .topic-list .topic-item td.cell-lastpost {
padding-left: 5px;
background: #DFDFDF;
border-right: 1px solid black;
}
.topic-list-container .topic-list .topic-item .cell-count {
padding-left: 5px;
}
.topic-list-container .topic-list .topic-item .cell-inlinemod-item {
border-right: 1px solid black;
}
.topic-list-container .topic-list .topic-item .cell-topic-image {
background: #DFDFDF;
}
.topic-list-container .topic-list .topic-item .cell-icons {
background: #DFDFDF;
}
.b-button--secondary,
.b-button--secondary:link,
.b-button--secondary:visited,
.cke_dialog_body .cke_dialog_contents .b-button--secondary,
.cke_dialog_body .cke_dialog_contents .b-button--secondary:link,
.cke_dialog_body .cke_dialog_contents .b-button--secondary:visited {
background: #DFDFDF;
color: #1A44A7;
}
.profile-widget .widget-tabs.ui-tabs .ui-widget-content a.b-button,
.profile-widget .widget-tabs.ui-tabs .ui-widget-content a.b-button:active,
.profile-widget .widget-tabs.ui-tabs .ui-widget-content a.b-button:visited,
.widget-tabs.ui-tabs .ui-widget-content a.b-button,
.widget-tabs.ui-tabs .ui-widget-content a.b-button:active,
.widget-tabs.ui-tabs .ui-widget-content a.b-button:visited,
.sb-dialog.ui-dialog-content.ui-widget-content a.b-button,
.sb-dialog.ui-dialog-content.ui-widget-content a.b-button:active,
.sb-dialog.ui-dialog-content.ui-widget-content a.b-button:visited,
.widget-tabs.ui-tabs .ui-widget-content a.b-button:hover,
.sb-dialog.ui-dialog-content.ui-widget-content a.b-button:hover,
.ui-state-default a.b-button,
.ui-state-default a.b-button:link,
.ui-state-default a.b-button:visited,
a.b-button,
a.b-button:link,
a.b-button:visited {
color: #1A44A7;
}
.b-editor .cke_top {
background: #1A44A7;
}
.b-editor {
background: black;
}
.b-button--primary,
.b-button--primary:link,
.b-button--primary:visited,
.cke_dialog_body .cke_dialog_contents .b-button--primary,
.cke_dialog_body .cke_dialog_contents .b-button--primary:link,
.cke_dialog_body .cke_dialog_contents .b-button--primary:visited {
background: black;
}
.js-contententry-buttons {
background: #40495E;
padding: 5px;
}
.b-editor {
background: black;
color: white;
}
.b-post-control__bubble-flyout {
background: #F1F1F1 52px;
color: #000;
}
.widget-tabs .widget-tabs-nav .ui-tabs-nav li a {
color: #FFFFFF;
}
.conversation-toolbar-wrapper .conversation-toolbar {
color: #FFFFFF;
}