How do you set the title color for the new Toolbar

Question

I m using the new v7 Toolbar and for the life of me can t figure out how to change the color of the title   I ve set the  style of the Toolbar to a style declared in styles xml and applied a titleTextStyle with a textColor   Am I missing something   I m coding for Lollipop but testing currently on a Kitkat device   styles xml   lt resources gt        lt  -- Base application theme  -- gt       lt style name  AppTheme  parent   style Theme AppCompat Light  gt           lt item name  android windowNoTitle  gt true lt  item gt           lt item name  windowActionBar  gt false lt  item gt       lt  style gt        lt style name  ActionBar  parent  Theme AppCompat  gt           lt item name  android background  gt  color actionbar background lt  item gt           lt item name  android titleTextStyle  gt  style ActionBar TitleTextStyle lt  item gt       lt  style gt        lt style name  ActionBar TitleTextStyle  parent   style TextAppearance AppCompat Widget ActionBar Title  gt           lt item name  android textColor  gt  color actionbar title text lt  item gt       lt  style gt    lt  resources gt    actionbar xml    lt android support v7 widget Toolbar xmlns android  http   schemas android com apk res android      android id    id toolbar actionbar      android layout width  match parent      android layout height   actionBarSize      style   style ActionBar   gt

User · Answer

With the Material Components Library you can use the app:titleTextColor attribute.

In the layout you can use something like:

<com.google.android.material.appbar.MaterialToolbar
    app:titleTextColor="@color/...."
    .../>

You can also use a custom style:

<com.google.android.material.appbar.MaterialToolbar
     style="@style/MyToolbarStyle"
    .../>

with (extending the Widget.MaterialComponents.Toolbar.Primary style) :

  <style name="MyToolbarStyle" parent="Widget.MaterialComponents.Toolbar.Primary">
       <item name="titleTextColor">@color/....</item>
  </style>

or (extending the Widget.MaterialComponents.Toolbar style) :

  <style name="MyToolbarStyle" parent="Widget.MaterialComponents.Toolbar">
       <item name="titleTextColor">@color/....</item>
  </style>

You can also override the color defined by the style using the android:theme attribute (using the Widget.MaterialComponents.Toolbar.Primary style):

    <com.google.android.material.appbar.MaterialToolbar
        style="@style/Widget.MaterialComponents.Toolbar.Primary"
        android:theme="@style/MyThemeOverlay_Toolbar"
        />

with:

  <style name="MyThemeOverlay_Toolbar" parent="ThemeOverlay.MaterialComponents.Toolbar.Primary">
    <!-- This attributes is also used by navigation icon and overflow icon -->
    <item name="colorOnPrimary">@color/...</item>
  </style>

or (using the Widget.MaterialComponents.Toolbar style):

    <com.google.android.material.appbar.MaterialToolbar
        style="@style/Widget.MaterialComponents.Toolbar"
        android:theme="@style/MyThemeOverlay_Toolbar2"

with:

  <style name="MyThemeOverlay_Toolbar3" parent="ThemeOverlay.MaterialComponents.Toolbar.Primary">
    <!-- This attributes is used by title -->
    <item name="android:textColorPrimary">@color/white</item>

    <!-- This attributes is used by navigation icon and overflow icon -->
    <item name="colorOnPrimary">@color/secondaryColor</item>
  </style>

User · Answer

Option 1  The quick and easy way  Toolbar only   Since appcompat-v7-r23 you can use the following attributes directly on your Toolbar or its style   app titleTextColor   color primary text  app subtitleTextColor   color secondary text    If your minimum SDK is 23 and you use native Toolbar just change the namespace prefix to android   In Java you can use the following methods   toolbar setTitleTextColor Color WHITE   toolbar setSubtitleTextColor Color WHITE     These methods take a color int not a color resource ID   Option 2  Override Toolbar style and theme attributes  layout xxx xml   lt android support v7 widget Toolbar     xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      android id    id toolbar      android layout width  match parent      android layout height  wrap content      android minHeight   attr actionBarSize      android theme   style ThemeOverlay MyApp ActionBar      app popupTheme   style ThemeOverlay AppCompat Light      style   style Widget MyApp Toolbar Solid   gt    values styles xml   lt style name  Widget MyApp Toolbar Solid  parent  Widget AppCompat ActionBar  gt       lt item name  android background  gt  color actionbar color lt  item gt       lt item name  android elevation  tools ignore  NewApi  gt 4dp lt  item gt       lt item name  titleTextAppearance  gt     lt  item gt   lt  style gt    lt style name  ThemeOverlay MyApp ActionBar  parent  ThemeOverlay AppCompat ActionBar  gt       lt  -- Parent theme sets colorControlNormal to textColorPrimary  -- gt       lt item name  android textColorPrimary  gt  color actionbar title text lt  item gt   lt  style gt    Help  My icons changed color too    PeterKnut reported this affects the color of overflow button  navigation drawer button and back button  It also changes text color of SearchView   Concerning the icon colors  The colorControlNormal inherits from    android textColorPrimary for dark themes  white on black  android textColorSecondary for light themes  black on white    If you apply this to the action bar s theme  you can customize the icon color    lt item name  colorControlNormal  gt  de000000 lt  item gt    There was a bug in appcompat-v7 up to r23 which required you to also override the native counterpart like so    lt item name  android colorControlNormal  tools ignore  NewApi  gt  colorControlNormal lt  item gt    Help  My SearchView is a mess   Note  This section is possibly obsolete   Since you use the search widget which for some reason uses different back arrow  not visually  technically  than the one included with appcompat-v7  you have to set it manually in the app s theme  Support library s drawables get tinted correctly  Otherwise it would be always white    lt item name  homeAsUpIndicator  gt  drawable abc ic ab back mtrl am alpha lt  item gt    As for the search view text   there s no easy way  After digging through its source I found a way to get to the text view  I haven t tested this so please let me know in the comments if this didn t work    SearchView sv           get your search view instance in onCreateOptionsMenu    prefix identifier with  android   if you re using native SearchView TextView tv   sv findViewById getResources   getIdentifier  id search src text   null  null    tv setTextColor Color GREEN      and of course specify your own color   Bonus  Override ActionBar style and theme attributes  Appropriate styling for a default action appcompat-v7 action bar would look like this    lt  -- ActionBar vs Toolbar  -- gt   lt style name  Widget MyApp ActionBar Solid  parent  Widget AppCompat ActionBar Solid  gt       lt item name  background  gt  color actionbar color lt  item gt   lt  -- No prefix  -- gt       lt item name  elevation  gt 4dp lt  item gt   lt  -- No prefix  -- gt       lt item name  titleTextStyle  gt     lt  item gt   lt  -- Style vs appearance  -- gt   lt  style gt    lt style name  Theme MyApp  parent  Theme AppCompat  gt       lt item name  actionBarStyle  gt  style Widget MyApp ActionBar Solid lt  item gt       lt item name  actionBarTheme  gt  style ThemeOverlay MyApp ActionBar lt  item gt       lt item name  actionBarPopupTheme  gt  style ThemeOverlay AppCompat Light lt  item gt   lt  style gt

User · Answer

Do it with toolbar setTitleTextAppearance context  R style TitleTextStyle       this is style where you can customize your color scheme    lt style name  TitleTextStyle  parent   android style TextAppearance Holo Widget ActionBar Title  gt       lt item name  android fontFamily  gt  string you font family lt  item gt       lt item name  android textStyle  gt normal lt  item gt       lt item name  android textAppearance  gt  style you text style lt  item gt       lt item name  android textColor  gt  000000 lt  item gt       lt item name  android textSize  gt 20sp lt  item gt   lt  style gt

User · Answer

Simplest way to change Toolbar title color with in CollapsingToolbarLayout   Add below styles to CollapsingToolbarLayout   lt android support design widget CollapsingToolbarLayout         app collapsedTitleTextAppearance   style CollapsedAppBar          app expandedTitleTextAppearance   style ExpandedAppBar  gt    styles xml   lt style name  ExpandedAppBar  parent   android style TextAppearance  gt           lt item name  android textSize  gt 24sp lt  item gt           lt item name  android textColor  gt  android color black lt  item gt           lt item name  android textAppearance  gt  style TextAppearance Lato Bold lt  item gt       lt  style gt        lt style name  CollapsedAppBar  parent   android style TextAppearance  gt           lt item name  android textColor  gt  android color black lt  item gt           lt item name  android textAppearance  gt  style TextAppearance Lato Bold lt  item gt       lt  style gt

User · Answer

Setting app titleTextColor on my android support v7 widget Toolbar works for me on Android 4 4 and on 6 0 too with com android support appcompat-v7 23 1 0    lt android support v7 widget Toolbar     android id    id toolbar      android layout height  wrap content      android layout width  match parent      android minHeight   attr actionBarSize      android background   attr colorPrimary      app titleTextColor   android color white    gt

User · Answer

public class MyToolbar extends android support v7 widget Toolbar    public MyToolbar Context context   Nullable AttributeSet attrs        super context  attrs       Override protected void onLayout boolean changed  int l  int t  int r  int b        super onLayout changed  l  t  r  b       AppCompatTextView textView    AppCompatTextView  getChildAt 0       if  textView  null  textView setTextAppearance getContext    R style TitleStyle          Or simple use from MainActivity   Toolbar toolbar    Toolbar  findViewById R id toolbarMain   setSupportActionBar toolbar     AppCompatTextView  toolbar getChildAt 0   setTextAppearance this  R style TitleStyle     style xml   lt style name  TileStyle  parent  TextAppearance AppCompat  gt       lt item name  android textColor  gt  color White lt  item gt       lt item name  android shadowColor  gt  color Black lt  item gt       lt item name  android shadowDx  gt -1 lt  item gt       lt item name  android shadowDy  gt 1 lt  item gt       lt item name  android shadowRadius  gt 1 lt  item gt   lt  style gt

User · Answer

Create a toolbar in your xml   toolbar xml    lt android support v7 widget Toolbar         android id    id toolbar        lt  android support v7 widget Toolbar gt    Then add the following in your toolbar xml   app titleTextColor   color colorText  app title   string app name  gt    Remeber  color colorText is simply your color xml file with the color attribute named colorText and your color This is the best way to calll your strings rather than hardcoding your color inside your toolbar xml  You also have other options to modify your text such as textAppearance   etc   just type app text   and intelisense will give you options in android studio   your final toolbar should look like this     lt android support v7 widget Toolbar         android id    id toolbar          android layout width  match parent          android layout height   attr actionBarSize          android layout weight  1          android background   attr colorPrimary          app layout scrollFlags  scroll enterAlways          app popupTheme   style Theme AppCompat         app subtitleTextAppearance   drawable icon          app title   string app name  gt       lt  android support v7 widget Toolbar gt    NB This toolbar should be inside your activity main xml Easy Peasie  Another option is to do it all in your class   Toolbar toolbar   findViewById R id toolbar   setSupportActionBar toolbar   toolbar setTitleTextColor Color WHITE     Good Luck

User · Answer

This was annoying me a while and I didn t like any of the answers given  so I had a look at the source to see how it works   FractalWrench is on the right path  but it can be used below API 23 and doesn t have to be set on the toolbar it s self   As others have said you can set a style on the toolbar with   app theme   style ActionBar    and in that style you can set the title text colour with    lt item name  titleTextColor  gt  00f lt  item gt    for pre API 23 or for 23    lt item name  android titleTextColor  gt your colour lt  item gt    Full xml   lt android support v7 widget Toolbar     android id    id toolbar      android layout height   attr actionBarSize      android layout width  match parent      app theme   style ActionBar      app popupTheme   style ThemeOverlay AppCompat Dark   gt     lt style name  ActionBar  parent   style ThemeOverlay AppCompat ActionBar  gt       lt item name  android titleTextStyle  gt  style ActionBarTextStyle lt  item gt       lt item name  titleTextColor  gt your colour lt  item gt       lt item name  android background  gt  ff9900 lt  item gt   lt  style gt    Heres all the attributes that can be set for a toolbar   lt declare-styleable name  Toolbar  gt       lt attr name  titleTextAppearance  format  reference    gt       lt attr name  subtitleTextAppearance  format  reference    gt       lt attr name  title    gt       lt attr name  subtitle    gt       lt attr name  gravity    gt       lt attr name  titleMargins  format  dimension    gt       lt attr name  titleMarginStart  format  dimension    gt       lt attr name  titleMarginEnd  format  dimension    gt       lt attr name  titleMarginTop  format  dimension    gt       lt attr name  titleMarginBottom  format  dimension    gt       lt attr name  contentInsetStart    gt       lt attr name  contentInsetEnd    gt       lt attr name  contentInsetLeft    gt       lt attr name  contentInsetRight    gt       lt attr name  maxButtonHeight  format  dimension    gt       lt attr name  navigationButtonStyle  format  reference    gt       lt attr name  buttonGravity  gt           lt  -- Push object to the top of its container  not changing its size  -- gt           lt flag name  top  value  0x30    gt           lt  -- Push object to the bottom of its container  not changing its size  -- gt           lt flag name  bottom  value  0x50    gt       lt  attr gt       lt  -- Icon drawable to use for the collapse button  -- gt       lt attr name  collapseIcon  format  reference    gt       lt  -- Text to set as the content description for the collapse button  -- gt       lt attr name  collapseContentDescription  format  string    gt       lt  -- Reference to a theme that should be used to inflate popups          shown by widgets in the toolbar  -- gt       lt attr name  popupTheme  format  reference    gt       lt  -- Icon drawable to use for the navigation button located at          the start of the toolbar  -- gt       lt attr name  navigationIcon  format  reference    gt       lt  -- Text to set as the content description for the navigation button          located at the start of the toolbar  -- gt       lt attr name  navigationContentDescription  format  string    gt       lt  -- Drawable to set as the logo that appears at the starting side of          the Toolbar  just after the navigation button  -- gt       lt attr name  logo    gt       lt  -- A content description string to describe the appearance of the          associated logo image  -- gt       lt attr name  logoDescription  format  string    gt       lt  -- A color to apply to the title string  -- gt       lt attr name  titleTextColor  format  color    gt       lt  -- A color to apply to the subtitle string  -- gt       lt attr name  subtitleTextColor  format  color    gt   lt  declare-styleable gt

User · Answer

For Change The color    lt android support v7 widget Toolbar     android id    id toolbar      android layout height  wrap content      android layout width  match parent      android background   attr colorPrimary        Toolbar myToolbar    Toolbar  findViewById R id toolbar           myToolbar setTitleTextColor ContextCompat getColor getApplicationContext    R color Auth Background            setSupportActionBar myToolbar

User · Answer

If you are supporting API 23 and above  you can now use the titleTextColor attribute to set the Toolbar s title color   layout toolbar xml   lt android support v7 widget Toolbar         android id    id toolbar          android layout width  match parent          android layout height  wrap content          android titleTextColor   color colorPrimary            gt    MyActivity java  Toolbar toolbar    Toolbar  findViewById R id toolbar  toolbar setTitleTextColor Color WHITE

User · Answer

Here is my solution if you need to change only color of title and not color of text in search widget   layout toolbar xml   lt android support v7 widget Toolbar     xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      android id    id toolbar      android background   color toolbar bg      app theme   style AppTheme Toolbar      app titleTextAppearance   style AppTheme Toolbar Title      android layout width  match parent      android layout height  wrap content      android minHeight   attr actionBarSize   gt    values themes xml   lt resources gt       lt style name  AppTheme  parent  Theme AppCompat Light NoActionBar  gt           lt item name  windowActionBar  gt false lt  item gt       lt  style gt        lt style name  AppTheme Toolbar  parent  ThemeOverlay AppCompat ActionBar  gt           lt  -- Customize color of navigation drawer icon and back arrow -- gt            lt item name  colorControlNormal  gt  color toolbar icon lt  item gt       lt  style gt        lt style name  AppTheme Toolbar Title  parent  TextAppearance Widget AppCompat Toolbar Title  gt           lt  -- Set proper title size -- gt           lt item name  android textSize  gt  dimen abc text size title material toolbar lt  item gt           lt  -- Set title color -- gt           lt item name  android textColor  gt  color toolbar title lt  item gt       lt  style gt   lt  resources gt    In the similar way  you can set also subtitleTextAppearance

User · Answer

If you can use  appcompat-v7   app titleTextColor   fff         lt android support v7 widget Toolbar           android id    id toolbar            android layout width  match parent            android layout height  wrap content            android background   color colorPrimary             android visibility  gone             app titleTextColor   fff  gt          lt  android support v7 widget Toolbar gt

User · Answer

lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android            android layout width  match parent            android layout height  wrap content            xmlns app  http   schemas android com apk res-auto  gt    lt android support v7 widget Toolbar     android id    id toolbar      android layout width  match parent      android layout height  wrap content      app titleTextColor   color white      android background   color green    gt

User · Answer

I struggled with this for a few hours today because all of these answers are kind of out of date now what with MDC and the new theming capabilities I just could not see how to override app titleTextColor app wide as a style   The answer is that titleTextColor is available in the styles xml is you are overriding something that inherits from Widget AppCompat Toolbar  Today I think the best choice is supposed to be Widget MaterialComponents Toolbar    lt style name  Widget LL Toolbar  parent   style Widget MaterialComponents Toolbar  gt        lt item name  titleTextAppearance  gt  style TextAppearance LL Toolbar lt  item gt        lt item name  titleTextColor  gt  color white lt  item gt        lt item name  android background  gt  attr colorSecondary lt  item gt   lt  style gt    lt style name  TextAppearance LL Toolbar  parent   style TextAppearance Widget AppCompat Toolbar Title  gt        lt item name  android textStyle  gt bold lt  item gt   lt  style gt    And in your app theme  specify the toolbarStyle    lt item name  toolbarStyle  gt  style Widget LL Toolbar lt  item gt    Now you can leave the xml where you specify the tool bar unchanged  For a long time I thought changing the android textColor in the toolbar title text appearance should be working  but for some reason it does not

User · Answer

This worked for me        lt android support v7 widget Toolbar xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      android id    id toolbar      android layout width  match parent      android layout height  wrap content      android background   attr colorPrimary      android fitsSystemWindows  true      android minHeight   attr actionBarSize      app navigationIcon   drawable ic back      app popupTheme   style ThemeOverlay AppCompat Light      app subtitleTextColor   color white      app theme   style ThemeOverlay AppCompat Dark ActionBar      app title  This week stats      app titleTextColor   color white  gt         lt ImageView         android id    id submitEditNote          android layout width  wrap content          android layout height  wrap content          android layout alignParentEnd  true          android layout alignParentRight  true          android layout gravity  right          android layout marginRight  10dp          android src   android drawable ic menu manage    gt   lt  android support v7 widget Toolbar gt

User · Answer

Very simple  this worked for me  title and icon white         lt android support v7 widget Toolbar     android id    id toolbar      android layout width  match parent      android layout height  56dp      android background   color PrimaryColor      android theme   style ThemeOverlay AppCompat Dark ActionBar      app popupTheme   style ThemeOverlay AppCompat Light      android elevation  4dp    gt

[android] How do you set the title color for the new Toolbar?

Examples related to android

Examples related to themes

[android] How do you set the title color for the new Toolbar?

Examples related to android

Examples related to themes

Examples related to toolbar