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. Support
  3. Dropdown menus in dark mode really hard to read

Dropdown menus in dark mode really hard to read

Scheduled Pinned Locked Moved Solved Support
darkmodeuserinterface
7 Posts 5 Posters 1.3k Views 5 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.
    • d19dotcaD Offline
      d19dotcaD Offline
      d19dotca
      wrote on last edited by girish
      #1

      I’ve noticed that all dropdown menus in Cloudron when viewing via Safari on iOS is extremely difficult to read. It’s been like this for quite a while now, I just keep forgetting to post about it.

      Does anyone else see this as well?

      Here’s a screenshot of the dropdown on the Backups page:

      2717AA86-9839-485A-81DF-E2380D44A1F9.jpeg

      Here’s another from the Mail page near the logs section:

      1EAD48B0-6B61-4A5C-BA6A-541CEEBA88EE.jpeg

      --
      Dustin Dauncey
      www.d19.ca

      humptydumptyH imc67I 2 Replies Last reply
      2
      • d19dotcaD d19dotca

        I’ve noticed that all dropdown menus in Cloudron when viewing via Safari on iOS is extremely difficult to read. It’s been like this for quite a while now, I just keep forgetting to post about it.

        Does anyone else see this as well?

        Here’s a screenshot of the dropdown on the Backups page:

        2717AA86-9839-485A-81DF-E2380D44A1F9.jpeg

        Here’s another from the Mail page near the logs section:

        1EAD48B0-6B61-4A5C-BA6A-541CEEBA88EE.jpeg

        humptydumptyH Offline
        humptydumptyH Offline
        humptydumpty
        wrote on last edited by
        #2

        @d19dotca I'm seeing the same in Safari and Firefox on iOS.

        1 Reply Last reply
        0
        • d19dotcaD d19dotca

          I’ve noticed that all dropdown menus in Cloudron when viewing via Safari on iOS is extremely difficult to read. It’s been like this for quite a while now, I just keep forgetting to post about it.

          Does anyone else see this as well?

          Here’s a screenshot of the dropdown on the Backups page:

          2717AA86-9839-485A-81DF-E2380D44A1F9.jpeg

          Here’s another from the Mail page near the logs section:

          1EAD48B0-6B61-4A5C-BA6A-541CEEBA88EE.jpeg

          imc67I Offline
          imc67I Offline
          imc67
          translator
          wrote on last edited by
          #3

          @d19dotca yes and it’s really annoying

          nebulonN 1 Reply Last reply
          0
          • imc67I imc67

            @d19dotca yes and it’s really annoying

            nebulonN Offline
            nebulonN Offline
            nebulon
            Staff
            wrote on last edited by
            #4

            @imc67 I do not have access to an iOS device readily available. This seems some issue with the iOS native widget rendering and the custom css for dark-mode. Once I can actually reproduce and test this myself, this should be easy to fix.

            robiR d19dotcaD 2 Replies Last reply
            2
            • nebulonN nebulon

              @imc67 I do not have access to an iOS device readily available. This seems some issue with the iOS native widget rendering and the custom css for dark-mode. Once I can actually reproduce and test this myself, this should be easy to fix.

              robiR Offline
              robiR Offline
              robi
              wrote on last edited by
              #5

              @nebulon perhaps you can set up a test page and we can send you screen shots of the results.

              Conscious tech

              1 Reply Last reply
              1
              • nebulonN nebulon

                @imc67 I do not have access to an iOS device readily available. This seems some issue with the iOS native widget rendering and the custom css for dark-mode. Once I can actually reproduce and test this myself, this should be easy to fix.

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

                @nebulon I wonder if a browser emulator would work well too, those are freely available online. Might need to take one that can access privileged pages though I guess.

                --
                Dustin Dauncey
                www.d19.ca

                1 Reply Last reply
                0
                • nebulonN Offline
                  nebulonN Offline
                  nebulon
                  Staff
                  wrote on last edited by
                  #7

                  I got hold of an iPhone temporarily to test this and I've fixed this now with https://git.cloudron.io/cloudron/dashboard/-/commit/ff5ad8b062414d8a972631a19b181c80d2adc15d

                  Essentially we avoid rendering the native select dropdown button but style it ourselves so we can control also how the dark-mode rendering is done.

                  1 Reply Last reply
                  4
                  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