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


Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Bookmarks
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Brand Logo

Cloudron Forum

Apps | Demo | Docs | Install
  1. Cloudron Forum
  2. Feature Requests
  3. Dark Mode

Dark Mode

Scheduled Pinned Locked Moved Solved Feature Requests
userinterfacefeature-request
20 Posts 10 Posters 3.5k Views 12 Watching
  • 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

    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 Offline
    W Offline
    will
    wrote on last edited by
    #2

    @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
    2
    • yusfY Offline
      yusfY Offline
      yusf
      wrote on last edited by
      #3

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

      d19dotcaD T 2 Replies Last reply
      3
      • yusfY yusf

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

        d19dotcaD Offline
        d19dotcaD Offline
        d19dotca
        wrote on last edited by
        #4

        @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
        2
        • yusfY yusf

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

          T Offline
          T Offline
          Trankery
          wrote on last edited by
          #5

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

          1 Reply Last reply
          2
          • W will

            @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 Offline
            T Offline
            Trankery
            wrote on last edited by
            #6

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

            W 1 Reply Last reply
            1
            • T Trankery

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

              W Offline
              W Offline
              will
              wrote on last edited by
              #7

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

              1 Reply Last reply
              1
              • nebulonN Away
                nebulonN Away
                nebulon
                Staff
                wrote on last edited by
                #8

                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.

                d19dotcaD marcusquinnM 2 Replies Last reply
                8
                • nebulonN nebulon

                  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.

                  d19dotcaD Offline
                  d19dotcaD Offline
                  d19dotca
                  wrote on last edited by
                  #9

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

                  --
                  Dustin Dauncey
                  www.d19.ca

                  MallewaxM 1 Reply Last reply
                  4
                  • d19dotcaD d19dotca

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

                    MallewaxM Offline
                    MallewaxM Offline
                    Mallewax
                    wrote on last edited by
                    #10

                    @d19dotca Agreed!

                    1 Reply Last reply
                    1
                    • nebulonN nebulon

                      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.

                      marcusquinnM Offline
                      marcusquinnM Offline
                      marcusquinn
                      wrote on last edited by
                      #11

                      @nebulon Nice! πŸ‘ from me.

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

                      Web Design https://www.evergreen.je
                      Development https://brandlight.org
                      Life https://marcusquinn.com

                      1 Reply Last reply
                      0
                      • nebulonN Away
                        nebulonN Away
                        nebulon
                        Staff
                        wrote on last edited by
                        #12

                        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
                        4
                        • nebulonN nebulon

                          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 Offline
                          W Offline
                          will
                          wrote on last edited by
                          #13

                          @nebulon Dark mode is dope!

                          1 Reply Last reply
                          0
                          • girishG Offline
                            girishG Offline
                            girish
                            Staff
                            wrote on last edited by
                            #14

                            Implemented in 5.4

                            1 Reply Last reply
                            0
                            • timconsidineT Online
                              timconsidineT Online
                              timconsidine
                              App Dev
                              wrote on last edited by
                              #15

                              Hmm, running 7.6.4 and I can't see dark mode toggle.
                              Am I being an idiot ?

                              1 Reply Last reply
                              0
                              • nebulonN Away
                                nebulonN Away
                                nebulon
                                Staff
                                wrote on last edited by
                                #16

                                There is no explicit toggle within Cloudron, but the UI will follow the system preference communicated via the browser.

                                1 Reply Last reply
                                1
                                • timconsidineT Online
                                  timconsidineT Online
                                  timconsidine
                                  App Dev
                                  wrote on last edited by
                                  #17

                                  thanks @nebulon, I run my cloudron dashboard in Webcatalog, which doesn't seem to apply the dark mode preference. Hey ho, bigger issues to deal with, so will park it

                                  U 1 Reply Last reply
                                  1
                                  • timconsidineT timconsidine

                                    thanks @nebulon, I run my cloudron dashboard in Webcatalog, which doesn't seem to apply the dark mode preference. Hey ho, bigger issues to deal with, so will park it

                                    U Offline
                                    U Offline
                                    uwcrbc
                                    wrote on last edited by
                                    #18

                                    @timconsidine Ah! I am in the exact same situation.
                                    I run both on webcatalog and privacy locked browser. and in both situation Cloudron does not/cannot pick up the system preferences thus does not turn on the dark mode.

                                    I suppose having an explicit toggle for "light mode, dark mode, use system preference" on the user profile would not hurt anyone, but I also agree, unless a quick feature to implement, there are bigger fishes to fry...

                                    1 Reply Last reply
                                    2
                                    • nebulonN Away
                                      nebulonN Away
                                      nebulon
                                      Staff
                                      wrote on last edited by
                                      #19

                                      Many such extensions have some exceptions to allow those values to be provided to the website. In Cloudron case you could just allow that then, since we don't do any tracking and anyway it is your server you are connecting to.

                                      U 1 Reply Last reply
                                      0
                                      • nebulonN nebulon

                                        Many such extensions have some exceptions to allow those values to be provided to the website. In Cloudron case you could just allow that then, since we don't do any tracking and anyway it is your server you are connecting to.

                                        U Offline
                                        U Offline
                                        uwcrbc
                                        wrote on last edited by
                                        #20

                                        @nebulon I have zero doubt about Cloudron and privacy / tracking at this stage. This is more "the other end" that I am doubtful of (Browser / OS).

                                        And so I cannot speak for Webcatalog in details since I have not extensively tested it. However regarding the browser, this is simply due to its native config as far as I can tell (LibreWolf - "A custom version of Firefox, focused on privacy, security and freedom").

                                        But more generally, with the toggle, I am also thinking giving the user the freedom to chose to have a different mode between Cloudron and other app/website.
                                        Let say for example that you have an ubercool background which marries fantastically well with Cloudron's dark mode but want to keep your browser in light mode.

                                        Yet again - and I can only speak for myself here - in the list of wishes and things I am looking forward to see released in Cloudron, a dark mode toggle is very near the bottom.

                                        1 Reply Last reply
                                        1
                                        Reply
                                        • Reply as topic
                                        Log in to reply
                                        • Oldest to Newest
                                        • Newest to Oldest
                                        • Most Votes


                                        • Login

                                        • Don't have an account? Register

                                        • Login or register to search.
                                        • First post
                                          Last post
                                        0
                                        • Categories
                                        • Recent
                                        • Tags
                                        • Popular
                                        • Bookmarks
                                        • Search