components/browser_ui/styles/android/java/res/values/styles.xml

<?xml version="1.0" encoding="utf-8"?>
<!--
Copyright 2019 The Chromium Authors
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Control styles -->
    <style name="Widget.BrowserUI.CheckBox" parent="Widget.Material3.CompoundButton.CheckBox">
        <item name="buttonTint">@color/selection_control_button_tint_list</item>
        <item name="android:minWidth">0dp</item>
        <item name="android:minHeight">0dp</item>
        <item name="android:textAppearance">@style/TextAppearance.TextMedium.Primary</item>
    </style>
    <style name="Widget.BrowserUI.RadioButton" parent="Widget.Material3.CompoundButton.RadioButton">
        <item name="buttonTint">@color/selection_control_button_tint_list</item>
        <item name="android:minWidth">0dp</item>
        <item name="android:minHeight">0dp</item>
        <item name="android:textAppearance">@style/TextAppearance.TextMedium.Primary</item>
    </style>
    <style name="Widget.BrowserUI.Switch" parent="Widget.Material3.CompoundButton.MaterialSwitch">
        <item name="android:scaleX">@fraction/material_switch_scale_fraction</item>
        <item name="android:scaleY">@fraction/material_switch_scale_fraction</item>
        <item name="android:minHeight">@dimen/switch_pre_scale_min_height</item>
    </style>
    <!-- TextInputLayout style -->
    <style name="Widget.BrowserUI.TextInputLayout" parent="Widget.Design.TextInputLayout">
        <item name="errorTextAppearance">@style/TextAppearance.ErrorCaption</item>
        <item name="hintTextAppearance">@style/TextAppearance.TextSmall.Accent1</item>
        <item name="materialThemeOverlay">@style/ThemeOverlay.BrowserUI.TextInputLayout</item>
    </style>
    <style name="ThemeOverlay.BrowserUI.TextInputLayout" parent="">
        <item name="editTextStyle">@style/Widget.BrowserUI.TextInputEditText</item>
        <item name="autoCompleteTextViewStyle">@style/Widget.BrowserUI.AutoCompleteTextView</item>
    </style>
    <style name="Widget.Chromium.Settings.TextInputLayout.OutlinedBox"
        parent="Widget.Material3.TextInputLayout.OutlinedBox">
        <item name="android:theme">@style/ThemeOverlay.Chromium.Settings.TextInput</item>
    </style>

    <style name="Widget.Chromium.Settings.AutoCompleteTextView.OutlinedBox"
        parent="Widget.Material3.AutoCompleteTextView.OutlinedBox">
        <item name="android:theme">@style/ThemeOverlay.Chromium.Settings.TextInput</item>
    </style>

    <style name="ThemeOverlay.Chromium.Settings.TextInput" parent="">
        <item name="errorTextAppearance">@style/TextAppearance.ErrorCaption</item>
        <item name="hintTextAppearance">@style/TextAppearance.TextSmall.Accent1</item>
    </style>
    <style name="Widget.BrowserUI.TextInputEditText" parent="Widget.Design.TextInputEditText">
        <item name="android:textAppearance">@style/TextAppearance.TextLarge.Primary</item>
    </style>
    <style name="Widget.BrowserUI.AutoCompleteTextView" parent="Widget.AppCompat.AutoCompleteTextView">
        <item name="android:textAppearance">@style/TextAppearance.TextLarge.Primary</item>
    </style>

    <style name="Widget.BrowserUI.SpinnerItem" parent="Widget.AppCompat.TextView.SpinnerItem">
        <item name="android:textAppearance">@style/TextAppearance.TextLarge.Primary</item>
    </style>
    <style name="Widget.BrowserUI.SpinnerDropDownItemStyle" parent="Widget.AppCompat.DropDownItem.Spinner">
        <item name="android:textAppearance">@style/TextAppearance.TextLarge.Primary</item>
    </style>

    <!-- Basic theme for an overflow menu displayed in Chrome. -->
    <style name="Base.OverflowMenuThemeOverlay" parent="">
        <item name="android:popupMenuStyle">@android:style/Widget.Material.PopupMenu</item>
        <item name="android:popupBackground">@null</item>
        <item name="android:colorControlHighlight">@color/control_highlight_color</item>
    </style>
    <style name="OverflowMenuThemeOverlay" parent="Base.OverflowMenuThemeOverlay" />
    <style name="AppMenuThemeOverlay" parent="Base.OverflowMenuThemeOverlay">
        <item name="android:listDivider">@null</item>
        <item name="android:listPreferredItemHeightSmall">48dp</item>
        <item name="android:textAppearance">@style/TextAppearance.DensityAdaptive.TextLarge.Primary</item>
    </style>

    <style name="AlertDialogButtonStyle" parent="Widget.Material3Expressive.Button.TextButton.Dialog">
        <item name="android:textAppearance">@style/TextAppearance.TextAccentMediumThick.Primary</item>
    </style>

    <style name="TimePickerDialogButtonStyle" parent="AlertDialogButtonStyle">
        <!-- Arbitrary value to force the button bar orientation to vertical. -->
        <item name="android:paddingStart">24dp</item>
        <item name="android:paddingEnd">24dp</item>
    </style>

    <!-- Styled to match BlackHeadline but setup to override values in the app compat parent theme.
         Note that the fontFamily doesn't get applied on older versions of Android.
         See https://crbug.com/918697.-->
    <style name="TextAppearance.AlertDialogTitleStyle"
        parent="RtlOverlay.DialogWindowTitle.AppCompat">
        <item name="android:textColor">@color/default_text_color_list</item>
        <item name="android:textSize">@dimen/headline_size</item>
        <item name="android:fontFamily">@font/accent_font</item>
        <item name="android:textStyle">normal</item>
    </style>

    <style name="AlertDialogContent">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:textAlignment">viewStart</item>
        <item name="android:paddingStart">@dimen/dialog_padding_sides</item>
        <item name="android:paddingEnd">@dimen/dialog_padding_sides</item>
        <item name="android:paddingTop">@dimen/dialog_padding_top</item>
    </style>
    <style name="AlertDialogSummaryViewItem">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:textAlignment">viewStart</item>
        <item name="android:paddingTop">10dp</item>
        <item name="android:textAppearance">@style/TextAppearance.TextMedium.Secondary</item>
    </style>

    <style name="ProgressBarStyle" parent="Widget.AppCompat.ProgressBar">
        <item name="android:indeterminateTint">@macro/default_icon_color_accent1</item>
    </style>

    <!-- TODO(crbug.com/419879223): Move closer to the app menu code once we don't need to apply these using themes. -->
    <!-- App menu styles. -->
    <!-- Styling for an app menu item row. -->
    <style name="AppMenuItem">
        <item name="android:paddingStart">16dp</item>
        <item name="android:paddingEnd">16dp</item>
        <item name="android:background">?attr/listChoiceBackgroundIndicator</item>
    </style>

    <!-- Styling for an icon in an app menu icon row. -->
    <style name="OverflowMenuButton" parent="Widget.Material3Expressive.Button.IconButton.Standard">
        <!-- Perfect square. -->
        <item name="android:layout_width">?android:attr/listPreferredItemHeightSmall</item>
        <item name="android:layout_height">?android:attr/listPreferredItemHeightSmall</item>
        <!-- Position the button at the center within the wrapper. -->
        <item name="android:layout_gravity">center</item>
        <!-- Ensure each button's content block (text + icon) is centered
        vertically and horizontally within each cell. -->
        <item name="android:gravity">center</item>
        <!-- Place each button at the start of its content block (text + icon),
         which is already centered within its own cell. -->
        <item name="iconGravity">textStart</item>
        <item name="rippleColor">?attr/globalTextButtonRippleColor</item>
        <item name="iconSize">24dp</item>
        <item name="iconTint">@color/default_icon_color_tint_list</item>
        <item name="iconPadding">0dp</item>
    </style>

    <!-- Expressive styling for an icon in an app menu icon row. -->
    <style name="OverflowMenuButton.Expressive" parent="Widget.Material3Expressive.Button.IconButton.Tonal">
        <item name="materialSizeOverlay">?attr/iconRowButtonSizeOverlay</item>
        <item name="backgroundTint">@color/tonal_button_bg_list</item>
        <item name="iconTint">@color/tonal_button_icon_tint_list</item>
    </style>

    <style name="SizeOverlay.BrowserUI.IconRowButton" parent="SizeOverlay.Material3Expressive.Button.IconButton.Small">
        <item name="containerIconSize">?attr/listItemIconSize</item>
    </style>

    <style name="SizeOverlay.BrowserUI.IconRowButton.DesktopDensity">
        <item name="containerPaddingStart">8dp</item>
        <item name="containerPaddingEnd">8dp</item>
        <item name="containerPaddingTop">8dp</item>
        <item name="containerPaddingBottom">8dp</item>
        <item name="containerInsetTop">0dp</item>
        <item name="containerInsetBottom">0dp</item>
        <item name="containerInsetLeft">0dp</item>
        <item name="containerInsetRight">0dp</item>
    </style>

    <style name="SizeOverlay.BrowserUI.ColorButton" parent="SizeOverlay.Material3Expressive.Button.IconButton.Xsmall" />

    <style name="SizeOverlay.BrowserUI.ColorButton.DesktopDensity">
        <item name="containerInsetTop">6dp</item>
        <item name="containerInsetBottom">6dp</item>
        <item name="containerInsetLeft">6dp</item>
        <item name="containerInsetRight">6dp</item>
        <item name="containerShapeChecked">?attr/shapeAppearanceCornerSmall</item>
        <item name="containerShapePressed">?attr/shapeAppearanceCornerExtraSmall</item>
    </style>

    <!-- Checkbox styles. -->
    <style name="DefaultCheckboxStyle" parent="TextAppearance.TextMedium.Secondary">
        <!-- The space between the checkbox and text. -->
        <item name="android:paddingStart">16dp</item>
    </style>

    <style name="ModernToolbar" parent="Base.ModernToolbar">
    <item name="android:background">@macro/default_bg_color</item>
    </style>

    <style name="Base.ModernToolbar" parent="Widget.Material3Expressive.Toolbar">
        <item name="titleTextAppearance">@style/TextAppearance.Headline.Primary</item>
        <item name="titleTextColor">@macro/default_text_color</item>
        <item name="windowActionBarOverlay">true</item>
    </style>

    <style name="TextButton.OnAccent1" tools:ignore="UnusedResources">
        <item name="android:textAppearance">@style/TextAppearance.Button.OnAccent1</item>
        <item name="buttonTextColor">@color/default_text_color_on_accent1_list</item>
        <item name="rippleColor">@color/filled_button_ripple_color</item>
    </style>

    <!-- Text styles -->

    <!-- Density adaptive text styles -->
    <style name="TextAppearance.DensityAdaptive.TextLarge" parent="TextAppearance">
        <item name="android:textSize">?attr/textLargeSize</item>
        <item name="leading">?attr/textLargeLeading</item>
    </style>

    <style name="TextAppearance.DensityAdaptive.TextLarge.Primary">
        <item name="android:textColor">@color/default_text_color_list</item>
    </style>

    <style name="TextAppearance.DensityAdaptive.TextLarge.Primary.Baseline.Light"
        parent="TextAppearance.DensityAdaptive.TextLarge">
        <item name="android:textColor">@color/default_text_color_light_list</item>
    </style>

    <!-- Primary text styles -->
    <style name="TextAppearance.Headline.Primary">
        <item name="android:textColor">@color/default_text_color_list</item>
    </style>

    <style name="TextAppearance.Headline2Thick.Primary">
        <item name="android:textColor">@color/default_text_color_list</item>
    </style>

    <style name="TextAppearance.TextAccentMediumThick.Primary">
        <item name="android:textColor">@color/default_text_color_list</item>
    </style>

    <style name="TextAppearance.TextLarge.Primary">
        <item name="android:textColor">@color/default_text_color_list</item>
    </style>

    <style name="TextAppearance.TextMediumThick.Primary">
        <item name="android:textColor">@color/default_text_color_list</item>
    </style>

    <style name="TextAppearance.TextMedium.Primary">
        <item name="android:textColor">@color/default_text_color_list</item>
    </style>

    <style name="TextAppearance.TextSmall.Primary">
        <item name="android:textColor">@color/default_text_color_list</item>
    </style>

    <!-- Secondary text styles -->
    <style name="TextAppearance.Headline2Thick.Secondary" >
        <item name="android:textColor">@color/default_text_color_secondary_list</item>
    </style>

    <style name="TextAppearance.TextLarge.Secondary">
        <item name="android:textColor">@color/default_text_color_secondary_list</item>
    </style>

    <style name="TextAppearance.TextMediumThick.Secondary">
        <item name="android:textColor">@color/default_text_color_secondary_list</item>
    </style>

    <style name="TextAppearance.TextAccentMediumThick.Secondary">
        <item name="android:textColor">@color/default_text_color_secondary_list</item>
    </style>

    <style name="TextAppearance.TextMedium.Secondary">
        <item name="android:textColor">@color/default_text_color_secondary_list</item>
    </style>

    <style name="TextAppearance.TextSmall.Secondary">
        <item name="android:textColor">@color/default_text_color_secondary_list</item>
    </style>

    <!-- Accent1 text styles -->
    <style name="TextAppearance.TextMedium.Accent1">
        <item name="android:textColor">@color/default_text_color_accent1_tint_list</item>
    </style>
    <style name="TextAppearance.TextMediumThick.Accent1">
        <item name="android:textColor">@color/default_text_color_accent1_tint_list</item>
    </style>
    <style name="TextAppearance.TextSmall.Accent1">
        <item name="android:textColor">@color/default_text_color_accent1_tint_list</item>
    </style>
    <style name="TextAppearance.TextLarge.Link" parent="TextAppearance.TextLarge">
        <item name="android:textColor">@color/default_text_color_link_tint_list</item>
    </style>
    <style name="TextAppearance.TextMedium.Link" parent="TextAppearance.TextMedium">
        <item name="android:textColor">@color/default_text_color_link_tint_list</item>
    </style>
    <style name="TextAppearance.TextAccentMediumThick.Link" parent="TextAppearance.TextAccentMediumThick">
        <item name="android:textColor">@color/default_text_color_link_tint_list</item>
    </style>

    <!-- Formerly inverse text styles -->
    <!-- Text styles used on dark background on light theme, and light background on dark theme. -->
    <style name="TextAppearance.Headline.Primary.OnAccent1" tools:ignore="UnusedResources">
        <item name="android:textColor">@color/default_text_color_on_accent1_list</item>
    </style>
    <style name="TextAppearance.TextLarge.Primary.OnAccent1Container" tools:ignore="UnusedResources">
        <item name="android:textColor">@color/default_text_color_on_accent1_container_list</item>
    </style>
    <style name="TextAppearance.TextMediumThick.Primary.OnAccent1" tools:ignore="UnusedResources">
        <item name="android:textColor">@color/default_text_color_on_accent1_list</item>
    </style>
    <style name="TextAppearance.TextMedium.Primary.OnAccent1" tools:ignore="UnusedResources">
        <item name="android:textColor">@color/default_text_color_on_accent1_list</item>
    </style>
    <style name="TextAppearance.TextSmall.Primary.OnAccent1" tools:ignore="UnusedResources">
        <item name="android:textColor">@color/default_text_color_on_accent1_list</item>
    </style>
    <style name="TextAppearance.Button.OnAccent1" parent="TextAppearance.TextMediumThick.Primary.OnAccent1"/>

    <!-- Chip Text Styles -->
    <style name="TextAppearance.ChipText" parent="TextAppearance.TextAccentMediumThick">
        <item name="android:textColor">@color/chip_text_color_secondary_list</item>
    </style>
    <style name="TextAppearance.ChipHint" parent="TextAppearance.TextAccentMediumThick">
        <item name="android:textColor">@color/chip_text_color_secondary_list</item>
    </style>

    <!-- Other text styles -->
    <style name="TextAppearance.BlackLink" tools:ignore="UnusedResources">
        <item name="android:textColor">@color/default_text_color_secondary_list</item>
        <item name="android:textSize">@dimen/text_size_medium</item>
        <item name="android:textStyle">bold</item>
    </style>
    <style name="TextAppearance.BlackToolbarTitle" tools:ignore="UnusedResources">
        <item name="android:textColor">@color/default_text_color_secondary_list</item>
        <item name="android:textSize">@dimen/text_size_large</item>
        <item name="android:textStyle">bold</item>
    </style>
    <!-- TextMedium.Link styling w/ sans-serif-medium or google-sans-text-medium font family -->
    <style name="TextAppearance.EditorDialogSectionAddButton"
        parent="TextAppearance.TextMediumThick">
        <item name="android:textAllCaps">true</item>
        <item name="android:textColor">@color/default_text_color_link_tint_list</item>
    </style>

    <!-- Disabled text styles -->
    <style name="TextAppearance.Headline.Disabled" tools:ignore="UnusedResources">
        <item name="android:textColor">@color/default_text_color_disabled_list</item>
    </style>

    <style name="TextAppearance.TextLarge.Disabled" tools:ignore="UnusedResources">
        <item name="android:textColor">@color/default_text_color_disabled_list</item>
    </style>

    <style name="TextAppearance.TextMedium.Disabled">
        <item name="android:textColor">@color/default_text_color_disabled_list</item>
    </style>

    <style name="TextAppearance.TextSmall.Disabled" tools:ignore="UnusedResources">
        <item name="android:textColor">@color/default_text_color_disabled_list</item>
    </style>

</resources>