Dette dokument omhandler komponenter, der bruges til at oprette brugerdefinerede Canvas-temaer til en institution.
Temaeditoren giver administratorer mulighed for at oprette brugerdefinerede Canvas-temaer til deres institution ved hjælp af farver og billeder. Billeder, logoer og vandmærker vises dog ikke for brugere, der aktiverer brugerindstillingen Højkontraststile. For specifik hjælp til billedfiler, se venligstRessourcedokument til billedskabeloner til Canvas-temaredigering.
Tilsidesættelse af CSS- og JavaScript-filer kan også uploades til Temaeditoren for henholdsvis HTML-visning og Canvas-appvisning. Vær dog opmærksom på, at brugerdefinerede filer kan overskrive alle farver, der understøttes til stilarter med høj kontrast. For eksempel vil ændring af en linkfarve til rød i en brugerdefineret CSS-fil også vises som rød for brugere med stilarter med høj kontrast, hvilket kan skabe problemer med tilgængeligheden. Som nævnt i Temaeditorens uploadvindue er det en mulighed at bruge brugerdefinerede CSS/js-filer, men det betyder, at du er ansvarlig for at vedligeholde enhver kode, der skaber en konflikt med, hvad Canvas understøtter i Temaeditoren.
Medmindre andet er angivet, gælder følgende Theme Editor-komponenter for webversionen af Canvas. Nogle komponenter til global branding og global navigation gælder også for Canvas-mobilapps.
Global branding
Primær mærkefarvePrimærfarve brugt i hele Canvas, primært vist i kursets navigationslinks og Dashboard-ikonet. Bruges i Canvas Student- og Canvas Teacher-apps til global navigation, indbakke og farver til kursusvalg. Standardværdien er #008ee2.
HovedtekstfarveFarve til tekst, der bruges i hele Canvas. Bruges ved indtastning af tekst på loginsiden i Canvas Student-, Canvas Teacher- og Canvas Parent-apps. Standardværdien er #2d3b45.
LinkfarveFarve til hyperlinks, der bruges i hele Canvas. Bruges til ikoner for eksterne link og downloadikoner. Vises også på mobilens loginside med linket Glemt adgangskode. Standardværdien er #008ee2.
Primær knapFarve til de primære knapper i Canvas;Hvis en farve ikke er angivet, antager den primære knap den primære farve. Bruges til at temaere knapper og links i Canvas Student- og Canvas Teacher-apps. Bruges også til Log ind-knapfarve i Canvas Student-, Canvas Teacher- og Canvas Parent-apps.
Tekst til primær knapFarve for den tekst, der vises som en del af de primære knapper. Bruges til tekst på Log ind-knappen i Canvas Student-, Canvas Teacher- og Canvas Parent-apps. Standardværdien er #ffffff.
Sekundær knapFarve til de sekundære knapper i Canvas.Standardværdien er #2d3b45.Denne komponent bruges i øjeblikket ikke i Canvas-grænsefladen.
Tekst til sekundær knapFarve for teksten vist som en del af de sekundære knapper. Standardværdien er #ffffff.Denne komponent bruges i øjeblikket ikke i Canvas-grænsefladen.
Global navigation
NavigationsbaggrundFarve til baggrunden i den globale navigationsmenu. Bruges også til at farve baggrunden for adresselinjen i webbrowsere. Standardværdien er #394b58.
NavigationsikonFarve til ikonerne i den globale navigationsmenu. Bruges også til at farve ikonerne Synlighed og Indstillinger i SpeedGrader. Standardværdien er #ffffff.
Navigationsikon aktivtFarve for det aktive (valgte) ikon i den globale navigationsmenu. Hvis der ikke er angivet nogen farve, antager det aktive navigationsikon den primære farve.
NavigationstekstFarve til teksten i den globale navigationsmenu. Bruges også til at farve teksten i den øverste navigationslinje i Canvas Student- og Canvas Teacher-apps. Derudover bruges navigationstekst til at farve karakterbogsikonet i SpeedGrader. Standardværdien er #ffffff.
Navigationstekst aktivFarve for den aktive tekst i den globale navigationsmenu. Hvis der ikke er angivet nogen farve, antager den aktive navigationstekst linkfarven.
NavigationsavatarkantFarve brugt til rammen omkring kontolinkikonet. Standardværdien er #ffffff.
Navigationsmærke:Farven bruges til badge'en for ulæste beskeder i indbakkeikonet. Hvis der ikke er angivet nogen farve, antager navigationsbadge'en den primære farve.
Navigationsmærke aktivtFarve for det aktive (valgte) badge i den globale navigationsmenu. Hvis der ikke er angivet nogen farve, antager det aktive navigationsbadge den primære farve.
NavigationsmærketekstFarven bruges til nummeret i badgen for ulæste beskeder i indbakkeikonet. Hvis der ikke er angivet nogen farve, antager navigationsbadgen den primære farve.
Navigationsbadgetekst aktivFarve for den aktive tekst i den globale navigationsmenu. Hvis der ikke er angivet nogen farve, antager navigationsbadgets aktive tekst linkfarven.
Nav-logo baggrundFarve til baggrunden af logoet i den globale navigationsmenu. Standardværdien er #394b58.
NavigationslogoLogo øverst i den globale navigationsmenu (understøtter svg-, png- og jpg-filer). Bruges også som logo i den øverste navigationslinje i Canvas Student- og Canvas Teacher-apps på iOS-enheder. Standard er Canvas-logoet.
Vandmærker og andre billeder
Vandmærke: Lyst baggrundsbillede, der vises bag sideindholdet; visningsstørrelsen er subjektiv baseret på den uploadede filstørrelse, så hvis billedet er for lille eller for stort til dine designpræferencer, skal du tilpasse billedets størrelse i overensstemmelse hermed (understøtter png-, svg-, gif- og jpg-filer). Standardindstillingen er intet billede.
Vandmærkets opacitet:Opacitet (gennemsigtighed) for dit vandmærke. Standardindstillingen er 100 % (ingen billedgennemsigtighed).
FaviconLille ikon vist i browserfanen (understøtter 16x16, 32x32 og 48x48 ico-filer). Standard er Canvas-favicon.
Ikon for mobil startskærmIkonet vises, når Canvas er bogmærket fra en browser på en mobilenhed (understøtter 180x180 png-filer). Standard er Apple Touch-ikonet.
Brugere af nyere Windows-versioner (8+) kan fastgøre websteder og apps til startskærmen på deres Windows-telefoner. Windows-felterne er valgfrie, men giver dig mulighed for at tilbyde tilpasningsmuligheder til Windows-telefonbrugere. Windows-felter viser dog stadig det favicon, der er angivet i temaeditoren, hvis der er et.
Farve på vinduesfliserFarve til Windows-feltet. Hvis der ikke er angivet nogen farve, antager Windows-feltets farve den primære farve.
Windows-flisebillede firkantetBillede til den firkantede version af Windows-flisen (understøtter 1,8 gange standardflisestørrelsen (558x558 svg-, png-, jpg-, gif-filer). Standard er Windows-flisebilledet.
Windows-flisebillede i bredformatBillede til den brede version af Windows-flisen (understøtter 558x270 svg-, png-, jpg- og gif-filer). Standard er Windows-flisens billede.
Logo i højre sidebjælkeLogoet vises over højre sidebjælke på Canvas Dashboard, men når det vises på tablets eller i browservinduer med mindre skærmopløsninger, er logoet ikke synligt på grund af pladsbegrænsninger. Visningsstørrelsen er subjektiv baseret på den uploadede filstørrelse, men den foretrukne billedstørrelse er 360x140 (understøtter svg, png, jpg, gif). Standardindstillingen er intet billede.
Login-skærm
Mobilloginsiden understøttes i øjeblikket ikke med loginskærmkomponenterne, men understøtter begrænset branding fra de globale brandingkomponenter. Bemærk venligst, at single sign-on-links arver indstillinger fra temaeditoren.
Baggrundsfarve:Farven på loginbaggrunden. Standardværdien er #394b58.
Baggrundsbillede:Billede til loginbaggrunden. Standard er intet billede.
Kropsskygge:Farve til kropsskyggen. Standardværdien er #2d3b45.
Login-logo:Logoet vises øverst på loginsiden. Standard er Canvas-logoet.
Topboks baggrundFarve til den ydre boks omkring Canvas-logoet, formularen og sidefoden. Standard er ingen farve.
Topbokskant:Farve til kanten af den øverste boks. Standardindstillingen er ingen farve.
Baggrund for den indre boksFarve til den indvendige boks omkring Canvas-logoet, formularen og sidefoden. Standard er ingen farve.
Indre bokskant:Farve til kanten af den indre boks. Standardindstillingen er ingen farve.
Formularbaggrund:Farve til baggrunden bag login-etiketten og adgangskodefelterne, linket "Glemt adgangskode" og knappen "Log ind". Standard er ingen farve.
Formulargrænse:Farve til kanten omkring formularens baggrund. Standard er ingen farve.
Login-etiket:Farve til login-etiketten, adgangskoden og teksten i afkrydsningsfeltet "Forbliv logget ind". Standardværdien er #ffffff.
Farve på login-linket:Farve til omridset af Login-knappen, teksten på Login-knappen, links i den indvendige boks, omridset af Log ud-knappen og teksten på Log ud-knappen. Standardværdien er #ffffff.
Link til login-fodnote:Farve til sidefodslinks. Standardværdien er #ffffff.
Hold musepekeren over linket i sidefoden på login:Farve til sidefodslinks, når man holder musen over dem. Standardværdien er #ffffff.
Login Instructure-logo:Farve til By Instructure-logoet. Standardværdien er #ffffff.
Denne ressource kan også tilgås fra følgende Canvas-guider: