Navigation

    • Register
    • Login
    • Search
    • Recent
    • Contact Us

    Change accent colour pallete

    Edwiser RemUI
    3
    9
    528
    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.
    • L
      lhjohn last edited by

      Hello,

      I would like to change the accent colour pallete to match my organization's branding.

      For example, the colors of a block on the Dashboard used for courses (the orange and the red backgrounds): Capture.PNG

      How can I do that? Are these colours defined globally in the Edwiser RemUI theme or only locally in the dashboard blocks?

      1 Reply Last reply Reply Quote 0
      • R
        Rajiv Sathian last edited by

        Thanks for adding this query to the Edwiser Forums.

        These colors are applied by default in the theme and I believe there isn't any setting to change them as of now.
        Let me check if we could add some custom CSS that will help in changing its colors.

        Could you help me with colors do you want to add as part of those cards?

        1 Reply Last reply Reply Quote 0
        • L
          lhjohn last edited by

          I would like to add these specific colors instead of the colours present at the moment:

          yellow: RGB (239, 165, 40)
          light blue: RGB (69, 176, 201)
          dark purple: RGB (55, 46, 119)
          purple: RGB (146, 46, 117)
          pink: RGB (220, 52, 86)

          1 Reply Last reply Reply Quote 0
          • R
            Rajiv Sathian last edited by

            And I am guessing we won't be changing these colors that often isn't it?

            1 Reply Last reply Reply Quote 0
            • L
              lhjohn last edited by

              The colors will not change. Depending on how it looks, we may add 1-2 additional colors.

              The colors seem to be only used in the Blocks on the Dashboard. If you could point me to the CSS file of these Blocks, I may be able to edit them myself and customize the block for our purposes.

              1 Reply Last reply Reply Quote 0
              • R
                Rajiv Sathian last edited by

                Give us some time to check if this could be tweaked using some custom CSS.

                1 Reply Last reply Reply Quote 0
                • L
                  lhjohn last edited by

                  @Rajiv-Sathian Can you provide an update on the possibility of using custom CSS? I am still eager to change the colors, manually by providing a color pallete.

                  1 Reply Last reply Reply Quote 0
                  • R
                    rushidevre Forum Moderator last edited by

                    Hi,

                    Try adding the following CSS code in RemUI settings > Custom CSS section:

                    .block-recentlyaccessedcourses .slick-slide .card .card-body .text-white
                    {
                    background-color: red !important;
                    }
                    

                    Thank you

                    1 Reply Last reply Reply Quote 0
                    • L
                      lhjohn last edited by

                      Thank you for that suggestion. In the meantime we have decided to use the "Course Overview" block. Could you inform me what the corresponding custom CSS for the "Course Overview" block is?

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