mobile/android/fenix/app/src/main/res/values/styles.xml

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <!-- This Source Code Form is subject to the terms of the Mozilla Public
   3    - License, v. 2.0. If a copy of the MPL was not distributed with this
   4    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
   5 <resources xmlns:tools="http://schemas.android.com/tools">
   6
   7     <style name="NormalThemeBase" parent="Theme.MaterialComponents.DayNight.NoActionBar.Bridge">
   8         <!-- Android system styling -->
   9         <item name="searchViewStyle">@style/SearchViewStyle</item>
  10         <item name="autoCompleteTextViewStyle">@style/AutoCompleteTextViewStyle</item>
  11         <item name="android:windowContentTransitions">true</item>
  12         <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
  13         <item name="android:progressBarStyleHorizontal">@style/progressBarStyleHorizontal</item>
  14         <item name="android:statusBarColor">@android:color/transparent</item>
  15         <item name="android:windowBackground">@color/fx_mobile_layer_color_1</item>
  16         <item name="android:colorEdgeEffect">@color/accent_normal_theme</item>
  17         <item name="android:colorAccent">@color/fx_mobile_text_color_primary</item>
  18         <item name="android:textColorPrimary">@color/state_list_text_color</item>
  19         <item name="android:textColorSecondary">@color/secondary_state_list_text_color</item>
  20         <item name="alertDialogStyle">@style/DialogStyleNormal</item>
  21         <item name="alertDialogTheme">@style/DialogStyleNormal</item>
  22         <item name="android:windowEnableSplitTouch">false</item>
  23         <item name="android:splitMotionEvents">false</item>
  24         <item name="bottomSheetDialogTheme">@style/BottomSheet</item>
  25         <item name="android:textColorLink">@color/fx_mobile_text_color_accent</item>
  26
  27         <item name="mozacInputLayoutErrorTextColor"
  28             tools:ignore="UnusedResources">@color/fx_mobile_text_color_warning</item>
  29         <item name="mozacInputLayoutErrorIconColor"
  30             tools:ignore="UnusedResources">@color/fx_mobile_text_color_warning</item>
  31         <item name="mozacLoginSelectHeaderTextStyle" tools:ignore="UnusedResources">@style/SelectPromptHeaderTextStyle</item>
  32         <item name="mozacSelectCreditCardHeaderTextStyle" tools:ignore="UnusedResources">@style/SelectPromptHeaderTextStyle</item>
  33
  34         <!-- Design system color attributes -->
  35         <!-- Search -->
  36         <item name="layer3">@color/fx_mobile_layer_color_3</item>
  37         <!-- Small heading, Text link -->
  38         <item name="textAccent">@color/fx_mobile_text_color_accent</item>
  39         <!-- Active tab -->
  40         <item name="iconActive">@color/fx_mobile_icon_color_active</item>
  41         <!-- Default, Divider, Dotted -->
  42         <item name="borderPrimary">@color/fx_mobile_border_color_primary</item>
  43
  44         <!-- Active thumb color & Active track color (30% transparency) -->
  45         <item name="colorControlActivated">@color/accent_high_contrast_normal_theme</item>
  46         <!-- Inactive thumb color -->
  47         <item name="colorSwitchThumbNormal">@color/toggle_off_knob_normal_theme</item>
  48         <!-- Inactive track color(30% transparency) -->
  49         <item name="android:colorForeground">@color/toggle_off_track_normal_theme</item>
  50         <!-- sets the toolbar back button color, radio buttons / unselected checkboxes -->
  51         <item name="colorControlNormal">@color/fx_mobile_text_color_primary</item>
  52
  53         <!-- Updated color attributes -->
  54         <item name="primaryText">@color/fx_mobile_text_color_primary</item>
  55         <item name="secondaryText">@color/fx_mobile_text_color_secondary</item>
  56         <item name="contrastText">@color/fx_mobile_text_color_oncolor_primary</item>
  57         <item name="accent">@color/accent_normal_theme</item>
  58         <item name="accentBright">@color/photonViolet70</item>
  59         <item name="accentHighContrast">@color/accent_high_contrast_normal_theme</item>
  60         <item name="foundation">@color/fx_mobile_layer_color_1</item>
  61         <item name="above">@color/fx_mobile_layer_color_2</item>
  62         <item name="inset">@color/inset_normal_theme</item>
  63         <item name="neutral">@color/neutral_normal_theme</item>
  64         <item name="neutralFaded">@color/neutral_faded_normal_theme</item>
  65         <item name="destructive">@color/fx_mobile_text_color_warning</item>
  66         <item name="disabled">@color/fx_mobile_text_color_disabled</item>
  67         <item name="scrimStart">@color/fx_mobile_layer_color_scrim_start</item>
  68         <item name="scrimEnd">@color/fx_mobile_layer_color_scrim_end</item>
  69         <item name="snackbar">@color/fx_mobile_action_color_primary</item>
  70         <item name="accentUsedOnDarkBackground">@color/fx_mobile_text_color_accent</item>
  71         <item name="toolbarStartGradient">@color/fx_mobile_layer_color_1</item>
  72         <item name="toolbarCenterGradient">@color/fx_mobile_layer_color_1</item>
  73         <item name="toolbarEndGradient">@color/fx_mobile_layer_color_1</item>
  74         <item name="fillLinkFromClipboard">@color/fill_link_from_clipboard_normal_theme</item>
  75         <item name="syncDisconnected">@color/sync_disconnected_icon_fill_normal_theme</item>
  76         <item name="syncDisconnectedBackground">@color/sync_disconnected_background_normal_theme</item>
  77         <item name="swipeDeleteBackground">@color/swipe_delete_background_normal_theme</item>
  78         <item name="onboardingDarkGradientStartBackground">@color/photonViolet70</item>
  79         <item name="onboardingDarkGradientEndBackground">@color/photonViolet40</item>
  80         <item name="onboardingSelected">@color/onboarding_illustration_selected_normal_theme</item>
  81         <item name="onboardingDeselected">@color/onboarding_illustration_deselected_normal_theme</item>
  82         <item name="addOnPrivateBrowsingExteriorCircleBackground">@color/add_on_private_browsing_exterior_circle_background_normal_theme</item>
  83         <item name="mozacPromptLoginEditTextCursorColor">@color/prompt_login_edit_text_cursor_color_normal_theme</item>
  84         <item name="awesomeBarIndicatorColor">@color/search_suggestion_indicator_icon_color_normal_theme</item>
  85         <item name="awesomeBarIndicatorBookmarkColor">@color/search_suggestion_indicator_icon_bookmark_color_normal_theme</item>
  86         <item name="preferenceSectionHeader">@color/fx_mobile_text_color_accent</item>
  87         <item name="selectPromptHeaderTextColor">@color/fx_mobile_text_color_accent</item>
  88         <item name="menuItemButtonTintColor">@color/fx_mobile_text_color_accent</item>
  89
  90         <!-- Shared widget colors -->
  91         <item name="mozac_primary_text_color">@color/fx_mobile_text_color_primary</item>
  92         <item name="mozac_caption_text_color">@color/fx_mobile_text_color_secondary</item>
  93         <item name="mozac_widget_favicon_background_color">@color/fx_mobile_layer_color_2</item>
  94         <item name="mozac_widget_favicon_border_color">@color/fx_mobile_border_color_primary</item>
  95
  96         <item name="tabTrayThumbnailItemBackground">@color/tab_tray_item_thumbnail_background_normal_theme</item>
  97         <item name="tabTrayThumbnailIcon">@color/tab_tray_item_thumbnail_icon_normal_theme</item>
  98
  99         <!-- Tab History -->
 100         <item name="tabHistoryItemSelectedBackground">@color/tab_history_item_selected_background_normal_theme</item>
 101
 102         <!-- Drawables -->
 103         <item name="fenixLogo">@drawable/ic_logo_wordmark_normal</item>
 104         <item name="homeBackground">@color/fx_mobile_layer_color_1</item>
 105         <item name="bottomBarBackground">@drawable/home_bottom_bar_background</item>
 106         <item name="bottomBarBackgroundTop">@drawable/home_bottom_bar_background_top</item>
 107         <item name="privateBrowsingButtonBackground">@android:color/transparent</item>
 108         <item name="privateBrowsingButtonAccent">@color/fx_mobile_text_color_primary</item>
 109
 110         <item name="tabCounterTintColor">?primaryText</item>
 111     </style>
 112
 113     <!-- A theme derived from the normal activity theme, but to look and behave like a dialog -->
 114     <style name="DialogActivityTheme" parent="NormalTheme">
 115         <item name="android:windowElevation">16dp</item>
 116         <item name="android:colorBackground">?attr/colorBackgroundFloating</item>
 117         <item name="android:colorBackgroundCacheHint">@null</item>
 118         <item name="android:windowFrame">@null</item>
 119         <item name="android:windowTitleStyle">@style/RtlOverlay.DialogWindowTitle.AppCompat</item>
 120         <item name="android:windowTitleBackgroundStyle">@style/Base.DialogWindowTitleBackground.AppCompat</item>
 121         <item name="android:windowIsFloating">true</item>
 122         <item name="android:backgroundDimEnabled">true</item>
 123         <item name="android:windowContentOverlay">@null</item>
 124         <item name="android:windowAnimationStyle">@style/Animation.AppCompat.Dialog</item>
 125         <item name="android:windowSoftInputMode">stateUnspecified|adjustPan</item>
 126
 127         <item name="windowActionBar">false</item>
 128         <item name="windowActionModeOverlay">true</item>
 129
 130         <item name="listPreferredItemPaddingLeft">24dip</item>
 131         <item name="listPreferredItemPaddingRight">24dip</item>
 132
 133         <item name="android:listDivider">@null</item>
 134
 135         <item name="android:buttonBarStyle">@style/Widget.AppCompat.ButtonBar.AlertDialog</item>
 136         <item name="android:borderlessButtonStyle">@style/Widget.AppCompat.Button.Borderless</item>
 137         <item name="android:windowCloseOnTouchOutside">true</item>
 138     </style>
 139
 140     <style name="NormalTheme" parent="NormalThemeBase" />
 141
 142     <style name="BaseDialogStyle" parent="Theme.MaterialComponents.Dialog.Alert">
 143         <item name="colorControlNormal">?primaryText</item>
 144         <item name="textColorAlertDialogListItem">?primaryText</item>
 145         <item name="android:titleTextStyle">@style/HeaderTextStyle</item>
 146         <item name="android:windowTitleStyle">@style/HeaderTextStyle</item>
 147         <item name="dialogCornerRadius">@dimen/tab_corner_radius</item>
 148         <item name="android:colorBackground">?above</item>
 149         <item name="colorAccent">?accent</item>
 150         <item name="android:textColorPrimary">?primaryText</item>
 151     </style>
 152
 153     <style name="DialogStyleLight" parent="BaseDialogStyle">
 154         <item name="buttonBarNegativeButtonStyle">@style/DialogButtonStyleLight</item>
 155         <item name="buttonBarPositiveButtonStyle">@style/DialogButtonStyleLight</item>
 156     </style>
 157
 158     <style name="SelectPromptHeaderTextStyle" parent="Header16TextStyle">
 159         <item name="android:textColor">?selectPromptHeaderTextColor</item>
 160         <item name="drawableTint">?accentHighContrast</item>
 161     </style>
 162
 163     <style name="Checkable.Colored" parent="Theme.AppCompat">
 164         <item name="colorControlActivated">?attr/onboardingSelected</item>
 165         <item name="colorControlNormal">?attr/onboardingDeselected</item>
 166     </style>
 167
 168     <style name="DialogStyleDark" parent="BaseDialogStyle">
 169         <item name="buttonBarNegativeButtonStyle">@style/DialogButtonStyleDark</item>
 170         <item name="buttonBarPositiveButtonStyle">@style/DialogButtonStyleDark</item>
 171     </style>
 172
 173     <style name="DialogButtonStyleLight" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
 174         <item name="android:background">?android:attr/selectableItemBackgroundBorderless</item>
 175         <item name="android:textColor">?accentBright</item>
 176         <item name="fontFamily">@font/metropolis_semibold</item>
 177     </style>
 178
 179     <style name="DialogButtonStyleDark" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
 180         <item name="android:background">?android:attr/selectableItemBackgroundBorderless</item>
 181         <item name="android:textColor">?accentHighContrast</item>
 182         <item name="fontFamily">@font/metropolis_semibold</item>
 183     </style>
 184
 185     <style name="DialogStyleNormal" parent="DialogStyleLight"/>
 186
 187     <style name="PrivateThemeBase" parent="Theme.MaterialComponents.NoActionBar.Bridge">
 188         <!-- Android system styling -->
 189         <item name="searchViewStyle">@style/SearchViewStyle</item>
 190         <item name="autoCompleteTextViewStyle">@style/AutoCompleteTextViewStyle</item>
 191         <item name="android:windowContentTransitions">true</item>
 192         <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
 193         <item name="android:progressBarStyleHorizontal">@style/progressBarStyleHorizontal</item>
 194         <item name="android:statusBarColor">@android:color/transparent</item>
 195         <item name="android:windowBackground">@color/fx_mobile_private_layer_color_1</item>
 196         <item name="android:colorEdgeEffect">@color/accent_private_theme</item>
 197         <item name="android:colorAccent">@color/fx_mobile_private_text_color_primary</item>
 198         <item name="colorControlActivated">@color/accent_high_contrast_private_theme</item>
 199         <item name="android:textColorPrimary">@color/state_list_text_color</item>
 200         <item name="android:textColorSecondary">@color/secondary_state_list_text_color</item>
 201         <item name="alertDialogStyle">@style/DialogStyleDark</item>
 202         <item name="alertDialogTheme">@style/DialogStyleDark</item>
 203         <item name="android:windowEnableSplitTouch">false</item>
 204         <item name="android:splitMotionEvents">false</item>
 205         <item name="bottomSheetDialogTheme">@style/BottomSheetPrivate</item>
 206
 207         <item name="mozacInputLayoutErrorTextColor"
 208             tools:ignore="UnusedResources">@color/fx_mobile_private_text_color_warning</item>
 209         <item name="mozacInputLayoutErrorIconColor"
 210             tools:ignore="UnusedResources">@color/fx_mobile_private_text_color_warning</item>
 211         <item name="mozacLoginSelectHeaderTextStyle" tools:ignore="UnusedResources">@style/SelectPromptHeaderTextStyle</item>
 212         <item name="mozacSelectCreditCardHeaderTextStyle" tools:ignore="UnusedResources">@style/SelectPromptHeaderTextStyle</item>
 213
 214         <!-- Design system color attributes -->
 215         <!-- Search -->
 216         <item name="layer3">@color/fx_mobile_private_layer_color_3</item>
 217         <!-- Small heading, Text link -->
 218         <item name="textAccent">@color/fx_mobile_private_text_color_accent</item>
 219         <!-- Active tab -->
 220         <item name="iconActive">@color/fx_mobile_private_icon_color_active</item>
 221         <!-- Default, Divider, Dotted -->
 222         <item name="borderPrimary">@color/fx_mobile_private_border_color_primary</item>
 223
 224         <!-- Inactive thumb color -->
 225         <item name="colorSwitchThumbNormal">@color/toggle_off_knob_dark_theme</item>
 226         <!-- Inactive track color(30% transparency) -->
 227         <item name="android:colorForeground">@color/toggle_off_track_dark_theme</item>
 228         <!-- sets the toolbar back button color, radio buttons/ unselected checkboxes -->
 229         <item name="colorControlNormal">@color/fx_mobile_private_text_color_primary</item>
 230
 231         <!-- Updated color attributes -->
 232         <item name="primaryText">@color/fx_mobile_private_text_color_primary</item>
 233         <item name="secondaryText">@color/fx_mobile_private_text_color_secondary</item>
 234         <item name="contrastText">@color/fx_mobile_private_text_color_primary</item>
 235         <item name="accent">@color/accent_private_theme</item>
 236         <item name="accentBright">@color/photonViolet70</item>
 237         <item name="accentHighContrast">@color/accent_high_contrast_private_theme</item>
 238         <item name="foundation">@color/fx_mobile_private_layer_color_1</item>
 239         <item name="above">@color/fx_mobile_private_layer_color_1</item>
 240         <item name="inset">@color/fx_mobile_private_layer_color_1</item>
 241         <item name="neutral">@color/neutral_private_theme</item>
 242         <item name="neutralFaded">@color/neutral_faded_private_theme</item>
 243         <item name="destructive">@color/fx_mobile_private_text_color_warning</item>
 244         <item name="disabled">@color/fx_mobile_private_text_color_disabled</item>
 245         <item name="scrimStart">@color/scrimStart_private_theme</item>
 246         <item name="scrimEnd">@color/scrimEnd_private_theme</item>
 247         <item name="snackbar">@color/snackbar_private_theme</item>
 248         <item name="accentUsedOnDarkBackground">@color/accent_high_contrast_private_theme</item>
 249         <item name="toolbarStartGradient">@color/fx_mobile_private_layer_color_4_start</item>
 250         <item name="toolbarCenterGradient">@color/fx_mobile_private_layer_color_4_center</item>
 251         <item name="toolbarEndGradient">@color/fx_mobile_private_layer_color_4_end</item>
 252         <item name="fillLinkFromClipboard">@color/accent_high_contrast_private_theme</item>
 253         <item name="syncDisconnected">@color/sync_disconnected_icon_fill_private_theme</item>
 254         <item name="syncDisconnectedBackground">@color/sync_disconnected_background_private_theme</item>
 255         <item name="swipeDeleteBackground">@color/swipe_delete_background_private_theme</item>
 256         <item name="onboardingDarkGradientStartBackground">@color/photonViolet60</item>
 257         <item name="onboardingDarkGradientEndBackground">@color/photonPurple50</item>
 258         <item name="onboardingSelected">@color/accent_private_theme</item>
 259         <item name="onboardingDeselected">@color/onboarding_illustration_deselected_private_theme</item>
 260         <item name="addOnPrivateBrowsingExteriorCircleBackground">@color/accent_private_theme</item>
 261         <item name="mozacPromptLoginEditTextCursorColor">@color/prompt_login_edit_text_cursor_color_private_theme</item>
 262         <item name="awesomeBarIndicatorColor">@color/photonGreen60</item>
 263         <item name="awesomeBarIndicatorBookmarkColor">@color/photonBlue40</item>
 264         <item name="selectPromptHeaderTextColor">@color/accent_high_contrast_private_theme</item>
 265         <item name="preferenceSectionHeader">@color/photonViolet40</item>
 266         <item name="menuItemButtonTintColor">@color/accent_high_contrast_private_theme</item>
 267
 268         <!-- Shared widget colors -->
 269         <item name="mozac_primary_text_color">@color/fx_mobile_private_text_color_primary</item>
 270         <item name="mozac_caption_text_color">@color/fx_mobile_private_text_color_secondary</item>
 271         <item name="mozac_widget_favicon_background_color">@color/photonInk50</item>
 272         <item name="mozac_widget_favicon_border_color">@color/photonInk50</item>
 273
 274         <!-- Tab Tray -->
 275         <item name="tabTrayThumbnailItemBackground">@color/tab_tray_item_thumbnail_background_normal_theme</item>
 276         <item name="tabTrayThumbnailIcon">@color/tab_tray_item_thumbnail_icon_normal_theme</item>
 277
 278         <!-- Tab History -->
 279         <item name="tabHistoryItemSelectedBackground">@color/tab_tray_item_selected_background_dark_theme</item>
 280
 281         <!-- Drawables -->
 282         <item name="fenixLogo">@drawable/ic_logo_wordmark_private</item>
 283         <item name="homeBackground">@drawable/private_home_background_gradient</item>
 284         <item name="bottomBarBackground">@drawable/private_home_bottom_bar_background_gradient</item>
 285         <item name="bottomBarBackgroundTop">@drawable/private_home_bottom_bar_background_gradient_top</item>
 286         <item name="privateBrowsingButtonBackground">@color/fx_mobile_private_text_color_primary</item>
 287         <item name="privateBrowsingButtonAccent">@color/fx_mobile_private_layer_color_1</item>
 288     </style>
 289
 290     <style name="Mozac.Browser.Menu" parent="" tools:ignore="UnusedResources">
 291         <item name="cardBackgroundColor">?above</item>
 292     </style>
 293     <style name="Mozac.Browser.Menu2" parent="" tools:ignore="UnusedResources">
 294         <item name="cardBackgroundColor">?above</item>
 295     </style>
 296
 297     <style name="PrivateTheme" parent="PrivateThemeBase" />
 298
 299     <!-- Fade animation for theme switching -->
 300     <style name="WindowAnimationTransition">
 301         <item name="android:windowEnterAnimation">@anim/fade_in</item>
 302         <item name="android:windowExitAnimation">@anim/fade_out</item>
 303     </style>
 304
 305     <!-- UI button styling -->
 306     <style name="NeutralButton" parent="Widget.MaterialComponents.Button.TextButton">
 307         <item name="iconTint">@color/button_text_color</item>
 308         <item name="iconPadding">8dp</item>
 309         <item name="iconGravity">textStart</item>
 310         <item name="android:textAlignment">center</item>
 311         <item name="android:layout_width">match_parent</item>
 312         <item name="android:radius">4dp</item>
 313         <item name="android:layout_height">48dp</item>
 314         <item name="android:textStyle">bold</item>
 315         <item name="android:textAllCaps">false</item>
 316         <item name="backgroundTint">@color/grey_button_color</item>
 317         <item name="android:textColor">@color/button_text_color</item>
 318         <item name="rippleColor">?secondaryText</item>
 319         <item name="android:letterSpacing">0</item>
 320         <item name="fontFamily">@font/metropolis_semibold</item>
 321     </style>
 322
 323     <!-- Ideally we should consolidate this with NeutralButton in the future -->
 324     <style name="NeutralOnboardingButton" parent="NeutralButton">
 325         <item name="android:background">@drawable/onboarding_padded_background</item>
 326         <item name="backgroundTint">?neutralFaded</item>
 327         <item name="android:textColor">?primaryText</item>
 328     </style>
 329
 330     <style name="DestructiveButton" parent="NeutralButton">
 331         <item name="iconTint">@color/fx_mobile_text_color_warning</item>
 332         <item name="android:textColor">@color/fx_mobile_text_color_warning</item>
 333     </style>
 334
 335     <style name="PositiveButton" parent="NeutralButton">
 336         <item name="backgroundTint">?accent</item>
 337         <item name="iconTint">?contrastText</item>
 338         <item name="android:textColor">?contrastText</item>
 339     </style>
 340
 341     <style name="search_pill" parent="Widget.AppCompat.Button.Borderless">
 342         <item name="android:layout_width">wrap_content</item>
 343         <item name="android:layout_height">40dp</item>
 344         <item name="android:paddingTop">4dp</item>
 345         <item name="android:paddingBottom">4dp</item>
 346         <item name="android:textAllCaps">false</item>
 347         <item name="android:textSize">14sp</item>
 348         <item name="android:textColor">@color/toggle_text_color</item>
 349         <item name="drawableTint">@color/toggle_text_color</item>
 350         <item name="android:layout_gravity">center_vertical</item>
 351         <item name="android:gravity">center_vertical</item>
 352         <item name="android:singleLine">true</item>
 353         <item name="android:paddingStart">8dp</item>
 354         <item name="android:paddingEnd">16dp</item>
 355         <item name="android:drawablePadding">8dp</item>
 356         <item name="android:minWidth">0dp</item>
 357         <item name="android:minHeight">0dp</item>
 358         <item name="android:background">@drawable/search_pill_drawable_button_background</item>
 359     </style>
 360
 361     <style name="DialogStyleBase" parent="NormalTheme">
 362         <item name="android:textAppearance">@style/TextAppearance.AppCompat</item>
 363         <item name="android:colorControlNormal">?accentHighContrast</item>
 364         <item name="android:colorControlActivated">?accentHighContrast</item>
 365         <item name="android:colorControlHighlight">?accentBright</item>
 366
 367         <item name="android:windowBackground">@android:color/transparent</item>
 368         <item name="android:windowAnimationStyle">@style/Animation.Design.BottomSheetDialog</item>
 369         <item name="windowNoTitle">true</item>
 370         <item name="android:windowIsFloating">false</item>
 371         <item name="android:windowSoftInputMode">adjustResize</item>
 372         <item name="windowActionBar">false</item>
 373         <item name="android:windowFullscreen">false</item>
 374         <item name="android:windowContentOverlay">@null</item>
 375         <item name="android:navigationBarColor">@android:color/transparent</item>
 376         <item name="android:windowTranslucentNavigation">true</item>
 377     </style>
 378
 379     <style name="HeaderTextStyle" parent="TextAppearance.MaterialComponents.Subtitle1">
 380         <item name="android:textSize">18sp</item>
 381         <item name="android:textColor">?primaryText</item>
 382         <item name="fontFamily">@font/metropolis_semibold</item>
 383     </style>
 384
 385     <style name="Header20TextStyle" parent="TextAppearance.MaterialComponents.Body1">
 386         <item name="android:textColor">?primaryText</item>
 387         <item name="android:textSize">20sp</item>
 388         <item name="fontFamily">@font/metropolis_semibold</item>
 389     </style>
 390
 391     <style name="Header16TextStyle" parent="TextAppearance.MaterialComponents.Body1">
 392         <item name="android:textColor">?primaryText</item>
 393         <item name="android:textSize">16sp</item>
 394         <item name="fontFamily">@font/metropolis_semibold</item>
 395     </style>
 396
 397     <style name="Header14TextStyle" parent="TextAppearance.MaterialComponents.Body2">
 398         <item name="android:textColor">?primaryText</item>
 399         <item name="android:textSize">14sp</item>
 400         <item name="fontFamily">@font/metropolis_semibold</item>
 401     </style>
 402
 403     <style name="Body14TextStyle" parent="TextAppearance.MaterialComponents.Body2">
 404         <item name="android:textColor">?primaryText</item>
 405         <item name="android:textSize">14sp</item>
 406     </style>
 407
 408     <style name="Body16TextStyle" parent="TextAppearance.MaterialComponents.Body1">
 409         <item name="android:textColor">?primaryText</item>
 410     </style>
 411
 412     <style name="Body12TextStyle" parent="TextAppearance.MaterialComponents.Body1">
 413         <item name="android:textColor">?primaryText</item>
 414         <item name="android:textSize">12sp</item>
 415         <item name="android:textAllCaps">false</item>
 416     </style>
 417
 418     <style name="Button14TextStyle" parent="TextAppearance.MaterialComponents.Button">
 419         <item name="android:textSize">14sp</item>
 420         <item name="fontFamily">@font/metropolis</item>
 421         <item name="android:textAllCaps">false</item>
 422     </style>
 423
 424     <style name="Subtitle12TextStyle" parent="TextAppearance.MaterialComponents.Body1">
 425         <item name="android:textColor">?secondaryText</item>
 426         <item name="android:textSize">12sp</item>
 427         <item name="fontFamily">@font/metropolis_semibold</item>
 428     </style>
 429
 430     <style name="ToolbarTitleTextStyle" parent="HeaderTextStyle">
 431         <item name="android:textSize">20sp</item>
 432         <item name="fontFamily">@font/metropolis_semibold</item>
 433     </style>
 434
 435     <style name="ListItemTextStyle" parent="TextAppearance.MaterialComponents.Subtitle1">
 436         <item name="android:textColor">?primaryText</item>
 437     </style>
 438
 439     <style name="progressBarStyleHorizontal" parent="@style/Widget.AppCompat.ProgressBar.Horizontal">
 440         <item name="android:progressDrawable">@drawable/progress_gradient</item>
 441     </style>
 442
 443     <style name="QuickSettingsText">
 444         <item name="android:textColor">@color/state_list_text_color</item>
 445         <item name="android:textSize">14sp</item>
 446         <item name="android:paddingStart">16dp</item>
 447         <item name="android:paddingEnd">16dp</item>
 448         <item name="android:gravity">center_vertical</item>
 449         <item name="android:layout_alignParentStart">true</item>
 450     </style>
 451
 452     <style name="QuickSettingsSmallText">
 453         <item name="android:textColor">?secondaryText</item>
 454         <item name="android:textSize">12sp</item>
 455         <item name="android:paddingEnd">16dp</item>
 456         <item name="android:gravity">top</item>
 457         <item name="android:layout_alignParentStart">true</item>
 458     </style>
 459
 460     <style name="QuickSettingsLargeText">
 461         <item name="android:textColor">@color/state_list_text_color</item>
 462         <item name="android:textSize">16sp</item>
 463         <item name="android:paddingStart">16dp</item>
 464         <item name="android:paddingEnd">16dp</item>
 465         <item name="android:gravity">center_vertical</item>
 466         <item name="android:layout_alignParentStart">true</item>
 467     </style>
 468
 469     <style name="QuickSettingsLargeText.Icon">
 470         <item name="android:drawablePadding">8dp</item>
 471         <item name="drawableEndCompat">@drawable/ic_arrowhead_right</item>
 472     </style>
 473
 474     <style name="QuickSettingsText.Icon">
 475         <item name="android:drawablePadding">8dp</item>
 476     </style>
 477
 478     <style name="QuickSettingsText.PermissionItemEnd">
 479         <item name="android:layout_alignParentEnd">true</item>
 480         <item name="android:paddingEnd">24dp</item>
 481         <item name="android:gravity">end|center_vertical</item>
 482         <item name="android:background">?android:attr/selectableItemBackground</item>
 483         <item name="android:textColor">?accentUsedOnDarkBackground</item>
 484     </style>
 485
 486     <style name="OnboardingCardLight">
 487         <item name="android:background">@drawable/onboarding_card_background_light</item>
 488         <item name="android:layout_marginBottom">16dp</item>
 489         <item name="android:elevation">5dp</item>
 490     </style>
 491
 492     <style name="OnboardingCardLightWithPadding" parent="OnboardingCardLight">
 493         <item name="android:padding">16dp</item>
 494     </style>
 495
 496     <style name="OnboardingCardDark" parent="OnboardingCardLightWithPadding" tools:ignore="UnusedResources">
 497         <item name="android:background">@drawable/onboarding_card_background_dark</item>
 498         <item name="android:elevation">0dp</item>
 499     </style>
 500
 501     <style name="SearchClipboardStyle">
 502         <item name="android:ellipsize">end</item>
 503         <item name="android:maxLines">1</item>
 504     </style>
 505
 506     <style name="SearchClipboardTitleStyle" parent="SearchClipboardStyle">
 507         <item name="android:textColor">?primaryText</item>
 508         <item name="android:textSize">@dimen/search_fragment_clipboard_title_text_size</item>
 509     </style>
 510
 511     <style name="MetropolisButton">
 512         <item name="fontFamily">@font/metropolis_semibold</item>
 513     </style>
 514
 515     <style name="SearchClipboardUrlStyle" parent="SearchClipboardStyle">
 516         <item name="android:textAppearance">@style/Subtitle12TextStyle</item>
 517         <item name="android:textColor">?fillLinkFromClipboard</item>
 518     </style>
 519
 520     <style name="CreateCollectionDialogStyle" parent="DialogStyleBase"/>
 521     <style name="CreateShortcutDialogStyle" parent="DialogStyleBase"/>
 522     <style name="HomeOnboardingDialogStyle" parent="DialogStyleBase"/>
 523     <style name="CreateShortcutDialogButton" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
 524         <item name="android:layout_width">wrap_content</item>
 525         <item name="android:layout_height">wrap_content</item>
 526         <item name="android:minHeight">40dp</item>
 527         <item name="android:layout_marginTop">32dp</item>
 528         <item name="android:textColor">?accentUsedOnDarkBackground</item>
 529         <item name="android:fontFamily">@font/metropolis_semibold</item>
 530     </style>
 531
 532     <style name="ShareHeaderTextStyle">
 533         <item name="android:singleLine">true</item>
 534         <item name="android:textAllCaps">true</item>
 535         <item name="android:textColor">?secondaryText</item>
 536         <item name="android:textSize">@dimen/share_header_text_size</item>
 537         <item name="android:textStyle">bold</item>
 538         <item name="fontFamily">@font/metropolis_semibold</item>
 539     </style>
 540
 541     <style name="ShareDialogStyle" parent="DialogStyleBase"/>
 542
 543     <style name="AboutItemText" parent="TextAppearance.MaterialComponents.Body2">
 544         <item name="android:textColor">?textAccent</item>
 545         <item name="android:textSize">@dimen/about_items_text_size</item>
 546         <item name="android:paddingStart">@dimen/about_list_item_text_padding</item>
 547         <item name="android:paddingEnd">@dimen/about_list_item_text_padding</item>
 548         <item name="android:ellipsize">end</item>
 549         <item name="android:maxLines">1</item>
 550         <item name="android:minLines">1</item>
 551         <item name="fontFamily">sans-serif-medium</item>
 552     </style>
 553
 554     <style name="AboutHeaderContentText" parent="TextAppearance.MaterialComponents.Subtitle1">
 555         <item name="android:textColor">?primaryText</item>
 556         <item name="android:lineSpacingExtra">@dimen/about_header_text_line_spacing_extra</item>
 557     </style>
 558
 559     <style name="PreferenceSectionHeader" parent="@android:style/Widget.ListView">
 560         <item name="android:textColor">?preferenceSectionHeader</item>
 561         <item name="fontFamily">@font/metropolis_semibold</item>
 562     </style>
 563
 564     <style name="EngineTextField" parent="TextAppearance.AppCompat">
 565         <item name="android:textSize">14sp</item>
 566     </style>
 567
 568     <style name="Theme.Transparent" parent="android:Theme">
 569         <item name="android:windowIsTranslucent">true</item>
 570         <item name="android:windowBackground">@android:color/transparent</item>
 571         <item name="android:windowContentOverlay">@null</item>
 572         <item name="android:windowNoTitle">true</item>
 573         <item name="android:windowIsFloating">true</item>
 574         <item name="android:backgroundDimEnabled">false</item>
 575     </style>
 576
 577     <style name="SearchViewStyle" parent="Widget.AppCompat.SearchView">
 578         <item name="searchHintIcon">@null</item>
 579     </style>
 580
 581     <style name="AutoCompleteTextViewStyle" parent="Widget.AppCompat.AutoCompleteTextView">
 582         <item name="android:textColorHint">@color/search_view_hint_color</item>
 583     </style>
 584
 585     <style name="BottomSheetPrivate" parent="@style/BottomSheetBasePrivate" />
 586
 587     <style name="BottomSheet" parent="@style/BottomSheetBase" />
 588
 589     <style name="BottomSheetBasePrivate" parent="ThemeOverlay.MaterialComponents.BottomSheetDialog">
 590         <item name="android:windowIsFloating">false</item>
 591     </style>
 592
 593     <style name="BottomSheetBase" parent="ThemeOverlay.MaterialComponents.Light.BottomSheetDialog">
 594         <item name="android:windowIsFloating">false</item>
 595     </style>
 596
 597     <!-- Tab Tray does not present a private theme, so it needs to be separate from other bottom sheet styles -->
 598     <style name="TabTrayDialogStyleBase" parent="BottomSheetBase">
 599         <item name="bottomSheetStyle">@style/BottomSheetModal</item>
 600         <item name="android:colorBackground">@color/fx_mobile_layer_color_1</item>
 601     </style>
 602
 603     <style name="TabTrayDialogStyle" parent="TabTrayDialogStyleBase" />
 604
 605     <!-- Stuff to make the bottom sheet with round top borders -->
 606     <style name="BottomSheetShapeAppearance" parent="ShapeAppearance.MaterialComponents.LargeComponent">
 607         <item name="cornerFamily">rounded</item>
 608         <item name="cornerSizeTopLeft">16dp</item>
 609         <item name="cornerSizeTopRight">16dp</item>
 610         <item name="colorSurface">@color/photonPurple50</item>
 611         <item name="android:backgroundTint">@color/photonPurple50</item>
 612         <item name="android:colorBackground">@color/photonPurple50</item>
 613     </style>
 614
 615     <style name="BottomSheetModal" parent="Widget.Design.BottomSheet.Modal">
 616         <item name="shapeAppearance">@style/BottomSheetShapeAppearance</item>
 617         <item name="behavior_fitToContents">false</item>
 618         <item name="behavior_skipCollapsed">false</item>
 619         <!-- Effectively disable STATE_HALF_EXPANDED by having the tray have a minuscule height in this state -->
 620         <item name="behavior_halfExpandedRatio">0.001</item>
 621     </style>
 622
 623     <style name="TopSite.FaviconCard" parent="Mozac.Widgets.Favicon">
 624         <item name="android:layout_width">@dimen/top_sites_card_size</item>
 625         <item name="android:layout_height">@dimen/top_sites_card_size</item>
 626         <item name="android:padding">@dimen/top_sites_card_padding</item>
 627         <item name="cardBackgroundColor">?mozac_widget_favicon_background_color</item>
 628         <item name="cardCornerRadius">@dimen/top_sites_card_radius</item>
 629         <item name="cardElevation">@dimen/top_sites_card_elevation</item>
 630     </style>
 631
 632     <style name="topSiteFavicon">
 633         <item name="android:layout_width">@dimen/top_sites_favicon_size</item>
 634         <item name="android:layout_height">@dimen/top_sites_favicon_size</item>
 635         <item name="android:scaleType">fitCenter</item>
 636         <item name="android:layout_gravity">center</item>
 637         <item name="shapeAppearanceOverlay">@style/topSiteFaviconShape</item>
 638     </style>
 639
 640     <style name="topSiteFaviconShape">
 641         <item name="cornerFamily">rounded</item>
 642         <item name="elevation">@dimen/top_sites_favicon_elevation</item>
 643         <item name="cornerSize">@dimen/top_sites_favicon_corner_size</item>
 644     </style>
 645
 646     <style name="TabTrayFab" parent="Widget.MaterialComponents.ExtendedFloatingActionButton">
 647         <item name="elevation">90dp</item>
 648         <item name="android:stateListAnimator">@null</item>
 649     </style>
 650
 651     <style name="SearchDialogStyle">
 652         <item name="android:windowAnimationStyle">@null</item>
 653         <item name="android:textAppearance">@style/TextAppearance.AppCompat</item>
 654         <item name="android:colorControlNormal">?accentHighContrast</item>
 655         <item name="android:colorControlActivated">?accentHighContrast</item>
 656         <item name="android:colorControlHighlight">?accentBright</item>
 657         <item name="android:windowBackground">@android:color/transparent</item>
 658         <item name="windowNoTitle">true</item>
 659         <item name="android:windowIsFloating">false</item>
 660         <item name="android:windowSoftInputMode">adjustResize</item>
 661         <item name="windowActionBar">false</item>
 662         <item name="android:windowFullscreen">false</item>
 663         <item name="android:windowContentOverlay">@null</item>
 664         <item name="android:navigationBarColor">@android:color/transparent</item>
 665         <item name="android:windowTranslucentNavigation">true</item>
 666     </style>
 667 </resources>