Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you may not be able to execute some actions.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

Color bugs in Dark Mode

0xA4B16 last edited by

Hello All,

I use the nodebb-plugin-night-mode to switch off the light but noticed that with the Cerulean Skin many buttons show with a glowing white background color which of course is not compatible with a dark mode theme (mod).

It works just fine with Cosmos and some others skins I tested. It is possible to get that fixed with Cerulean ? I think that skin just looks best on NodeBB.

Thanks !
Reply Quote 0
1 Reply Last reply

1
Posts

99
Views

Suggested Topics

[nodebb-theme-dark-rectangles] Dark Rectangles Theme
NodeBB Themes • • frissdiegurke

30

7
Votes

30
Posts

12166
Views

@frissdiegurke I noticed an update this morning. Thanks for that!
S

Dark theme.
NodeBB Themes • • sergio

7

0
Votes

7
Posts

772
Views

@rfc2822 hm, well we don't normalize anything. Bootstrap does, however, although I can't imagine why they'd be using a version of normalize that is older than Jan 2016!
Change color of loader bar?
NodeBB Themes • • Jenkler

3

0
Votes

3
Posts

1308
Views

@yariplus said: #nprogress .bar { background: red; } Thanks a lot
Simple Night Mode for NodeBB
NodeBB Themes • • Arc

11

6
Votes

11
Posts

5448
Views

Hi everyone, we have improved our night mode codes since we have night-mode-junkies in our forum... In case anyone interested, they can copy it to the CSS panel. Additionally, I would recommend plugin to be changed because our code additions makes the appearance better than the regular night mode and also fix some bugs. /* fix for night mode*/ //tags body.lights-out .category>ul>li .tag-list .tag { background-color: #404040; } //pagination appearance fix body.lights-out .pagination a{ color: #ffffff; background-color: #404040; border-color: #232323; } body.lights-out .page.active a{ background-color: #848484; } body.lights-out .pagination>li>a:hover { background-color: #5D5C5C !important; } //status of user body.lights-out { .status.online { color: #4caf50; } .status.away { color: #ff6d00; } .status.dnd { color: #f44336; } .status.offline { color: #555; } } //buttons body.lights-out .btn-primary { color: #fff; background-color: #6D6D6D !important; border-color: #6D6D6D !important; } body.lights-out .topic-main-buttons .btn-info { background-color: #8F8F8F !important; border-color: #8F8F8F !important; } //lines on the pages body.lights-out .topic .posts hr{ border-top: 1px solid #363636; } body.lights-out hr { border-top: 1px solid #3c3c3c; } body.lights-out .topic .post-signature { border-top: 1px dashed #3c3c3c; } body.lights-out { @media (max-width: 767px) { .categories>li, .category>ul>li { border-top: 1px solid #3c3c3c; } .categories>li:last-child, .category>ul>li:last-child { border-bottom: 1px solid #3c3c3c; } } } body.lights-out .well { background-color: #191919 ; } body.lights-out .panel-default .panel-heading { background-color: #191919 ; color: #666; border-color: #666; } body.lights-out .panel { background-color: #666; } body.lights-out .form-control { background-color: #dcdcdc; } body.lights-out .composer .write { background: #dcdcdc; } //for calendar body.lights-out { .fc-event-container a{ color: #d5d5d5; } .fc-unthemed td.fc-today { background: #dcd9c6; } } //chat box fix body.lights-out { .chats-list>li .teaser-content { color: #666; } .chat-list .unread { background-color: #eeead7; } .chats-list>li { border-color: #060606; border-bottom: 1px solid #060606 !important; } .chats-list { border-top: 1px solid #060606; } } body.lights-out .chat-modal { .modal-body { background-color: #191919; } .modal-header { background-color: #333; color: #eee; border-bottom: 0px solid #e5e5e5; } .modal-content { border: 1px solid #3c3c3c; background-color: #3c3c3c; } .chat-content li.chat-message[data-break=true] { border-top: 1px solid #3c3c3c; } .expanded-chat { border-top: 1px solid #3c3c3c; } } Here is the github report: https://github.com/psychobunny/nodebb-plugin-night-mode/issues/2 AliCihan created this issue in psychobunny/nodebb-plugin-night-mode open some bug fix suggestions and improvements to the code #2
N

Could someone link to me to a dark theme or skin that works as flawlessly as persona?
NodeBB Themes • • nsuchy

9

0
Votes

9
Posts

2178
Views

T

There is a chrome extension "DarkReader" it converts any website to dark theme. Persona looks great when this extension is turned on.

| |

Color bugs in Dark Mode

Suggested Topics

[nodebb-theme-dark-rectangles] Dark Rectangles Theme NodeBB Themes • • frissdiegurke

Dark theme. NodeBB Themes • • sergio

Change color of loader bar? NodeBB Themes • • Jenkler

Simple Night Mode for NodeBB NodeBB Themes • • Arc

Could someone link to me to a dark theme or skin that works as flawlessly as persona? NodeBB Themes • • nsuchy

[nodebb-theme-dark-rectangles] Dark Rectangles Theme
NodeBB Themes • • frissdiegurke

Dark theme.
NodeBB Themes • • sergio

Change color of loader bar?
NodeBB Themes • • Jenkler

Simple Night Mode for NodeBB
NodeBB Themes • • Arc

Could someone link to me to a dark theme or skin that works as flawlessly as persona?
NodeBB Themes • • nsuchy