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/foundation_normal_theme</item>
  16         <item name="android:colorEdgeEffect">@color/accent_normal_theme</item>
  17         <item name="android:colorAccent">@color/primary_text_normal_theme</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
  26         <item name="mozacInputLayoutErrorTextColor"
  27             tools:ignore="UnusedResources">@color/destructive_normal_theme</item>
  28         <item name="mozacInputLayoutErrorIconColor"
  29             tools:ignore="UnusedResources">@color/destructive_normal_theme</item>
  30
  31         <!-- Active thumb color & Active track color (30% transparency) -->
  32         <item name="colorControlActivated">@color/accent_high_contrast_normal_theme</item>
  33         <!-- Inactive thumb color -->
  34         <item name="colorSwitchThumbNormal">@color/toggle_off_knob_normal_theme</item>
  35         <!-- Inactive track color(30% transparency) -->
  36         <item name="android:colorForeground">@color/toggle_off_track_normal_theme</item>
  37         <!-- sets the toolbar back button color, radio buttons / unselected checkboxes -->
  38         <item name="colorControlNormal">@color/primary_text_normal_theme</item>
  39
  40         <!-- Updated color attributes -->
  41         <item name="primaryText">@color/primary_text_normal_theme</item>
  42         <item name="secondaryText">@color/secondary_text_normal_theme</item>
  43         <item name="contrastText">@color/contrast_text_normal_theme</item>
  44         <item name="accent">@color/accent_normal_theme</item>
  45         <item name="accentBright">@color/accent_bright_normal_theme</item>
  46         <item name="aboutLink">@color/about_link_normal_theme</item>
  47         <item name="accentHighContrast">@color/accent_high_contrast_normal_theme</item>
  48         <item name="foundation">@color/foundation_normal_theme</item>
  49         <item name="above">@color/above_normal_theme</item>
  50         <item name="inset">@color/inset_normal_theme</item>
  51         <item name="tabRing">@color/tab_ring_normal_theme</item>
  52         <item name="neutral">@color/neutral_normal_theme</item>
  53         <item name="neutralFaded">@color/neutral_faded_normal_theme</item>
  54         <item name="shadow">@color/shadow_normal_theme</item>
  55         <item name="destructive">@color/destructive_normal_theme</item>
  56         <item name="disabled">@color/disabled_normal_theme</item>
  57         <item name="scrimStart">@color/scrimStart_normal_theme</item>
  58         <item name="scrimEnd">@color/scrimEnd_normal_theme</item>
  59         <item name="snackbar">@color/snackbar_normal_theme</item>
  60         <item name="accentUsedOnDarkBackground">@color/accent_on_dark_background_normal_theme</item>
  61         <item name="toolbarStartGradient">@color/toolbar_start_gradient_normal_theme</item>
  62         <item name="toolbarCenterGradient">@color/toolbar_center_gradient_normal_theme</item>
  63         <item name="toolbarEndGradient">@color/toolbar_end_gradient_normal_theme</item>
  64         <item name="toolbarDivider">@color/toolbar_divider_color_normal_theme</item>
  65         <item name="fillLinkFromClipboard">@color/fill_link_from_clipboard_normal_theme</item>
  66         <item name="menuCategoryText">@color/menu_category_normal_theme</item>
  67         <item name="syncDisconnected">@color/sync_disconnected_icon_fill_normal_theme</item>
  68         <item name="syncDisconnectedBackground">@color/sync_disconnected_background_normal_theme</item>
  69         <item name="swipeDeleteBackground">@color/swipe_delete_background_normal_theme</item>
  70         <item name="onboardingDarkGradientStartBackground">@color/onboarding_card_background_start_gradient_normal_theme</item>
  71         <item name="onboardingDarkGradientEndBackground">@color/onboarding_card_background_end_gradient_normal_theme</item>
  72         <item name="onboardingSelected">@color/onboarding_illustration_selected_normal_theme</item>
  73         <item name="onboardingDeselected">@color/onboarding_illustration_deselected_normal_theme</item>
  74         <item name="addOnPrivateBrowsingExteriorCircleBackground">@color/add_on_private_browsing_exterior_circle_background_normal_theme</item>
  75         <item name="addOnPrivateBrowsingInteriorIconBackground">@color/add_on_private_browsing_interior_icon_background_normal_theme</item>
  76         <item name="mozacPromptLoginEditTextCursorColor">@color/prompt_login_edit_text_cursor_color_normal_theme</item>
  77         <item name="readerModeStartGradient">@color/readermode_start_gradient_normal_theme</item>
  78         <item name="readerModeEndGradient">@color/readermode_end_gradient_normal_theme</item>
  79         <item name="syncedTabsSeparator">@color/synced_tabs_separator</item>
  80
  81         <item name="tabTrayItemBackground">@color/tab_tray_item_background_normal_theme</item>
  82         <item name="tabTrayItemSelectedBackground">@color/tab_tray_item_selected_background_normal_theme</item>
  83         <item name="tabTrayToolbarBackground">@color/tab_tray_toolbar_background_normal_theme</item>
  84         <item name="tabTrayItemMediaBackground">@color/tab_tray_item_media_background_normal_theme</item>
  85         <item name="tabTrayHeadingIcon">@color/tab_tray_heading_icon_normal_theme</item>
  86         <item name="tabTrayHeadingIconInactive">@color/tab_tray_heading_icon_inactive_normal_theme</item>
  87         <item name="tabTrayThumbnailItemBackground">@color/tab_tray_item_thumbnail_background_normal_theme</item>
  88         <item name="tabTrayThumbnailIcon">@color/tab_tray_item_thumbnail_icon_normal_theme</item>
  89
  90         <!-- Drawables -->
  91         <item name="fenixLogo">@drawable/ic_logo_wordmark_normal</item>
  92         <item name="homeBackground">@color/foundation_normal_theme</item>
  93         <item name="bottomBarBackground">@drawable/home_bottom_bar_background</item>
  94         <item name="bottomBarBackgroundTop">@drawable/home_bottom_bar_background_top</item>
  95         <item name="privateBrowsingButtonBackground">@android:color/transparent</item>
  96         <item name="privateBrowsingButtonAccent">@color/primary_text_normal_theme</item>
  97         <item name="shieldLottieFile">@raw/shield_json</item>
  98     </style>
  99
 100     <style name="NormalTheme" parent="NormalThemeBase" />
 101
 102     <style name="BaseDialogStyle" parent="Theme.MaterialComponents.Dialog.Alert">
 103         <item name="colorControlNormal">?primaryText</item>
 104         <item name="textColorAlertDialogListItem">?primaryText</item>
 105         <item name="android:titleTextStyle">@style/HeaderTextStyle</item>
 106         <item name="android:windowTitleStyle">@style/HeaderTextStyle</item>
 107         <item name="dialogCornerRadius">@dimen/tab_corner_radius</item>
 108         <item name="android:colorBackground">?above</item>
 109         <item name="colorAccent">?accent</item>
 110         <item name="android:textColorPrimary">?primaryText</item>
 111     </style>
 112
 113     <style name="DialogStyleLight" parent="BaseDialogStyle">
 114         <item name="buttonBarNegativeButtonStyle">@style/DialogButtonStyleLight</item>
 115         <item name="buttonBarPositiveButtonStyle">@style/DialogButtonStyleLight</item>
 116     </style>
 117
 118     <style name="Checkable.Colored" parent="Theme.AppCompat">
 119         <item name="colorControlActivated">?attr/onboardingSelected</item>
 120         <item name="colorControlNormal">?attr/onboardingDeselected</item>
 121     </style>
 122
 123     <style name="DialogStyleDark" parent="BaseDialogStyle">
 124         <item name="buttonBarNegativeButtonStyle">@style/DialogButtonStyleDark</item>
 125         <item name="buttonBarPositiveButtonStyle">@style/DialogButtonStyleDark</item>
 126     </style>
 127
 128     <style name="DialogButtonStyleLight" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
 129         <item name="android:background">?android:attr/selectableItemBackgroundBorderless</item>
 130         <item name="android:textColor">?accentBright</item>
 131         <item name="fontFamily">@font/metropolis_semibold</item>
 132     </style>
 133
 134     <style name="DialogButtonStyleDark" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
 135         <item name="android:background">?android:attr/selectableItemBackgroundBorderless</item>
 136         <item name="android:textColor">?accentHighContrast</item>
 137         <item name="fontFamily">@font/metropolis_semibold</item>
 138     </style>
 139
 140     <style name="DialogStyleNormal" parent="DialogStyleLight"/>
 141
 142     <style name="PrivateThemeBase" parent="Theme.MaterialComponents.NoActionBar.Bridge">
 143         <!-- Android system styling -->
 144         <item name="searchViewStyle">@style/SearchViewStyle</item>
 145         <item name="autoCompleteTextViewStyle">@style/AutoCompleteTextViewStyle</item>
 146         <item name="android:windowContentTransitions">true</item>
 147         <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
 148         <item name="android:progressBarStyleHorizontal">@style/progressBarStyleHorizontal</item>
 149         <item name="android:statusBarColor">@android:color/transparent</item>
 150         <item name="android:windowBackground">@color/foundation_private_theme</item>
 151         <item name="android:colorEdgeEffect">@color/accent_private_theme</item>
 152         <item name="android:colorAccent">@color/primary_text_private_theme</item>
 153         <item name="colorControlActivated">@color/accent_high_contrast_private_theme</item>
 154         <item name="android:textColorPrimary">@color/state_list_text_color</item>
 155         <item name="android:textColorSecondary">@color/secondary_state_list_text_color</item>
 156         <item name="alertDialogStyle">@style/DialogStyleDark</item>
 157         <item name="alertDialogTheme">@style/DialogStyleDark</item>
 158         <item name="android:windowEnableSplitTouch">false</item>
 159         <item name="android:splitMotionEvents">false</item>
 160         <item name="bottomSheetDialogTheme">@style/BottomSheetPrivate</item>
 161
 162         <item name="mozacInputLayoutErrorTextColor"
 163             tools:ignore="UnusedResources">@color/destructive_private_theme</item>
 164         <item name="mozacInputLayoutErrorIconColor"
 165             tools:ignore="UnusedResources">@color/destructive_private_theme</item>
 166
 167         <!-- Inactive thumb color -->
 168         <item name="colorSwitchThumbNormal">@color/toggle_off_knob_dark_theme</item>
 169         <!-- Inactive track color(30% transparency) -->
 170         <item name="android:colorForeground">@color/toggle_off_track_dark_theme</item>
 171         <!-- sets the toolbar back button color, radio buttons/ unselected checkboxes -->
 172         <item name="colorControlNormal">@color/primary_text_private_theme</item>
 173
 174         <!-- Updated color attributes -->
 175         <item name="primaryText">@color/primary_text_private_theme</item>
 176         <item name="secondaryText">@color/secondary_text_private_theme</item>
 177         <item name="contrastText">@color/contrast_text_private_theme</item>
 178         <item name="accent">@color/accent_private_theme</item>
 179         <item name="accentBright">@color/accent_bright_private_theme</item>
 180         <item name="aboutLink">@color/about_link_private_theme</item>
 181         <item name="accentHighContrast">@color/accent_high_contrast_private_theme</item>
 182         <item name="foundation">@color/foundation_private_theme</item>
 183         <item name="above">@color/above_private_theme</item>
 184         <item name="inset">@color/inset_private_theme</item>
 185         <item name="tabRing">@color/tab_ring_private_theme</item>
 186         <item name="neutral">@color/neutral_private_theme</item>
 187         <item name="neutralFaded">@color/neutral_faded_private_theme</item>
 188         <item name="shadow">@color/shadow_private_theme</item>
 189         <item name="destructive">@color/destructive_private_theme</item>
 190         <item name="disabled">@color/disabled_private_theme</item>
 191         <item name="scrimStart">@color/scrimStart_private_theme</item>
 192         <item name="scrimEnd">@color/scrimEnd_private_theme</item>
 193         <item name="snackbar">@color/snackbar_private_theme</item>
 194         <item name="accentUsedOnDarkBackground">@color/accent_on_dark_background_private_theme</item>
 195         <item name="toolbarStartGradient">@color/toolbar_start_gradient_private_theme</item>
 196         <item name="toolbarCenterGradient">@color/toolbar_center_gradient_private_theme</item>
 197         <item name="toolbarEndGradient">@color/toolbar_end_gradient_private_theme</item>
 198         <item name="toolbarDivider">@color/toolbar_divider_color_private_theme</item>
 199         <item name="fillLinkFromClipboard">@color/fill_link_from_clipboard_private_theme</item>
 200         <item name="menuCategoryText">@color/menu_category_private_theme</item>
 201         <item name="syncDisconnected">@color/sync_disconnected_icon_fill_private_theme</item>
 202         <item name="syncDisconnectedBackground">@color/sync_disconnected_background_private_theme</item>
 203         <item name="swipeDeleteBackground">@color/swipe_delete_background_private_theme</item>
 204         <item name="onboardingDarkGradientStartBackground">@color/onboarding_card_background_start_gradient_private_theme</item>
 205         <item name="onboardingDarkGradientEndBackground">@color/onboarding_card_background_end_gradient_private_theme</item>
 206         <item name="onboardingSelected">@color/onboarding_illustration_selected_private_theme</item>
 207         <item name="onboardingDeselected">@color/onboarding_illustration_deselected_private_theme</item>
 208         <item name="addOnPrivateBrowsingExteriorCircleBackground">@color/add_on_private_browsing_exterior_circle_background_private_theme</item>
 209         <item name="addOnPrivateBrowsingInteriorIconBackground">@color/add_on_private_browsing_interior_icon_background_private_theme</item>
 210         <item name="mozacPromptLoginEditTextCursorColor">@color/prompt_login_edit_text_cursor_color_private_theme</item>
 211
 212         <!-- Tab Tray -->
 213         <item name="tabTrayItemBackground">@color/tab_tray_item_background_normal_theme</item>
 214         <item name="tabTrayItemSelectedBackground">@color/tab_tray_item_selected_background_private_theme</item>
 215         <item name="tabTrayToolbarBackground">@color/tab_tray_toolbar_background_private_theme</item>
 216         <item name="tabTrayItemMediaBackground">@color/tab_tray_item_media_background_private_theme</item>
 217         <item name="tabTrayHeadingIcon">@color/tab_tray_heading_icon_dark_theme</item>
 218         <item name="tabTrayHeadingIconInactive">@color/tab_tray_heading_icon_inactive_dark_theme</item>
 219         <item name="tabTrayThumbnailItemBackground">@color/tab_tray_item_thumbnail_background_normal_theme</item>
 220         <item name="tabTrayThumbnailIcon">@color/tab_tray_item_thumbnail_icon_normal_theme</item>
 221
 222         <!-- Drawables -->
 223         <item name="fenixLogo">@drawable/ic_logo_wordmark_private</item>
 224         <item name="homeBackground">@drawable/private_home_background_gradient</item>
 225         <item name="bottomBarBackground">@drawable/private_home_bottom_bar_background_gradient</item>
 226         <item name="bottomBarBackgroundTop">@drawable/private_home_bottom_bar_background_gradient_top</item>
 227         <item name="privateBrowsingButtonBackground">@color/primary_text_private_theme</item>
 228         <item name="privateBrowsingButtonAccent">@color/above_private_theme</item>
 229         <item name="shieldLottieFile">@raw/shield_json_dark</item>
 230     </style>
 231
 232     <style name="Mozac.Browser.Menu" parent="" tools:ignore="UnusedResources">
 233         <item name="cardBackgroundColor">?above</item>
 234     </style>
 235
 236     <style name="PrivateTheme" parent="PrivateThemeBase" />
 237
 238     <!-- Fade animation for theme switching -->
 239     <style name="WindowAnimationTransition">
 240         <item name="android:windowEnterAnimation">@anim/fade_in</item>
 241         <item name="android:windowExitAnimation">@anim/fade_out</item>
 242     </style>
 243
 244     <!-- UI button styling -->
 245     <style name="NeutralButton" parent="Widget.MaterialComponents.Button.TextButton">
 246         <item name="iconTint">@color/button_text_color</item>
 247         <item name="iconPadding">8dp</item>
 248         <item name="iconGravity">textStart</item>
 249         <item name="android:textAlignment">center</item>
 250         <item name="android:background">@drawable/rounded_button_background</item>
 251         <item name="android:layout_width">match_parent</item>
 252         <item name="android:minHeight">48dp</item>
 253         <item name="android:layout_height">wrap_content</item>
 254         <item name="android:textStyle">bold</item>
 255         <item name="android:textAllCaps">false</item>
 256         <item name="backgroundTint">@color/grey_button_color</item>
 257         <item name="android:textColor">@color/button_text_color</item>
 258         <item name="rippleColor">?secondaryText</item>
 259         <item name="android:letterSpacing">0</item>
 260         <item name="fontFamily">@font/metropolis_semibold</item>
 261     </style>
 262
 263     <!-- Ideally we should consolidate this with NeutralButton in the future -->
 264     <style name="NeutralOnboardingButton" parent="NeutralButton">
 265         <item name="android:background">@drawable/onboarding_padded_background</item>
 266         <item name="backgroundTint">?neutralFaded</item>
 267         <item name="android:textColor">?primaryText</item>
 268     </style>
 269
 270     <style name="DestructiveButton" parent="NeutralButton">
 271         <item name="iconTint">@color/destructive_button_text_color</item>
 272         <item name="android:textColor">@color/destructive_button_text_color</item>
 273     </style>
 274
 275     <style name="PositiveButton" parent="NeutralButton">
 276         <item name="backgroundTint">?accent</item>
 277         <item name="iconTint">?contrastText</item>
 278         <item name="android:textColor">?contrastText</item>
 279     </style>
 280
 281     <style name="search_pill" parent="Widget.AppCompat.Button.Borderless">
 282         <item name="android:layout_width">wrap_content</item>
 283         <item name="android:layout_height">40dp</item>
 284         <item name="android:paddingTop">4dp</item>
 285         <item name="android:paddingBottom">4dp</item>
 286         <item name="android:textAllCaps">false</item>
 287         <item name="android:textSize">14sp</item>
 288         <item name="android:textColor">@color/toggle_text_color</item>
 289         <item name="drawableTint">@color/toggle_text_color</item>
 290         <item name="android:layout_gravity">center_vertical</item>
 291         <item name="android:gravity">center_vertical</item>
 292         <item name="android:singleLine">true</item>
 293         <item name="android:paddingStart">8dp</item>
 294         <item name="android:paddingEnd">16dp</item>
 295         <item name="android:drawablePadding">8dp</item>
 296         <item name="android:minWidth">0dp</item>
 297         <item name="android:minHeight">0dp</item>
 298         <item name="android:background">@drawable/search_pill_drawable_button_background</item>
 299     </style>
 300
 301     <style name="SitePermissionButton" parent="Widget.AppCompat.Button.Borderless">
 302         <item name="android:layout_height">wrap_content</item>
 303         <item name="android:layout_width">wrap_content</item>
 304         <item name="android:foreground">?android:attr/selectableItemBackground</item>
 305         <item name="android:textAllCaps">false</item>
 306         <item name="android:textColor">?primaryText</item>
 307         <item name="android:paddingStart">24dp</item>
 308         <item name="android:paddingEnd">24dp</item>
 309         <item name="android:elevation">0dp</item>
 310         <item name="fontFamily">@font/metropolis_semibold</item>
 311     </style>
 312
 313     <style name="SitePermissionCancelButton" parent="SitePermissionButton">
 314         <item name="android:textColor">?accent</item>
 315         <item name="android:backgroundTint">?foundation</item>
 316     </style>
 317
 318     <style name="SitePermissionPrimaryButton" parent="SitePermissionButton">
 319         <item name="android:background">@drawable/dialog_button_background</item>
 320         <item name="android:textColor">?contrastText</item>
 321         <item name="android:backgroundTint">?accent</item>
 322     </style>
 323
 324     <style name="DialogStyleBase" parent="NormalTheme">
 325         <item name="android:textAppearance">@style/TextAppearance.AppCompat</item>
 326         <item name="android:colorControlNormal">?accentHighContrast</item>
 327         <item name="android:colorControlActivated">?accentHighContrast</item>
 328         <item name="android:colorControlHighlight">?accentBright</item>
 329
 330         <item name="android:windowBackground">@android:color/transparent</item>
 331         <item name="android:windowAnimationStyle">@style/Animation.Design.BottomSheetDialog</item>
 332         <item name="windowNoTitle">true</item>
 333         <item name="android:windowIsFloating">false</item>
 334         <item name="android:windowSoftInputMode">adjustResize</item>
 335         <item name="windowActionBar">false</item>
 336         <item name="android:windowFullscreen">false</item>
 337         <item name="android:windowContentOverlay">@null</item>
 338         <item name="android:navigationBarColor">@android:color/transparent</item>
 339         <item name="android:windowTranslucentNavigation">true</item>
 340     </style>
 341
 342     <style name="HeaderTextStyle" parent="TextAppearance.MaterialComponents.Subtitle1">
 343         <item name="android:textSize">18sp</item>
 344         <item name="android:textColor">?primaryText</item>
 345         <item name="fontFamily">@font/metropolis_semibold</item>
 346     </style>
 347
 348     <style name="Header16TextStyle" parent="TextAppearance.MaterialComponents.Body1">
 349         <item name="android:textColor">?primaryText</item>
 350         <item name="android:textSize">16sp</item>
 351         <item name="fontFamily">@font/metropolis_semibold</item>
 352     </style>
 353
 354     <style name="Header14TextStyle" parent="TextAppearance.MaterialComponents.Body2">
 355         <item name="android:textColor">?primaryText</item>
 356         <item name="android:textSize">14sp</item>
 357         <item name="fontFamily">@font/metropolis_semibold</item>
 358     </style>
 359
 360     <style name="Header12TextStyle" parent="TextAppearance.MaterialComponents.Body2">
 361         <item name="android:textColor">?secondaryText</item>
 362         <item name="android:textSize">12sp</item>
 363         <item name="android:textStyle">bold</item>
 364         <item name="fontFamily">@font/metropolis_semibold</item>
 365     </style>
 366
 367     <style name="Body14TextStyle" parent="TextAppearance.MaterialComponents.Body2">
 368         <item name="android:textColor">?primaryText</item>
 369         <item name="android:textSize">14sp</item>
 370     </style>
 371
 372     <style name="Body16TextStyle" parent="TextAppearance.MaterialComponents.Body1">
 373         <item name="android:textColor">?primaryText</item>
 374     </style>
 375
 376     <style name="SubtitleTextStyle" parent="TextAppearance.MaterialComponents.Body1">
 377         <item name="android:textColor">?secondaryText</item>
 378         <item name="android:textSize">14sp</item>
 379         <item name="fontFamily">@font/metropolis_semibold</item>
 380     </style>
 381
 382     <style name="Subtitle12TextStyle" parent="TextAppearance.MaterialComponents.Body1">
 383         <item name="android:textColor">?secondaryText</item>
 384         <item name="android:textSize">12sp</item>
 385         <item name="fontFamily">@font/metropolis_semibold</item>
 386     </style>
 387
 388     <style name="ToolbarTitleTextStyle" parent="HeaderTextStyle">
 389         <item name="android:textSize">20sp</item>
 390         <item name="fontFamily">@font/metropolis_semibold</item>
 391     </style>
 392
 393     <style name="ListItemTextStyle" parent="TextAppearance.MaterialComponents.Subtitle1">
 394         <item name="android:textColor">?primaryText</item>
 395     </style>
 396
 397     <style name="progressBarStyleHorizontal" parent="@style/Widget.AppCompat.ProgressBar.Horizontal">
 398         <item name="android:progressDrawable">@drawable/progress_gradient</item>
 399     </style>
 400
 401     <style name="QuickSettingsText">
 402         <item name="android:textColor">@color/state_list_text_color</item>
 403         <item name="android:textSize">14sp</item>
 404         <item name="android:paddingStart">16dp</item>
 405         <item name="android:paddingEnd">16dp</item>
 406         <item name="android:gravity">center_vertical</item>
 407         <item name="android:layout_alignParentStart">true</item>
 408     </style>
 409
 410     <style name="QuickSettingsSmallText">
 411         <item name="android:textColor">?secondaryText</item>
 412         <item name="android:textSize">12sp</item>
 413         <item name="android:paddingEnd">16dp</item>
 414         <item name="android:gravity">top</item>
 415         <item name="android:layout_alignParentStart">true</item>
 416     </style>
 417
 418     <style name="QuickSettingsLargeText">
 419         <item name="android:textColor">@color/state_list_text_color</item>
 420         <item name="android:textSize">16sp</item>
 421         <item name="android:paddingStart">16dp</item>
 422         <item name="android:paddingEnd">16dp</item>
 423         <item name="android:gravity">center_vertical</item>
 424         <item name="android:layout_alignParentStart">true</item>
 425     </style>
 426
 427     <style name="QuickSettingsLargeText.Icon">
 428         <item name="android:drawablePadding">8dp</item>
 429     </style>
 430
 431     <style name="QuickSettingsText.Icon">
 432         <item name="android:drawablePadding">8dp</item>
 433     </style>
 434
 435     <style name="QuickSettingsText.PermissionItemEnd">
 436         <item name="android:layout_alignParentEnd">true</item>
 437         <item name="android:paddingEnd">24dp</item>
 438         <item name="android:gravity">end|center_vertical</item>
 439         <item name="android:background">?android:attr/selectableItemBackground</item>
 440         <item name="android:textColor">?accentUsedOnDarkBackground</item>
 441     </style>
 442
 443     <style name="OnboardingCardLight">
 444         <item name="android:background">@drawable/onboarding_card_background_light</item>
 445         <item name="android:layout_marginBottom">16dp</item>
 446         <item name="android:elevation">5dp</item>
 447     </style>
 448
 449     <style name="OnboardingCardLightWithPadding" parent="OnboardingCardLight">
 450         <item name="android:padding">16dp</item>
 451     </style>
 452
 453     <style name="OnboardingCardDark" parent="OnboardingCardLightWithPadding">
 454         <item name="android:background">@drawable/onboarding_card_background_dark</item>
 455         <item name="android:elevation">0dp</item>
 456     </style>
 457
 458     <style name="SearchEngineShortcutsLabelStyle">
 459         <item name="android:fontFamily">@font/metropolis_semibold</item>
 460         <item name="android:letterSpacing">0.15</item>
 461         <item name="android:textAllCaps">true</item>
 462         <item name="android:textColor">?secondaryText</item>
 463         <item name="android:textSize">@dimen/search_fragment_shortcuts_label_text_size</item>
 464         <item name="android:textStyle">bold</item>
 465     </style>
 466
 467     <style name="SearchClipboardStyle">
 468         <item name="android:ellipsize">end</item>
 469         <item name="android:maxLines">1</item>
 470     </style>
 471
 472     <style name="SearchClipboardTitleStyle" parent="SearchClipboardStyle">
 473         <item name="android:textColor">?primaryText</item>
 474         <item name="android:textSize">@dimen/search_fragment_clipboard_title_text_size</item>
 475     </style>
 476
 477     <style name="MetropolisButton">
 478         <item name="fontFamily">@font/metropolis_semibold</item>
 479     </style>
 480
 481     <style name="SearchClipboardUrlStyle" parent="SearchClipboardStyle">
 482         <item name="android:textAppearance">@style/Subtitle12TextStyle</item>
 483         <item name="android:textColor">?fillLinkFromClipboard</item>
 484     </style>
 485
 486     <style name="CreateCollectionDialogStyle" parent="DialogStyleBase"/>
 487     <style name="CreateShortcutDialogStyle" parent="DialogStyleBase"/>
 488     <style name="CreateShortcutDialogButton" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
 489         <item name="android:layout_width">wrap_content</item>
 490         <item name="android:layout_height">wrap_content</item>
 491         <item name="android:minHeight">40dp</item>
 492         <item name="android:layout_marginTop">32dp</item>
 493         <item name="android:textColor">?accentUsedOnDarkBackground</item>
 494         <item name="android:fontFamily">@font/metropolis_semibold</item>
 495     </style>
 496
 497     <style name="ShareHeaderTextStyle">
 498         <item name="android:singleLine">true</item>
 499         <item name="android:textAllCaps">true</item>
 500         <item name="android:textColor">?secondaryText</item>
 501         <item name="android:textSize">@dimen/share_header_text_size</item>
 502         <item name="android:textStyle">bold</item>
 503         <item name="fontFamily">@font/metropolis_semibold</item>
 504     </style>
 505
 506     <style name="FirefoxAccountsDialogStyle" parent="DialogStyleBase">
 507         <item name="android:windowBackground">@drawable/scrim_background</item>
 508         <item name="android:colorControlHighlight">@android:color/transparent</item>
 509     </style>
 510
 511     <style name="ShareDialogStyle" parent="DialogStyleBase"/>
 512
 513     <style name="AboutItemText" parent="TextAppearance.MaterialComponents.Body2">
 514         <item name="android:textColor">?aboutLink</item>
 515         <item name="android:textSize">@dimen/about_items_text_size</item>
 516         <item name="android:paddingStart">@dimen/about_list_item_text_padding</item>
 517         <item name="android:paddingEnd">@dimen/about_list_item_text_padding</item>
 518         <item name="android:ellipsize">end</item>
 519         <item name="android:maxLines">1</item>
 520         <item name="android:minLines">1</item>
 521         <item name="fontFamily">sans-serif-medium</item>
 522     </style>
 523
 524     <style name="AboutHeaderContentText" parent="TextAppearance.MaterialComponents.Subtitle1">
 525         <item name="android:textColor">?primaryText</item>
 526         <item name="android:lineSpacingExtra">@dimen/about_header_text_line_spacing_extra</item>
 527     </style>
 528
 529     <style name="EngineTextField" parent="TextAppearance.AppCompat">
 530         <item name="android:textSize">14sp</item>
 531     </style>
 532
 533     <style name="Theme.Transparent" parent="android:Theme">
 534         <item name="android:windowIsTranslucent">true</item>
 535         <item name="android:windowBackground">@android:color/transparent</item>
 536         <item name="android:windowContentOverlay">@null</item>
 537         <item name="android:windowNoTitle">true</item>
 538         <item name="android:windowIsFloating">true</item>
 539         <item name="android:backgroundDimEnabled">false</item>
 540     </style>
 541
 542     <style name="SearchViewStyle" parent="Widget.AppCompat.SearchView">
 543         <item name="searchHintIcon">@null</item>
 544     </style>
 545
 546     <style name="AutoCompleteTextViewStyle" parent="Widget.AppCompat.AutoCompleteTextView">
 547         <item name="android:textColorHint">@color/search_view_hint_color</item>
 548     </style>
 549
 550     <style name="BottomSheetPrivate" parent="@style/BottomSheetBasePrivate" />
 551
 552     <style name="BottomSheet" parent="@style/BottomSheetBase" />
 553
 554     <style name="BottomSheetBasePrivate" parent="Theme.MaterialComponents.BottomSheetDialog">
 555         <item name="android:windowIsFloating">false</item>
 556         <item name="android:statusBarColor">@android:color/transparent</item>
 557         <item name="android:colorBackground">?foundation</item>
 558     </style>
 559
 560     <style name="BottomSheetBase" parent="Theme.MaterialComponents.Light.BottomSheetDialog">
 561         <item name="android:windowIsFloating">false</item>
 562         <item name="android:statusBarColor">@android:color/transparent</item>
 563         <item name="android:colorBackground">?foundation</item>
 564     </style>
 565
 566     <!-- Tab Tray does not present a private theme, so it needs to be separate from other bottom sheet styles -->
 567     <style name="TabTrayDialogStyleBase" parent="BottomSheetBase">
 568         <item name="bottomSheetStyle">@style/BottomSheetModal</item>
 569         <item name="android:colorBackground">@color/foundation_normal_theme</item>
 570     </style>
 571
 572     <style name="TabTrayDialogStyle" parent="TabTrayDialogStyleBase" />
 573
 574     <!-- Stuff to make the bottom sheet with round top borders -->
 575     <style name="BottomSheetShapeAppearance" parent="ShapeAppearance.MaterialComponents.LargeComponent">
 576         <item name="cornerFamily">rounded</item>
 577         <item name="cornerSizeTopLeft">16dp</item>
 578         <item name="cornerSizeTopRight">16dp</item>
 579         <item name="colorSurface">@color/photonPurple50</item>
 580         <item name="android:backgroundTint">@color/photonPurple50</item>
 581         <item name="android:colorBackground">@color/photonPurple50</item>
 582     </style>
 583
 584     <style name="BottomSheetModal" parent="Widget.Design.BottomSheet.Modal">
 585         <item name="shapeAppearance">@style/BottomSheetShapeAppearance</item>
 586         <item name="behavior_fitToContents">false</item>
 587         <item name="behavior_expandedOffset">80</item>
 588         <item name="behavior_skipCollapsed">false</item>
 589         <item name="behavior_halfExpandedRatio">0.4</item>
 590     </style>
 591
 592     <style name="TabTrayFab" parent="Widget.MaterialComponents.ExtendedFloatingActionButton">
 593         <item name="elevation">90dp</item>
 594         <item name="android:stateListAnimator">@null</item>
 595     </style>
 596 </resources>