theme/ ├── assets/ ├── bin/ ├── scss/ ├── settings/ ├── templates/ ├── translations/ ├── manifest.json ├── script.js └── style.css
scss/ folder contains the theme’s Sass source files which you can compile the theme’s stylesheet. Sass is a preprocessor that lets you use features that don’t exist in standard CSS yet like variables, nesting, mixins and inheritance. Using Sass is completely optional and an alternative to editing the theme’s
style.css file directly, but it can make writing custom CSS much faster and more enjoyable.
templates/ folder contains editable page templates that define the layout of each page type, as well as the global header and footer. Each template is written using Zendesk’s templating language called Curlybars.
translations/ folder contains translated labels and descriptions for each theme setting. You should only need to modify these if you add your own custom theme settings and can do so using the
update-translation.js file within the
extensions.js file in the
style.css file contains the main styles for your theme, compiled from the Sass source files. You can edit this file locally or through the Zendesk Guide interface, but when making significant changes we recommend taking advantage of the power of the Sass language and the files in the