Dette dokumentet omhandler komponenter som brukes til å lage tilpassede Canvas-temaer for en institusjon.
Temaredigereren lar administratorer lage tilpassede Canvas-temaer for institusjonen sin ved hjelp av farger og bilder. Bilder, logoer og vannmerker vises imidlertid ikke for brukere som aktiverer brukerinnstillingen for høykontraststiler. Hvis du trenger spesifikk hjelp med bildefiler, kan du seRessursdokument for bildemaler for Canvas-temaredigering.
Overstyrte CSS- og JavaScript-filer kan også lastes opp til Temaredigereren for henholdsvis HTML-visning og Canvas-appvisning. Vær imidlertid oppmerksom på at tilpassede filer kan overskrive alle farger som støttes for høykontraststiler. Hvis du for eksempel endrer en lenkefarge til rød i en tilpasset CSS-fil, vil den også vises som rød for brukere med høykontraststiler, noe som kan skape tilgjengelighetsproblemer. Som nevnt i opplastingsvinduet i Temaredigereren, er det et alternativ å bruke tilpassede CSS/js-filer, men det betyr at du er ansvarlig for å vedlikeholde all kode som skaper en konflikt med det Canvas støtter i Temaredigereren.
Med mindre annet er angitt, gjelder følgende Theme Editor-komponenter for nettversjonen av Canvas. Noen komponenter for global merkevarebygging og global navigasjon gjelder også for Canvas-mobilappene.
Global merkevarebygging
Primær merkefargePrimærfarge som brukes i hele Canvas, primært vist i kursnavigasjonslenker og dashbord-veksleikonet. Brukes i Canvas Student- og Canvas Teacher-appene for global navigasjon, innboks og kursvalgfarger. Standardverdien er #008ee2.
HovedtekstfargeFarge for tekst som brukes i hele Canvas. Brukes når du skriver inn tekst på innloggingssiden i Canvas Student-, Canvas Teacher- og Canvas Parent-appene. Standardverdien er #2d3b45.
LenkefargeFarge for hyperlenker som brukes i hele Canvas. Brukes for ikoner for eksterne lenker og nedlastingsikoner. Vises også på mobilinnloggingssiden for lenken «Glemt passord». Standardverdien er #008ee2.
PrimærknappFarge for hovedknappene i Canvas;Hvis en farge ikke er angitt, antar primærknappen primærfargen. Brukes til å tematisere knapper og lenker i Canvas Student- og Canvas Teacher-appene. Brukes også til fargen på logg inn-knappen i Canvas Student-, Canvas Teacher- og Canvas Parent-appene.
Tekst på primærknappFarge for teksten som vises som en del av hovedknappene. Brukes for tekst på Logg inn-knappen i Canvas Student-, Canvas Teacher- og Canvas Parent-appene. Standardverdien er #ffffff.
Sekundær knappFarge for sekundærknappene i Canvas.Standardverdien er #2d3b45.Denne komponenten brukes for øyeblikket ikke i Canvas-grensesnittet.
Tekst på sekundær knappFarge for teksten som vises som en del av de sekundære knappene. Standardverdien er #ffffff.Denne komponenten brukes for øyeblikket ikke i Canvas-grensesnittet.
Global navigasjon
Navigasjonsbakgrunn: Farge for bakgrunnen i den globale navigasjonsmenyen. Brukes også til å fargelegge bakgrunnen til adressefeltet i nettlesere. Standardverdien er #394b58.
NavigasjonsikonFarge for ikonene i den globale navigasjonsmenyen. Brukes også til å fargelegge ikonene for synlighet og innstillinger i SpeedGrader. Standardverdien er #ffffff.
Navigasjonsikon aktivtFarge for det aktive (valgte) ikonet i den globale navigasjonsmenyen. Hvis ingen farge er angitt, antar det aktive navigasjonsikonet primærfargen.
NavigasjonstekstFarge for teksten i den globale navigasjonsmenyen. Brukes også til å fargelegge teksten i den øverste navigasjonslinjen i Canvas Student- og Canvas Teacher-appene. I tillegg brukes navigasjonstekst til å fargelegge karakterbokikonet i SpeedGrader. Standardverdien er #ffffff.
Navigasjonstekst aktivFarge for den aktive teksten i den globale navigasjonsmenyen. Hvis ingen farge er angitt, antar den aktive navigasjonsteksten lenkefargen.
Nav-avatarkantFargen som brukes for rammen rundt kontokoblingsikonet. Standardverdien er #ffffff.
Navigasjonsmerke:Fargen som brukes for ulest melding-merket i innboksikonet. Hvis ingen farge er angitt, antar navigasjonsmerket primærfargen.
Navigasjonsmerke aktivtFarge for det aktive (valgte) merket i den globale navigasjonsmenyen. Hvis ingen farge er angitt, antar det aktive navigasjonsmerket primærfargen.
Tekst på navigasjonsmerketFargen som brukes for nummeret i ulestmeldingsmerket i innboksikonet. Hvis ingen farge er angitt, antar navigasjonsmerket primærfargen.
Navigasjonsmerketekst aktivFarge for den aktive teksten i den globale navigasjonsmenyen. Hvis ingen farge er angitt, antar den aktive teksten i navigasjonsmerket lenkefargen.
Nav-logobakgrunnFarge for bakgrunnen til logoen i den globale navigasjonsmenyen. Standardverdien er #394b58.
Nav-logoLogo øverst i den globale navigasjonsmenyen (støtter svg-, png- og jpg-filer). Brukes også som logo i den øverste navigasjonslinjen i Canvas Student- og Canvas Teacher-appene på iOS-enheter. Standard er Canvas-logoen.
Vannmerker og andre bilder
Vannmerke: Lyst bakgrunnsbilde som vises bak sideinnholdet; visningsstørrelsen er subjektiv basert på størrelsen på den opplastede filen, så hvis bildet er for lite eller for stort for designpreferansene dine, endre størrelsen på bildet deretter (støtter png-, svg-, gif- og jpg-filer). Standard er ikke noe bilde.
Vannmerkets opasitet:Opasitet (gjennomsiktighet) for vannmerket ditt. Standard er 100 % (ingen bildegjennomsiktighet).
Favicon: Lite ikon vist i nettleserfanen (støtter 16x16, 32x32 og 48x48 ico-filer). Standard er Canvas-favicon.
Ikon for mobil startskjermIkonet vises når Canvas er bokmerket fra en nettleser på en mobilenhet (støtter 180x180 png-filer). Standard er Apple Touch-ikonet.
Brukere av nyere Windows-versjoner (8+) kan feste nettsteder og apper til startskjermen på Windows-telefonene sine. Windows-feltene er valgfrie, men lar deg tilby tilpasningsalternativer til Windows-telefonbrukere. Windows-fliser viser imidlertid fortsatt favorittikonet som er angitt i temaredigereren, hvis det finnes et.
Farge på Windows-fliserFarge for Windows-flisen. Hvis ingen farge er angitt, antar fargen på Windows-flisen primærfargen.
Windows-flisbilde firkantetBilde for den firkantede versjonen av Windows-flisen (støtter 1,8 ganger standard flisstørrelse (558x558 svg-, png-, jpg- og gif-filer). Standard er Windows-flisbildet.
Windows-flisbilde bredtBilde for den brede versjonen av Windows-flisen (støtter 558x270 svg-, png-, jpg- og gif-filer). Standard er bildet for Windows-flisen.
Logo i høyre sidefeltLogoen vises over høyre sidefelt på Canvas-dashbordet, men når den vises på nettbrett eller i nettleservinduer med mindre skjermoppløsninger, er ikke logoen synlig på grunn av plassbegrensninger. Visningsstørrelsen er subjektiv basert på opplastet filstørrelse, men foretrukket bildestørrelse er 360x140 (støtter svg, png, jpg, gif). Standard er ikke noe bilde.
Innloggingsskjerm
Mobilpåloggingssiden støttes for øyeblikket ikke med påloggingsskjermkomponentene, men støtter begrenset merkevarebygging fra de globale merkevarekomponentene. Vær oppmerksom på at lenker for enkel pålogging arver innstillinger fra temaredigereren.
Bakgrunnsfarge:Fargen på innloggingsbakgrunnen. Standardverdien er #394b58.
Bakgrunnsbilde:Bilde for innloggingsbakgrunnen. Standard er ikke noe bilde.
Kroppsskygge:Farge for kroppsskyggen. Standardverdien er #2d3b45.
Innloggingslogo:Logoen vises øverst på innloggingssiden. Standard er Canvas-logoen.
Bakgrunn for toppboksFarge for den ytre boksen rundt Canvas-logoen, skjemaet og bunnteksten. Standard er ingen farge.
Toppbokskant:Farge for kanten av den øverste boksen. Standard er ingen farge.
Bakgrunn for indre boksFarge for den indre boksen rundt Canvas-logoen, skjemaet og bunnteksten. Standard er ingen farge.
Indre bokskant:Farge for kanten av den indre boksen. Standard er ingen farge.
Skjemabakgrunn:Farge for bakgrunnen bak påloggingsetiketten og passordfeltene, Glemt passord-lenken og Logg inn-knappen. Standard er ingen farge.
Skjemagrense:Farge for kanten rundt skjemabakgrunnen. Standard er ingen farge.
Innloggingsetikett:Farge for påloggingsetiketten, passordet og teksten i avmerkingsboksen «Forbli pålogget». Standardverdien er #ffffff.
Farge på innloggingslenken:Farge for omrisset av påloggingsknapp, teksten på påloggingsknapp, lenker i innerboksen, omrisset av logg ut-knapp og teksten på logg ut-knapp. Standardverdien er #ffffff.
Lenke til bunntekst for pålogging:Farge for bunntekstlenkene. Standardverdien er #ffffff.
Hold musepekeren over lenken i bunnteksten til pålogging:Farge for bunntekstlenkene når musepekeren flyttes. Standardverdien er #ffffff.
Logg inn Instructure-logo:Farge for By Instructure-logoen. Standardverdien er #ffffff.
Denne ressursen kan også nås fra følgende Canvas-guider: