The Instructure Community is currently experiencing a site-wide disruption. Our team has escalated the issue with our platform provider and is working on a resolution.
Found this content helpful? Log in or sign up to leave a like!
Does anyone know how to choose the default blue text color within a Canvas page, assignment, announcement, etc?
Sometimes when I cut and paste in text from another source, its color does not match the other text already there that uses the default blue color. When I highlight the new text and go to "font color" on the menu and change the text color to "navy blue," I end up with a close-but-not quite color for the new text. That "navy blue" is a bit grayer than the default blue color, as shown below (the default is on the left).
Canvas blues
Obviously it is not a big deal, but with paragraphs of text the difference is noticeable. Ideally I could make all text the same color! (Of course, I could turn the default text to the font menu's grayish "navy blue," but then it won't match the text color of other pages... I know... OCD, right?)
I would like to be able to choose the default Canvas blue from the "font color" menu. It is odd it is not there as a choice already! (Or maybe it is and I am overlooking it?)
In any case this is fixable if I knew the R, G, B and # values I could input into "custom color" (a choice on the font color menu). Does anyone know?
Solved! Go to Solution.
OK, answering my question one more time:
I have discovered that the quick way to choose the default blue is, on the "font color" menu, to choose "remove color" (the icon for this looks like a red slash mark)!
I should have given that a try. I guess I expected the remove color button to turn the text black or white, haha.
(It's still weird to me that the "navy blue" color choice in the font color menu doesn't match the default navy blue color, but oh well...)
Answering my own question. I used an image editor to discover the numberical value for default blue color. In the "custom color" option on the "font color" menu, leave the R, G, B boxes blank. Into the "#" box, type: 073b71
That will auto-fill the other boxes and give you the default Canvas blue.
So, problem solved.
Still, that is a pain to have to do that, everytime I want to change some text from a non-default color to the default blue. So I am still curious if anyone knows an easier way to choose the default blue color.
OK, answering my question one more time:
I have discovered that the quick way to choose the default blue is, on the "font color" menu, to choose "remove color" (the icon for this looks like a red slash mark)!
I should have given that a try. I guess I expected the remove color button to turn the text black or white, haha.
(It's still weird to me that the "navy blue" color choice in the font color menu doesn't match the default navy blue color, but oh well...)
It sounds like the color you are trying to match is likely controlled by the theme in Canvas. So if someone edits the theme to change the default color, the color that will be used by default may no longer be something similar to that navy blue.
I agree that it would be beneficial to provide a tooltip to explain that the remove color actually means use theme default and perhaps show that color. Using the theme default is also useful rather than setting your own color because it can be updated automatically throughout if the theme is changed. Once you set the color yourself it could create issues down the road if the theme is changed and now those colors you set no longer match the theme.
As a side note, if you are trying to find the color of an element in a web browser, you could consider using the Dev Tools when you use inspect element. The color property is the text color and background-color properties would be the background color.
I also find the WebAIM: Contrast Checker useful since it has a color picker and lets you check the accessibility of color combinations (text/foreground color vs background color).
I saw you already figured out a solution, but thought I would provide a tool to help you further. You mentioned using an image editor to figure out the RGB colors. If you use a Chrome browser, look into adding Colorzilla to your menu bar. On any webpage, you can click on that menu option to get a color picker. Click on any color visible on your screen and it will copy the #XXXXXX HTML color code to your clipboard. Then, when you go to the option in the Canvas Menu where you can enter in a color value, you can paste that in to get the desired color.
Colorzilla occasionally acts weird, but it has been very reliable over the years. The few times I run into hiccups, I've gotten used to some tricks to help get around it.
I'm not sure about Edge, but Firefox has similar tools you can add to the browser toolbar.
To interact with Panda Bot, our automated chatbot, you need to sign up or log in:
Sign inTo interact with Panda Bot, our automated chatbot, you need to sign up or log in:
Sign in