Duet3D Logo Duet3D
    • Tags
    • Documentation
    • Order
    • Register
    • Login

    DWC - GUI Color Change?

    Scheduled Pinned Locked Moved
    Duet Web Control
    6
    8
    770
    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.
    • pro3dundefined
      pro3d
      last edited by pro3d

      Edit: This is DWC Beta 2.x

      I know we have white and black theme - Can I change GUI color to other as I get more printers? - To separate them in the browser more easely? - And I dont like the white one. 🙂

      0_1560108564939_2019-06-09.png

      Valkyrie DIY High Temp 3D Printer

      R&D - Engineering Designer - Viking 3D Printers
      https://vkingprinter.com/

      1 Reply Last reply Reply Quote 0
      • Phaedruxundefined
        Phaedrux Moderator
        last edited by

        You should be able to choose different themes in the settings area.

        Z-Bot CoreXY Build | Thingiverse Profile

        pro3dundefined 1 Reply Last reply Reply Quote 0
        • pro3dundefined
          pro3d @Phaedrux
          last edited by

          @phaedrux

          Thanks - l only find a way to go dark theme or white. It would be nice to have various colors on the tab for different printers to identify them more easy in the browser. Or maybe just able to change the favicon or something

          Valkyrie DIY High Temp 3D Printer

          R&D - Engineering Designer - Viking 3D Printers
          https://vkingprinter.com/

          1 Reply Last reply Reply Quote 0
          • Exerqtorundefined
            Exerqtor
            last edited by Exerqtor

            If you give each printer a unique name it should reflect in the browser tab?

            1 Reply Last reply Reply Quote 0
            • T3P3Tonyundefined
              T3P3Tony administrators
              last edited by

              @pro3d DWC comes with light and dark. You may be able to look at how those themes are put together and them make another one that fits the colours you want.

              www.duet3d.com

              Paskiundefined 1 Reply Last reply Reply Quote 0
              • Paskiundefined
                Paski @T3P3Tony
                last edited by

                Hi @T3P3Tony,

                Would you mind sharing a quick and simple guide on how to change the color of the header in Duet Web Control? I'm not very experienced with web development, but I’d love to customize it a bit.

                From what I’ve gathered, the styles seem to be in the app.*.css file in the DWC files. Can I just modify that directly to change the header color?

                Or is there a better way to do it? I imagine that file is auto-generated, so maybe any updates would overwrite my changes? I guess that the
                src/App.vue on the DuetWebControl repo could be the one?

                Thanks in advance for your help!

                jay_s_ukundefined 1 Reply Last reply Reply Quote 0
                • jay_s_ukundefined
                  jay_s_uk @Paski
                  last edited by

                  @Paski BtnCmd can be used to change the header colour fba9d235-0007-4a74-b22d-20b6227418f1-image.png

                  Owns various duet boards and is the main wiki maintainer for the Teamgloomy LPC/STM32 port of RRF. Assume I'm running whatever the latest beta/stable build is

                  Paskiundefined 1 Reply Last reply Reply Quote 0
                  • Paskiundefined
                    Paski @jay_s_uk
                    last edited by

                    @jay_s_uk That's super awesome.
                    Thanks!

                    1 Reply Last reply Reply Quote 0
                    • First post
                      Last post
                    Unless otherwise noted, all forum content is licensed under CC-BY-SA