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

    QChatMessage bg-color custom color

    Framework
    3
    5
    407
    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.
    • D
      dan last edited by dan

      bg-color ignore custom color -

      <q-chat-message name="Me"
                                    :text="[msg.Message]"
                                    :stamp="dateFormat(msg.MessageSend)"
                                    sent
                                    text-color="white"
                                    bg-color="myChat" />
      
      <style lang="stylus">
        .bg-myChat
          background-color #dbe5f1
      </style>
      
      1 Reply Last reply Reply Quote 0
      • J
        Josebas last edited by Josebas

        <q-chat-message name="Me" :text="[msg.Message]"
         :stamp="dateFormat(msg.MessageSend)"
          sent
           text-color="white"
         class="bg-myChat" />
        

        maybe this works for you

        D 1 Reply Last reply Reply Quote 0
        • D
          dan @Josebas last edited by

          @Josebas not working.

          metalsadman 1 Reply Last reply Reply Quote 0
          • metalsadman
            metalsadman @dan last edited by metalsadman

            @dan put your brand color in your src/css/app.styl file. <-- didn’t work, look like text-color / bg-color only works for preset brands (primary/secondary etc…) and palette colors (blue-grey-1/amber-1 etc…)…
            here overriding css with text-color combo https://codepen.io/metalsadman/pen/ZEzeOjr.

            D 1 Reply Last reply Reply Quote 1
            • D
              dan @metalsadman last edited by

              @metalsadman thank you. worked for me

              <style lang="stylus">
                .q-message-sent .q-message-text
                  color #365f91
              </style>
              

              I hope that there would be a fix for bg-color.

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