Skip to main content
M
Martini311910-Marble
10-Marble
July 15, 2022
Question

Vuforia Studio - Dark Mode / reduce eyestrain

  • July 15, 2022
  • 8 replies
  • 6606 views

Hi,

 

Is Vuforia Studio equipped with a Dark Mode theme? I used to work in Studio every day until eyestrain got to me. A lot of programs I use feature dark themes. Creo Illustrate and Vuforia Studio are one of the few without a Dark Mode.

 

If Vuforia Studio does not have a Dark Mode, is there some place where I can contribute to this feature? I have taken a little bit of time to create my own dark theme. The product developers are more than welcome to use my work to create a Dark Mode. Please find the results in the attachments. I ensured that the 3D scene and 2D canvas remain original to guarantee that everything in the experience is displayed correctly. The only files I changed were main.css and third-party.css. I think this is a feature that could be added to the 'settings' window.

 

Thanks!

 

With kind regards,

Martini3119

    8 replies

    M
    Martini311910-MarbleAuthor
    10-Marble
    July 20, 2022

    Please find the edited files here.

    They need to replace main.css and third-party.css in C:\Users\%USERNAME%\AppData\Roaming\VuforiaStudio\studio-download.vuforia.io\dist\client\css and have been updated for Vuforia Studio 9.4.0 .

      S
      sdidier17-Peridot
      17-Peridot
      August 9, 2022

      Hello,

       

      No Vuforia Studio doesn't have a dark theme.

       

      Thanks you for your sharing, it is a great idea.

      I believe that the Product Managers will like it.

       

      I have reported that to R&D and PMs in JIRA Ticket VTS-1101.

       

      Best regards,

      Samuel

        M
        Martini311910-MarbleAuthor
        10-Marble
        September 16, 2022

        Updated files for Vuforia Studio 9.6.0.5584 (same method to install applies).

          M
          Martini311910-MarbleAuthor
          10-Marble
          October 13, 2022

          Updated files for Vuforia Studio 9.7.1.5619. Installation method is the same. I added a README.txt which explains the process in more detail. The described process allows the user to revert back to the original design if deemed necessary.

            M
            Martini311910-MarbleAuthor
            10-Marble
            December 1, 2022

            Updated files for Vuforia Studio 9.8.0.5653. Changed the readme.txt, because the instructions of uninstalling the dark mode used the dark mode files to do that. If followed literally, it would only reapply the dark mode instead of removing it.

             

            @sdidier , is there any update on the Jira ticket?

              S
              sdidier17-Peridot
              17-Peridot
              December 5, 2022

              Hello,

               

              JIRA Ticket has been added to backlog of Product Manager and it is flagged with Feature Request.

               

              Best regards,

              Samuel

              M
              Martini311910-MarbleAuthor
              10-Marble
              April 20, 2023

              Updated files for Vuforia Studio 9.10.0, but with a sidenote:

               

              The attached dark mode files were created using the updated files from the appxbundle, so there is no guarantee that it works with the legacy version.

               

              There is a new method required to make it work for the appxbundle version of Vuforia Studio. The new method allows the user to override certain values or files while keeping the app fully intact. Please find the instructions in the ZIP-file.

               

              FYI:

              • The Studio-files in the usual location ("%AppData%\Roaming\VuforiaStudio\studio-download.vuforia.io\") still remain after updating from legacy to appxbundle, but the contents of this folder are no longer used
              • It is not possible to make changes in the WindowsApps folder where the appxbundle lives, as far as I know
              • A new location with a selection of the files that were present in "%AppData%" are added to "C:\ProgramData\VuforiaStudio\"

              Enjoy.

               

              With kind regards,

              Martini3119

                M
                Martini311910-MarbleAuthor
                10-Marble
                October 12, 2023

                Updated files for Vuforia Studio version 9.14.2.0.

                A
                AS_1034065113-Aquamarine
                13-Aquamarine
                October 18, 2023

                First of all, thanks alot for that dark mode. i had recently aswell  eyestrain and this should help.

                 

                Your README.txt for Vuforia 9.14 is not up to date 

                AS_10340651_1-1697619009180.png

                And the extension is not needed anymore. i used only the dev tools

                and followed this steps: 

                AS_10340651_2-1697619100516.png

                It works like a charm. Thanks again.

                  M
                  Martini311910-MarbleAuthor
                  10-Marble
                  October 25, 2023

                  Thank you for using dark mode! Happy to help 🙂

                   

                  You are correct about the VuS version number, I did not check the readme.txt file before uploading. However, I am unable to find 'Overrides' in the devtools without the extension installed. The described steps 3 through 5 is only possible for me because of the extension, otherwise I would not know how to make it work. I also require updating the rules in the overrides section manually, where your guide suggests it might be automatic. Is that because of changing the file names and their location?

                   

                  Thanks!

                  Martini3119

                  A
                  aletenti12-Amethyst
                  12-Amethyst
                  January 28, 2025

                  Hi Martini,

                  try to add this Chrome extension

                   

                  It should switch websites to dark mode.

                  M
                  Martini311910-MarbleAuthor
                  10-Marble
                  January 28, 2025

                  Hi there!

                   

                  Thank you for your suggestion! I have been working with an extension for quite a while now. That is one of the reasons I stopped editing Vuforia's CSS files. It is called Dark Reader and works for Chrome and Edge and even detects if a dark mode is already available before switching: Dark Reader - Google Chrome Extensions / Dark Reader - Microsoft Edge Addons

                   

                  These extensions do not uphold any form of company/product branding for Vuforia Studio, of course, so I hope a dark mode (VTS-1101) is in the works to ensure the software to properly function in dark mode and reflect the Vuforia theme.

                   

                  Thanks,

                  Martini3119

                  Terms & ConditionsCookie settingsAccessibility statement