<% # Copyright (C) 2015 - present Instructure, Inc. # # This file is part of Canvas. # # Canvas is free software: you can redistribute it and/or modify it under # the terms of the GNU Affero General Public License as published by the Free # Software Foundation, version 3 of the License. # # Canvas is distributed in the hope that it will be useful, but WITHOUT ANY # WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR # A PARTICULAR PURPOSE. See the GNU Affero General Public License for more # details. # # You should have received a copy of the GNU Affero General Public License along # with this program. If not, see . %> <% js_bundle :theme_preview css_bundle :theme_preview %>

<%= t('Welcome to the Canvas Theme Editor') %>

<%= t do %> This sample page includes common UI elements in Canvas to help you build your custom branding. Once you start making changes to color values and images, you will see a Preview Your Changes button. Click it to refresh this page and see how your changes look. <% end %>

<%= t do %> Important note: Educational institutions have an obligation to make their content as accessible as possible. Instructure recommends at least a 3:1 text-to-background-color ratio to keep your text readable. Easily test your contrast ratios with the <%= link_to "WebAIM Color Contrast Checker", "http://webaim.org/resources/contrastchecker/" %>. <% end %>


Set Canvas' default text color using the Main Text Color field in Theme Editor. Check this text after you change it to see your edits.

<%= t('Click to test dropdown') %>
<%= t('Name') %> <%= t('Email address') %>
Joe Bloggs jbloggs1980@gmail.com
Jane Doe jane-doe-11@hotmail.com
<%= t('Tab 1 content') %>
<%= t('Tab 2 content') %>
<%= t('Tab 3 content') %>

<%= t('Accordion Section 1') %>

<%= t('Content for Section 1') %>

<%= t('Accordion Section 2') %>

<%= t('Content for Section 2') %>

<%= t('Accordion Section 3') %>

<%= t('Content for Section 3') %>

<%= t('Login') %>