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
        • 2 yrs agoSun, February 26, 2023 at 4:38 AM UTC
        • 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
          • 2 yrs agoSun, February 26, 2023 at 6:17 PM UTC
          • Reported - view

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

          • Sean
          • 2 yrs agoSun, February 26, 2023 at 11:47 PM UTC
          • 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
        • 2 yrs agoMon, February 27, 2023 at 1:39 PM UTC
        • 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
          • 2 yrs agoMon, February 27, 2023 at 3:17 PM UTC
          • 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
          • 2 yrs agoMon, February 27, 2023 at 3:23 PM UTC
          • Reported - view

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

          • Mel_Charles
          • 2 yrs agoMon, February 27, 2023 at 3:25 PM UTC
          • Reported - view

          Sean version 1.1.2 and web version

          • Sean
          • 2 yrs agoMon, February 27, 2023 at 3:46 PM UTC
          • 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
          • 2 yrs agoMon, February 27, 2023 at 4:45 PM UTC
          • 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
        • 2 yrs agoTue, February 28, 2023 at 11:15 AM UTC
        • 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
          • 2 yrs agoTue, February 28, 2023 at 1:27 PM UTC
          • 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
          • 2 yrs agoTue, February 28, 2023 at 2:37 PM UTC
          • 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
          • 2 yrs agoTue, February 28, 2023 at 3:09 PM UTC
          • 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
          • 2 yrs agoTue, February 28, 2023 at 3:39 PM UTC
          • 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
          • 2 yrs agoWed, March 1, 2023 at 3:02 AM UTC
          • 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
          • 2 yrs agoWed, March 1, 2023 at 8:12 AM UTC
          • Reported - view

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

        • Mel_Charles
        • 2 yrs agoWed, March 1, 2023 at 3:53 PM UTC
        • 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
          • 2 yrs agoWed, March 1, 2023 at 6:18 PM UTC
          • 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
          • 2 yrs agoThu, March 2, 2023 at 8:17 AM UTC
          • Reported - view

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

        • Mel_Charles
        • 1 yr agoWed, July 19, 2023 at 5:18 PM UTC
        • 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 agoWed, July 19, 2023 at 6:23 PM UTC
          • 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 agoThu, July 20, 2023 at 7:48 AM UTC
        • 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 agoThu, July 20, 2023 at 7:57 AM UTC
        • 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
        • 6 mths agoMon, September 23, 2024 at 12:14 PM UTC
        • Reported - view

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

          • Sean
          • 6 mths agoMon, September 23, 2024 at 2:13 PM UTC
          • 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
        • 6 mths agoMon, September 23, 2024 at 2:08 PM UTC
        • Reported - view

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