Cloudron makes it easy to run web apps like WordPress, Nextcloud, GitLab on your server. Find out more or install now.


    Cloudron Forum

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular

    Solved Dark Mode

    Feature Requests
    userinterface feature-request
    8
    14
    784
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • T
      Trankery last edited by girish

      It would be amazing to have a toggle button for a darkmode.

      Darkmodes aren't too hard, as it's essentially just inverting the css.

      Would be nice to see this soon!

      W 1 Reply Last reply Reply Quote 8
      • W
        will @Trankery last edited by

        @Trankery chming in on this, with a nord theme (variation on dark mode)
        Easy on the eyes and looks great, take a peek.

        https://www.nordtheme.com/

        Perhaps I could help with this, where do you guys host your CSS?

        T 1 Reply Last reply Reply Quote 2
        • yusf
          yusf last edited by

          It’s now possible to detect system-wide dark mode in CSS, so not even a toggle is needed πŸ™‚

          d19dotca T 2 Replies Last reply Reply Quote 3
          • d19dotca
            d19dotca @yusf last edited by

            @yusf I would definitely prefer this method, where it just detects the system light or dark mode being used and adjusts accordingly.

            --
            Dustin Dauncey
            www.d19.ca

            1 Reply Last reply Reply Quote 2
            • T
              Trankery @yusf last edited by

              @yusf Toggle would still be cool though. Or customisable themes?

              1 Reply Last reply Reply Quote 2
              • T
                Trankery @will last edited by

                @will Sorry for the late reply, the CSS is hosted on the Cloudron-01 instance directly.

                W 1 Reply Last reply Reply Quote 1
                • W
                  will @Trankery last edited by

                  @Trankery Maybe this could be exposed in the admin settings ui

                  1 Reply Last reply Reply Quote 1
                  • nebulon
                    nebulon Staff last edited by

                    Dark mode is on its way πŸ˜„

                    Clipboard - July 2, 2020 10 41 PM.png

                    Quick feedback, should we dim the app icons as well? I personally don't like the colour invert many browser extension do, it reduces the branding of the app for easy recognition.

                    d19dotca marcusquinn 2 Replies Last reply Reply Quote 8
                    • d19dotca
                      d19dotca @nebulon last edited by

                      @nebulon I think the app icons themselves should be left alone. Looking great! πŸ™‚

                      --
                      Dustin Dauncey
                      www.d19.ca

                      Mallewax 1 Reply Last reply Reply Quote 4
                      • Mallewax
                        Mallewax @d19dotca last edited by

                        @d19dotca Agreed!

                        1 Reply Last reply Reply Quote 1
                        • marcusquinn
                          marcusquinn @nebulon last edited by

                          @nebulon Nice! πŸ‘ from me.

                          In the meantime https://darkreader.org is my go-to for dazzling lights at night 😎

                          We're not here for a long time - but we are here for a good time :)
                          Jersey/UK
                          Work & Ecommerce Advice: https://brandlight.org
                          Personal & Software Tips: https://marcusquinn.com

                          1 Reply Last reply Reply Quote 0
                          • nebulon
                            nebulon Staff last edited by

                            Dark Mode is now part of 5.4 release. It is based on https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme and thus so far depending on the used OS.

                            In Firefox dark-mode can be forced by setting ui.systemUsesDarkTheme to 2 in about:config

                            W 1 Reply Last reply Reply Quote 4
                            • W
                              will @nebulon last edited by

                              @nebulon Dark mode is dope!

                              1 Reply Last reply Reply Quote 0
                              • girish
                                girish Staff last edited by

                                Implemented in 5.4

                                1 Reply Last reply Reply Quote 0
                                • First post
                                  Last post
                                Powered by NodeBB