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.0k 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.
  • 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 Offline
      nebulonN Offline
      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 Offline
            timconsidineT Offline
            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 Offline
              nebulonN Offline
              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 Offline
                timconsidineT Offline
                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 Offline
                    nebulonN Offline
                    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