○ Look & feel settings for the renewed Account Settings and Results overview page

Question

Accepted Answer

ScenariosYou would like to know which look & feel settings have influence on the new Account settings page and Results page.Required rolesTenantLook & feel settings for the Account settings pageIn the images below you can see which settings affect elements on the Account settings page. The numbers in the images correspond with one of the rows from the table below. Page elementLook & feel setting1'My Account' header background colourMenu background colour (active item)2'My Account' header title colour
          
          Menu font colour (active item)3'My Account' header background colour of the tabs (that are not 'active')Menu background colour (active item)4'My Account' header tab text colour (that are not 'active')Menu font colour (active item)5'My Account' header tab colour of the 'active' tabBackground colour, Background overlay colour6'My Account' header tab text colour of the 'active' tab
          
          Text font colour7Page backgroundBackground colour, Background image8Background overlay colourBackground overlay colour9
          
          Background overlay opacityBackground overlay opacity10Background colour of the elements within a tab
          
          Page elements colour11Borders of the elements within a tabPage element rounded cornersPage element border sizePage element border stylePage element border colour12Title font
          
          Title font13Title colour
          
          Title font colour14
          
          Text colour
          
          Text font colour15Background colour of text fields, toggles, checkboxes and radio buttons (checked)
          
          Input field background colour16
          
          Text field text colour
          
          Input field text colour17
          
          Toggle, Checkbox, Radio buttons (checked)
          
          Primary colour18

Toggle (unchecked)Fixed colour: #cbd5e1This cannot be adjusted19Primary ButtonsAll settings under Primary buttons20Secondary buttonsAll settings under Secondary buttons

21
          
          Link colour
          
          Link colour22Card divider (separation line between different parts within an element)
          
          Fixed colour: #e2e8f0This cannot be adjustedLook & feel settings for the Results Overview pageIn the image below you can see which settings affect elements on the Results Overview page. The numbers in the images correspond with one of the rows from the table below. Page elementLook & feel setting1
          
          Results Overview header background colour
          
          Menu background colour (active item)2
          
          Results Overview header title colourMenu font colour (active item)3
          
          Page backgroundBackground colour, Background image4
          
          Background overlay colourBackground overlay colour5
          
          Background overlay opacityBackground overlay opacity6
          
          Statistics card/Element background colourPage elements colour7
          
          Statistics card/Element borderPage element rounded corners,Page element border size,Page element border stylePage element border colour8
          
          Statistics card/Element text colour
          
          Text font colour9
          
          Certificate panel colour
          
          Page elements colour10
          
          Certificate panel borderPage element rounded cornersPage elementborder sizePage element border stylePage element border colour11
          
          Course panel colour
          
          Page elements colour12
          
          Course panel borderPage element rounded cornersPage elementborder sizePage element border stylePage element border colour13
          
          Collapse / Expand icon colour in panel
          
          Primary colour14
          
          Title font
          
          Title font15
          
          Title colour
          
          Title font colour16
          
          Text colour
          
          Text font colour17
          
          Link colour
          
          Link colour18
          
          Status chips colour (colour of the icons that indicate the status of an activity)No look & feel setting;these colours come from 'Edit assessment terms and colours'.On the result page a ligther tone of those colours is displayed. 19
          
          Blocks within course panel background colour
          
          Menu background colour (active item)20
          
          Blocks within course panel text colour
          
          Menu font colour (active item)21
          
          Table background colourCan't be adjusted (for now)22
          
          Table text colour
          
          Text font colour23
          
          Table border colourCan't be adjusted (for now)24
          
          Table separator colourCan't be adjusted (for now)