No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    How to change colors (primary, secondary, etc) for dark theme?

    Help
    3
    4
    1328
    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.
    • E
      educob last edited by

      Hi.

      In file quasar.variables.sass are the variables for the colors.

      I’d like to specify different colors when in dark theme.

      How can I do it?

      Thanks.

      1 Reply Last reply Reply Quote 1
      • s.molinari
        s.molinari last edited by

        https://quasar.dev/style/dark-mode

        Scott

        1 Reply Last reply Reply Quote 2
        • E
          educob last edited by educob

          I tried this:

          .body–light {
          /* … /
          }
          .body–dark {
          /
          … */
          }

          But it didn’t work.
          But that wouldn’t change primary, secondary, etc colors.
          This would force me to create classes (I think)

          metalsadman 1 Reply Last reply Reply Quote 1
          • metalsadman
            metalsadman @educob last edited by

            @educob you can check if dark is on or not plus using helper function to change the brand colors in run time, check here https://quasar.dev/style/color-palette#Dynamic-Change-of-Brand-Colors-(Dynamic-Theme-Colors).

            1 Reply Last reply Reply Quote 1
            • First post
              Last post