When creating a custom CSS theme on Canvas (by Instructure), is there a guide out there showing all the elements that the standard themes have?

So I'm creating a custom Canvas theme.

At first, I just had the basic elements tailored to the way I want them, e.g. <p> elements with a certain font, font-size, <h1> elements with a certain colors and size, <a> elements showing different colors for links based on status (visited, hovered on, etc) , etc.

Following this, I uploaded that .css file to the Theme Editor's "Upload" tab, preview it, then apply the theme.

This is where I saw that there are other elements on the Theme Editor page that I haven't customized yet, such as checkboxes, radio buttons, dropdown menus, breadcrumbs, etc.

I update my style sheet with new styling to certain elements I initially didn't have custom styles for, then I upload an updated .css, then come to find out that I'm still missing some other elements that I only found out through browsing around and looking at various course pages. I must've done this whole back and forth several times by now lol.

Which leads me to my question (ie. this post), is there a guide out there showing all the elements that the standard themes have? So that I can make sure I customized all the default elements and maintain a consistent, customized theme.

Submitted April 06, 2022 at 05:26PM by Sedresde https://ift.tt/W8aqQHK