Raw Source
transilvlad / Nanoleaf Dark Mode 

// ==UserScript==
// @name         Nanoleaf Dark Mode
// @version      0.2
// @description  Dark Mode for Nanoleaf Browser Desktop Version!
// @author       transilvlad
// @copyright    2021, transilvlad (https://openuserjs.org/users/transilvlad)
// @license      GPL-2.0-only
// @match        http://localhost:15765/*
// @grant        GM_addStyle
// ==/UserScript==

(function () {
  'use strict';

  // Background
  GM_addStyle('html body {background-color: #343a40!important}');

  // Various
  GM_addStyle('body button, body input, body submit, body textarea, body ul#deviceList {color: #fff!important;background-color: #3db024!important;border: 1px solid #495057!important;}');
  GM_addStyle('body .navbar-light, body .navbar-nav .nav-item a.nav-link, body #scenes-discover .scene .sceneDetails .downloads .count {color: #6c757d!important;}');
  GM_addStyle('body #scenes-discover .scene .sceneDetails .downloads {cursor: pointer!important;}');
  GM_addStyle('body .navbar-nav .nav-link:focus, body .navbar-light .navbar-nav .nav-link:hover, body #auto-mirroring, body #mirroring .auto-manual, body #settings-devices .card-body .room-details, body .editDeviceModalBody #deviceName, body #scheduleName, body .timepicker span, body .calendar-rows, body .everyCount, body .discover-label {color: #3db024!important;}');

  // Top, Side and Widgets
  GM_addStyle('body .navbar, body #sidebar, #sidebar .sidebar-header, body .widgets .widget, body #settings-devices .card-body .devices, body #scenes-discover #effects {background-color: #212529!important; border: 0!important;}');
  GM_addStyle('body .widgets .widget .widget-name, body .editRoomModalBody .roomDetails, body .up-to-date-text {color: #3db024!important;}');

  // Remove border
  GM_addStyle('body .modal-content, body .modal-footer, body .editRoomModalBody #effects .nav-tabs, body .editRoomModalBody #effects, body .editRoomModalBody #effects .nav-item a.nav-link.active, body #sceneContent .scene, body .scene .paletteColors, body .scene .paletteColors div:first-child, body .scene .paletteColors div:last-child, body #allScenesContent .scene {border: 0!important; border-radius: 0!important;}');

  // Menu item
  GM_addStyle('body .navbar-light .navbar-nav .active>.nav-link, body .navbar-light .navbar-nav .nav-link.active, body .navbar-light .navbar-nav .nav-link.show, body .navbar-light .navbar-nav .show>.nav-link {color: #3db024!important;}');
  GM_addStyle('body .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, body #scenes-list #effects .nav-item a.nav-link.active, body #scenes-discover #effects .nav-item a.nav-link.active {background-color: #3fae29!important;}');

  // List items
  GM_addStyle('body #effects #allScenesContent, body #effects #sceneContent, body .modal-body {overflow-x: hidden;');
  GM_addStyle('body #allScenesContent .scene {color: #6c757d!important; background-color: #212529!important;width: 99%!important;}');
  GM_addStyle('body #scenes-list #effects, body .card-header, body .modal-content {color: #6c757d!important; background-color: #212529!important; border: 1px solid #495057!important;}');
  GM_addStyle('body .card-header-title {color: #3db024!important;}');
  GM_addStyle('body .device-row {color: #3db024!important;border-bottom: 1.5px solid #3db024!important;}');
  GM_addStyle('body .scene .sceneName, body #scenes-list .scene .sceneDetails .effectName, body #scenes-discover .scene .sceneDetails .effectName, body #scenes-list .scene .sceneDetails .creator, body #scenes-discover .scene .sceneDetails .creator {color:#fff!important;}');
})();