[[config-theme]]

=== Configuring the Theme

[role="summary"]
How to edit a theme's settings to update the color scheme and add a logo.

(((Theme,configuring)))
(((Bartik theme,configuring)))
(((Color scheme,configuring)))
(((Logo image,configuring)))

==== Goal

Edit the settings of the default core Bartik theme to change the color scheme
and to add a logo.

==== Prerequisite knowledge

<<understanding-themes>>

//==== Site prerequisites

==== Steps

. In the _Manage_ administrative menu, navigate to _Appearance_
(_admin/appearance_).

. Under _Installed Themes_, you will find Bartik listed as your default
theme. Under _Bartik (default theme)_, click _Settings_.
+
--
// Bartik section of admin/appearance.
image:images/config-theme_bartik_settings.png["Default theme, Bartik",width="100%"]
--

. Under _Color scheme_, click inside each color build box and type the proper
color codes you would like to add. For example, use the
following colors:
+
[width="100%",frame="topbot",options="header"]
|================================
|Area | Color
|Header background top| #7db84a (green)
|Header background bottom| #2a3524 (dark green)
|Main background| #ffffff (white)
|Sidebar background| #f8bc65 (light orange)
|Sidebar borders| #e96b3c (orange)
|Footer background| #2a3524 (dark green)
|Title and slogan| #ffffff (white)
|Text color| #000000 (black)
|Link color| #2a3524 (dark green)
|================================
+
Note: You can also use the color wheel on the right to select colors of your
choice. The web color codes will be added for you.
+
--
// Color settings section of admin/appearance/settings/bartik.
image:images/config-theme_color_scheme.png["Updated color specifications in the core Bartik theme",width="100%"]
--

. Under _Logo Image Settings_, uncheck _Use the default logo supplied by the
theme_.
+
--
// Logo upload section of admin/appearance/settings/bartik.
image:images/config-theme_logo_upload.png["New logo in core Bartik theme settings"]
--

. Under _Upload logo image_, locate a logo file and upload it to your
site. Note: You can also set a universal logo for all themes under
_Appearance_ > _Settings_ (_admin/appearance/settings_). A custom logo for your
theme will override the universal logo.
+
Once you have selected the file you would like to upload, you will see its
filename next to the _Choose File_ button.

. In order to save your changes and see the updated colors and logo on your
site, click _Save configuration_ at the bottom of the page.
+
Note: Under _Color scheme_, there is a _Preview_ section that displays a sample
of how your website will look with the new settings.
+
--
// Preview section of admin/appearance/settings/bartik.
image:images/config-theme_color_scheme_preview.png["core Bartik theme settings preview",width="100%"]
--

. Click _Return to site_ in the toolbar to verify that you have updated the
core Bartik theme settings for your website.
+
--
// Home page after theme settings are finished.
image:images/config-theme_final_result.png["Final result of editing the core Bartik theme settings - colors and logo",width="100%"]
--

==== Expand your understanding

* <<extend-theme-find>>

* <<extend-theme-install>>

* If you do not see the effect of these changes in your site, you might need
to clear the cache. See <<prevent-cache-clear>>.


//==== Related concepts

//==== Additional resources


*Attributions*

Written and edited by https://www.drupal.org/u/AnnGreazel[Ann Greazel],
https://www.drupal.org/u/mndonx[Amanda Luker] at
https://www.advomatic.com/[Advomatic], and
https://www.drupal.org/u/jerseycheese[Jack Haas].
