{"type":"doc","content":[{"type":"heading","attrs":{"level":2},"content":[{"text":"Overview","type":"text"}]},{"type":"paragraph","content":[{"text":"While the base technologies used within Tui-based themes have changed, a number of theme features from older versions of Totara are still available. Totara 13's new Ventura theme provides a variable and override approach for other custom themes that inherit from Ventura. Ventura itself inherits the new Legacy theme, which provides a pathway to migration away from older technology, while retaining support for Totara Learn and applying a level of visual consistency with Totara Perform and Totara Engage.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Implementation","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Custom theme inheriting from Ventura and Legacy","type":"text"}]},{"type":"paragraph","content":[{"text":"To create a new theme targeting the new features in Totara 13, you will need to create files in both the server and client directories. The naming convention for your custom theme must follow these rules:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The name should start with one or more lowercase alpha characters (a-z).","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"If there are any underscores:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"All characters before the first underscore need to be lowercase alpha characters (a-z).","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The character directly following the first underscore needs to be lowercase alpha (a-z), the following characters can be any combination of underscores and lowercase alphanumeric values.","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The name should end with lowercase alphanumeric values (a-z, 0-9).","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":"The files you'll need are:","type":"text"}]},{"type":"paragraph","content":[{"text":"server/theme/mytheme/config.php","type":"text","marks":[{"type":"strong"}]}]},{"type":"codeBlock","attrs":{"language":"php"},"content":[{"text":"doctype = 'html5';\n$THEME->name = 'mytheme';\n$THEME->parents = ['ventura', 'legacy', 'base'];\n$THEME->enable_dock = true;\n$THEME->enable_hide = true;\n$THEME->minify_css = false;","type":"text"}]},{"type":"paragraph","content":[{"text":"server/theme/mytheme/lang/en/mytheme.php","type":"text","marks":[{"type":"strong"}]}]},{"type":"codeBlock","attrs":{"language":"php"},"content":[{"text":"","type":"text","marks":[{"type":"code"}]},{"text":" block, in which case the original component will continue to be loaded.","type":"text"}]},{"type":"expand","attrs":{"title":"T13-T18"},"content":[{"type":"paragraph","content":[{"text":"In T13-T18, partial component overrides were possible. In T18 these were deprecated.","type":"text"}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Modifying SCSS","type":"text"}]},{"type":"paragraph","content":[{"text":"To customise the styling, add a new ","type":"text"},{"text":"