6

Dark Mode

I have developed a dark mode plugin table/database that I would like to share and get feedback on. It adds a clickable monitor image in the upper right corner when the database is opened.

The entire formula could be entered in Trigger after open, but that would be rather long. Instead, I use a Formula field from the DM-Plugin table which can be hidden.

I am open to suggestions and requests and I will respond when I can.

75 replies

null
    • Sean
    • 1 yr ago
    • Reported - view

    Version 1.1.2 fixes Choice and Yes/No combo box colors on a Form. Component highlighting on  a Form in edit mode matches blue on dark color theme.

      • Patrick_W
      • 1 yr ago
      • Reported - view

      Sean great work. Is it possible to start a database with enabled dark mode as default?

      • Sean
      • 1 yr ago
      • Reported - view

      Patrick W. Thank you very much. Yes, just use version 1.1.2d and that will open the database in dark mode.

    • Mel_Charles
    • 1 yr ago
    • Reported - view

    @sean - Hi Still loving this!

    as mentioned before I am colour blind. I'm having difficulty seeing the blueyish text on the date field in screen shot Sean. where can i alter that text colour in the various tab page setting.

    I know it will probably effect other areas when changed but as it stands i can hardly see it thus an unable determine the dates when working at night. (at the moment I am flicking between dark and normal mode on reach record.

      • Sean
      • 1 yr ago
      • Reported - view

      Mel Charles Hi, I'm very pleased you are enjoying it.

      Which version of Dark Mode are you using? The web version or the one where you would add the table to your existing database? If it's the web version, I bet that it is a Formula field and you can change the text color using the Formula field Style popup. Otherwise, it should display just like the Customers field in your screenshot.

      • Sean
      • 1 yr ago
      • Reported - view

      If it's the added table version, then you would modify this class to... .nx-input{color:#e1e1e1}

      • Mel_Charles
      • 1 yr ago
      • Reported - view

      Sean version 1.1.2 and web version

      • Sean
      • 1 yr ago
      • Reported - view

      Mel Charles If that isn't a Formula field set equal to a Date field, I'm not sure why it's doing that. Here are a couple of screenshots from the Webinar En team 001_Iconset database...

       

      ...and it appears to be Ninox version 3.8.6. I will see if there is anything else I can do to resolve this later tonight.

      • Mel_Charles
      • 1 yr ago
      • Reported - view

      Sean Ha ha - I think you just gave me a lesson on how to not to miss the dead obvious - Yes of course it is a formula field that points to an actual field on a tabbed page on the same form.

      I can of course set it to a colour that will work with both modes....

      Now, if you could pop over some time and help me pick out some colour co-ordinated clothing that would be great too .... 🤣🤣

       

      done - much better !

    • Alan_Cooke
    • 1 yr ago
    • Reported - view

    Hi,

    I originally set up the Table version but would like to switch to the Web version.  How do I do this?

    I am strictly an amateur Geek :-)

      • Sean
      • 1 yr ago
      • Reported - view

      Alan Cooke Hi,

      Easy peasy. In Trigger after open replace,

      dialog("Dark Mode CSS Plugin", record('DM-Plugin',1).'DM-Code', ["close"])

      with,

      var res := http("get", "https://www.ninext.fr/_functions/darkmode", {
              version: "1.1.2"
          });
      dialog("Init Dark mode v" + res.result.version, html("<script>" + res.result.code + "</script>"), ["close"]);

      You can use 1.1.2d instead if you want to open your database in dark mode. If you need some tweaks to suit your needs let me know.

      • Alan_Cooke
      • 1 yr ago
      • Reported - view

      Sean Awesome!!  Thanks so much.  Here is the Light and Dark version.  Note in Dark that spaces and formulae that I do not want visible in Light mode - top left for example next to the header banner and the banner itself which merges in Light Colour Mode do not change in Dark.  Can this be resolved?

       

      • Sean
      • 1 yr ago
      • Reported - view

      Alan Cooke Thank you.

      Yes, I don’t think it will be a problem. I will work on it tonight. Thank you for pointing this out because I as much as try to catch issues by myself I know I won’t catch everything.

      • Alan_Cooke
      • 1 yr ago
      • Reported - view

      Sean Thanks - next to impossible to cater to every 'styling' choice by users other than feedback.  Dark Mode is really starting to look polished - nice work!

      • Sean
      • 1 yr ago
      • Reported - view

      Alan Cooke The spaces should be fixed. The spaces in don't show up as white using Chrome on my MacBook so I guess it's browser specific.

      The Formula fields are a different problem. You have formatted some of the Formula fields using the Ninox Style popup menu. If I override that style, background-color in this case, it would override it for everyone who uses Dark Mode.

      • Alan_Cooke
      • 1 yr ago
      • Reported - view

      Sean I am using Edge which is based on Chrome I believe.

    • Mel_Charles
    • 1 yr ago
    • Reported - view

    Hey @sean

    Brilliant as this is and I can only image the hours of effort you have put into this. But if you find that you have now't to do one night 🙄 then you could consider adding additional features such as a control page (or other method) that has user meters on for controlling - Brightness/Contrast/Grayscale etc or an in betwwen mode (not so Dark Mode)

    I do think that you have produced here something that is truly Practical and useful!.

    Said it before - but definitely worth saying it again. ! well done buddy! 👏

      • Sean
      • 1 yr ago
      • Reported - view

      Mel Charles 

      Thank you very much Mel. That is part of my plan, but I am not on the same level as Jacques so it will be a while 😁.

      I have been working with Alan and we are creating a custom version that works for his needs. So if anyone needs some tweaks to Dark Mode let me know and I will try to accommodate your request.

      I will probably come up with a medium gray as well.

      • Mel_Charles
      • 1 yr ago
      • Reported - view

      Sean Well I certainly look up to you both! Your knowledge is very gratefully received 🙂

    • Mel_Charles
    • 1 yr ago
    • Reported - view

     WOW! after using dark mode for some months without issue including today.

    Took a 20 minutes break for a cuppa tea and when logged back in back dark mode errors (or at least i think it is). there is no obvious system flag to highlight any error!

    I get this pop as per script in startup and if but if I close - Dark Mode has gone.

    I still have the tables/form info/structure all in place and the script in options startup and Nothing has been changed since inputting this! - so has Ninox developers interfered? - Sorry I mean added an enhancement to the system 😚

    I'm web ver 3.8.17

    I've pulled back yesterdays backup (which was working flawlessly) and this is also errors.

    Any one else suddenly been effected? - I'm gutted this is simply first class and I rely on it heavily !!!

      • Ninox developper
      • Jacques_TUR
      • 1 yr ago
      • Reported - view

       The problem came from the Ninext server, which provides Sean's code. I don't know where the error came from because I haven't changed anything for several weeks, but now everything is back to normal.

    • Mel_Charles
    • 1 yr ago
    • Reported - view

    Jacgues - Ah cool .... and thats software for you !

    I just booted up this morning and it worked and thought oh silly me I should have totally rebooted in the first place! then i came back here to correct my post and saw it was a blip after all.

    So thank you for making me not look totally stupid  🤣🤣

    • Mel_Charles
    • 1 yr ago
    • Reported - view

    There's a freebie web version called "DARK READER" but I much prefer Sean's version as being colour blind his colour choices work better for me to see the text etc. (no idea what colours he uses but there you go.) 😁

    • albus_p
    • 3 wk ago
    • Reported - view

    Hi everyone! After updating Ninox I cannot run this plugin. Does anyone know how to fix this? Thank you

      • Sean
      • 3 wk ago
      • Reported - view

       There have been a lot of changes in Ninox version 3.13.3 so many elements will not have the Dark Mode color scheme applied to them. You can use this code to activate the plugin.

      var res := http("get", "https://www.ninext.fr/_functions/darkmode", {
              version: "1.1.2"
          });
      dialog("Init Dark mode v" + res.result.version, html("<script>" + res.result.code + "</script>"), ["close"])
      

      I will update the code as soon as I am able to.

    • Nick
    • 3 wk ago
    • Reported - view

    Yeah, we are waiting for a fix from @Sean or 

Content aside

  • 6 Likes
  • 3 wk agoLast active
  • 75Replies
  • 1485Views
  • 13 Following