--- label: 'Changing the appearance of your site' top_level: true related: - core.content_structure --- {% set content_structure_topic = render_var(help_topic_link('core.content_structure')) %}

{% trans %}What is a theme?{% endtrans %}

{% trans %}A theme is a set of files that define the visual look and feel of your site. The core software and modules that run on your site determine which content (including HTML text and other data stored in the database, uploaded images, and any other asset files) is displayed on the pages of your site. The theme determines the HTML markup and CSS styling that wraps the content. Several basic themes are supplied with the core software; additional contributed themes can be downloaded separately from the Download & Extend page on drupal.org, or you can create your own theme.{% endtrans %}

{% trans %}What is a base theme?{% endtrans %}

{% trans %}A base theme is a theme that is not meant to be used directly on a site, but instead acts as a scaffolding for building other themes. The core Classy theme is one example; other base themes can be downloaded from the Download & Extend page on drupal.org.{% endtrans %}

{% trans %}What is a layout?{% endtrans %}

{% trans %}A layout is a template that defines where blocks and other pieces of content should be displayed. The core Layout Discovery module allows modules and themes to register layouts, and the core Layout Builder module provides a visual interface for placing fields and blocks in layouts for entity sub-types and individual entity items (see {{ content_structure_topic }} for more on entities and fields).{% endtrans %}

{% trans %}Changing site appearance overview{% endtrans %}

{% trans %}The main way to change the overall appearance of your site is to switch the default theme. The core Layout Builder and Layout Discovery modules allow you to define layouts for your site's content, and the core Breakpoint module helps themes change appearance for different-sized devices. See the related topics listed below for specific tasks.{% endtrans %}

{% trans %}Additional resources{% endtrans %}