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="SplashScreen" parent="SplashScreenThemeBase"/>
   8
   9     <style name="SplashScreenThemeBase" parent="Theme.SplashScreen">
  10         <item name="windowSplashScreenAnimatedIcon">@drawable/splash_screen</item>
  11         <item name="windowSplashScreenBackground">@color/fx_mobile_layer_color_1</item>
  12         <item name="postSplashScreenTheme">@style/NormalTheme</item>
  13     </style>
  14
  15     <style name="NormalThemeBase" parent="Theme.MaterialComponents.DayNight.NoActionBar.Bridge">
  16         <!-- Android system styling -->
  17         <item name="searchViewStyle">@style/SearchViewStyle</item>
  18         <item name="autoCompleteTextViewStyle">@style/AutoCompleteTextViewStyle</item>
  19         <item name="android:textAlignment">viewStart</item>
  20         <item name="android:windowContentTransitions">true</item>
  21         <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
  22         <item name="android:progressBarStyleHorizontal">@style/progressBarStyleHorizontal</item>
  23         <item name="android:statusBarColor">@android:color/transparent</item>
  24         <item name="android:windowBackground">@color/fx_mobile_layer_color_1</item>
  25         <item name="android:colorEdgeEffect">@color/accent_normal_theme</item>
  26         <item name="android:colorAccent">@color/fx_mobile_text_color_primary</item>
  27         <item name="android:textColorPrimary">@color/state_list_text_color</item>
  28         <item name="android:textColorSecondary">@color/secondary_state_list_text_color</item>
  29         <item name="alertDialogStyle">@style/DialogStyleNormal</item>
  30         <item name="alertDialogTheme">@style/DialogStyleNormal</item>
  31         <item name="android:windowEnableSplitTouch">false</item>
  32         <item name="android:splitMotionEvents">false</item>
  33         <item name="bottomSheetDialogTheme">@style/BottomSheet</item>
  34         <item name="android:textColorLink">@color/fx_mobile_text_color_accent</item>
  35
  36         <item name="mozacInputLayoutErrorTextColor"
  37             tools:ignore="UnusedResources">@color/fx_mobile_text_color_warning</item>
  38         <item name="mozacInputLayoutErrorIconColor"
  39             tools:ignore="UnusedResources">@color/fx_mobile_text_color_warning</item>
  40         <item name="mozacLoginSelectHeaderTextStyle" tools:ignore="UnusedResources">@style/SelectPromptHeaderTextStyle</item>
  41         <item name="mozacSelectCreditCardHeaderTextStyle" tools:ignore="UnusedResources">@style/SelectPromptHeaderTextStyle</item>
  42         <item name="mozacSelectAddressHeaderTextStyle" tools:ignore="UnusedResources">@style/SelectPromptHeaderTextStyle</item>
  43
  44         <!-- Design system color attributes -->
  45
  46         <!-- Layers -->
  47         <!-- Default Screen background, Frontlayer background, App Bar Top, App Bar Bottom, Frontlayer header -->
  48         <item name="layer1">@color/fx_mobile_layer_color_1</item>
  49         <!-- Card background, Menu background, Dialog, Banner -->
  50         <item name="layer2">@color/fx_mobile_layer_color_2</item>
  51         <!-- Search -->
  52         <item name="layer3">@color/fx_mobile_layer_color_3</item>
  53         <item name="layerSearch">@color/fx_mobile_layer_color_search</item>
  54         <!-- Selected tab -->
  55         <item name="layerNonOpaque">@color/fx_mobile_layer_color_accent_nonopaque</item>
  56         <item name="scrim">@color/fx_mobile_layer_color_scrim</item>
  57
  58         <!-- Action -->
  59         <!-- Primary button, Snackbar, Floating action button, Chip selected -->
  60         <item name="actionPrimary">@color/fx_mobile_action_color_primary</item>
  61
  62         <!-- Text -->
  63         <!-- Primary text -->
  64         <item name="textPrimary">@color/fx_mobile_text_color_primary</item>
  65         <!-- Secondary text -->
  66         <item name="textSecondary">@color/fx_mobile_text_color_secondary</item>
  67         <!-- Disabled text -->
  68         <item name="textDisabled">@color/fx_mobile_text_color_disabled</item>
  69         <!-- Warning text -->
  70         <item name="textWarning">@color/fx_mobile_text_color_warning</item>
  71         <!-- Small heading, Text link -->
  72         <item name="textAccent">@color/fx_mobile_text_color_accent</item>
  73         <!-- Text Inverted/On Color -->
  74         <item name="textOnColorPrimary">@color/fx_mobile_text_color_oncolor_primary</item>
  75         <!-- Action Primary text -->
  76         <item name="textActionPrimary">@color/fx_mobile_text_color_action_primary</item>
  77
  78         <!-- Icon -->
  79         <!-- Secondary icon -->
  80         <item name="iconSecondary">@color/fx_mobile_icon_color_secondary</item>
  81         <!-- Active tab -->
  82         <item name="iconActive">@color/fx_mobile_icon_color_active</item>
  83         <!-- Icon inverted (on color) -->
  84         <item name="iconOnColor">@color/fx_mobile_icon_color_oncolor</item>
  85
  86         <!-- Border -->
  87         <!-- Default, Divider, Dotted -->
  88         <item name="borderPrimary">@color/fx_mobile_border_color_primary</item>
  89         <item name="borderSecondary">@color/fx_mobile_border_color_secondary</item>
  90         <!-- Toolbar divider -->
  91         <item name="borderToolbarDivider">@color/fx_mobile_border_color_toolbar_divider</item>
  92         <!-- Active thumb color & Active track color (30% transparency) -->
  93         <item name="colorControlActivated">@color/accent_high_contrast_normal_theme</item>
  94         <!-- Inactive thumb color -->
  95         <item name="colorSwitchThumbNormal">@color/toggle_off_knob_normal_theme</item>
  96         <!-- Inactive track color(30% transparency) -->
  97         <item name="android:colorForeground">@color/toggle_off_track_normal_theme</item>
  98         <!-- sets the toolbar back button color, radio buttons / unselected checkboxes -->
  99         <item name="colorControlNormal">@color/fx_mobile_text_color_primary</item>
 100
 101         <!-- Updated color attributes -->
 102         <item name="accent">@color/accent_normal_theme</item>
 103         <item name="accentBright">@color/photonViolet70</item>
 104         <item name="accentHighContrast">@color/accent_high_contrast_normal_theme</item>
 105         <item name="neutral">@color/neutral_normal_theme</item>
 106         <item name="neutralFaded">@color/neutral_faded_normal_theme</item>
 107         <item name="accentUsedOnDarkBackground">@color/fx_mobile_text_color_accent</item>
 108         <item name="toolbarStartGradient">@color/fx_mobile_layer_color_1</item>
 109         <item name="toolbarCenterGradient">@color/fx_mobile_layer_color_1</item>
 110         <item name="toolbarEndGradient">@color/fx_mobile_layer_color_1</item>
 111         <item name="fillLinkFromClipboard">@color/fill_link_from_clipboard_normal_theme</item>
 112         <item name="syncDisconnected">@color/sync_disconnected_icon_fill_normal_theme</item>
 113         <item name="syncDisconnectedBackground">@color/sync_disconnected_background_normal_theme</item>
 114         <item name="addOnPrivateBrowsingExteriorCircleBackground">@color/add_on_private_browsing_exterior_circle_background_normal_theme</item>
 115         <item name="mozacPromptLoginEditTextCursorColor">@color/prompt_login_edit_text_cursor_color_normal_theme</item>
 116         <item name="awesomeBarIndicatorColor">@color/search_suggestion_indicator_icon_color_normal_theme</item>
 117         <item name="awesomeBarIndicatorBookmarkColor">@color/search_suggestion_indicator_icon_bookmark_color_normal_theme</item>
 118         <item name="preferenceSectionHeader">@color/fx_mobile_text_color_accent</item>
 119         <item name="selectPromptHeaderTextColor">@color/fx_mobile_text_color_accent</item>
 120         <item name="menuItemButtonTintColor">@color/fx_mobile_text_color_accent</item>
 121
 122         <!-- Shared widget colors -->
 123         <item name="mozac_primary_text_color">@color/fx_mobile_text_color_primary</item>
 124         <item name="mozac_caption_text_color">@color/fx_mobile_text_color_secondary</item>
 125         <item name="mozac_widget_favicon_background_color">@color/fx_mobile_layer_color_2</item>
 126         <item name="mozac_widget_favicon_border_color">@color/fx_mobile_border_color_primary</item>
 127
 128         <!-- Drawables -->
 129         <item name="fenixLogo">@drawable/ic_logo_wordmark_normal</item>
 130         <item name="fenixWordmarkText">@drawable/ic_wordmark_text_normal</item>
 131         <item name="fenixWordmarkLogo">@drawable/ic_wordmark_logo</item>
 132         <item name="homeBackground">@color/fx_mobile_layer_color_1</item>
 133         <item name="bottomBarBackground">@drawable/home_bottom_bar_background</item>
 134         <item name="bottomBarBackgroundTop">@drawable/home_bottom_bar_background_top</item>
 135         <item name="mozac_ic_private_mode_circle_fill_background_color">@android:color/transparent</item>
 136         <item name="mozac_ic_private_mode_circle_fill_icon_color">@color/fx_mobile_text_color_primary</item>
 137
 138         <item name="tabCounterTintColor">?attr/textPrimary</item>
 139     </style>
 140
 141     <!-- A theme derived from the normal activity theme, but to look and behave like a dialog -->
 142     <style name="DialogActivityTheme" parent="NormalTheme">
 143         <item name="android:windowElevation">16dp</item>
 144         <item name="android:colorBackground">?attr/colorBackgroundFloating</item>
 145         <item name="android:colorBackgroundCacheHint">@null</item>
 146         <item name="android:windowFrame">@null</item>
 147         <item name="android:windowTitleStyle">@style/RtlOverlay.DialogWindowTitle.AppCompat</item>
 148         <item name="android:windowTitleBackgroundStyle">@style/Base.DialogWindowTitleBackground.AppCompat</item>
 149         <item name="android:windowIsFloating">true</item>
 150         <item name="android:backgroundDimEnabled">true</item>
 151         <item name="android:windowContentOverlay">@null</item>
 152         <item name="android:windowAnimationStyle">@style/Animation.AppCompat.Dialog</item>
 153         <item name="android:windowSoftInputMode">stateUnspecified|adjustPan</item>
 154
 155         <item name="windowActionBar">false</item>
 156         <item name="windowActionModeOverlay">true</item>
 157
 158         <item name="listPreferredItemPaddingLeft">24dip</item>
 159         <item name="listPreferredItemPaddingRight">24dip</item>
 160
 161         <item name="android:listDivider">@null</item>
 162
 163         <item name="android:buttonBarStyle">@style/Widget.AppCompat.ButtonBar.AlertDialog</item>
 164         <item name="android:borderlessButtonStyle">@style/Widget.AppCompat.Button.Borderless</item>
 165         <item name="android:windowCloseOnTouchOutside">true</item>
 166     </style>
 167
 168     <style name="NormalTheme" parent="NormalThemeBase" />
 169
 170     <style name="BaseDialogStyle" parent="Theme.MaterialComponents.Dialog.Alert">
 171         <item name="colorControlNormal">?attr/textPrimary</item>
 172         <item name="textColorAlertDialogListItem">?attr/textPrimary</item>
 173         <item name="android:titleTextStyle">@style/HeaderTextStyle</item>
 174         <item name="android:windowTitleStyle">@style/HeaderTextStyle</item>
 175         <item name="dialogCornerRadius">@dimen/tab_corner_radius</item>
 176         <item name="android:colorBackground">?attr/layer2</item>
 177         <item name="colorAccent">?accent</item>
 178         <item name="android:textColorPrimary">?attr/textPrimary</item>
 179     </style>
 180
 181     <style name="DialogStyleLight" parent="BaseDialogStyle">
 182         <item name="buttonBarNegativeButtonStyle">@style/DialogButtonStyleLight</item>
 183         <item name="buttonBarPositiveButtonStyle">@style/DialogButtonStyleLight</item>
 184     </style>
 185
 186     <style name="SelectPromptHeaderTextStyle" parent="Header16TextStyle">
 187         <item name="android:textColor">?selectPromptHeaderTextColor</item>
 188         <item name="drawableTint">?accentHighContrast</item>
 189     </style>
 190
 191     <style name="DialogStyleDark" parent="BaseDialogStyle">
 192         <item name="buttonBarNegativeButtonStyle">@style/DialogButtonStyleDark</item>
 193         <item name="buttonBarPositiveButtonStyle">@style/DialogButtonStyleDark</item>
 194     </style>
 195
 196     <style name="DialogButtonStyleLight" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
 197         <item name="android:background">@drawable/ripple_button</item>
 198         <item name="android:textColor">?accentBright</item>
 199         <item name="android:textFontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 200         <item name="android:fontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 201     </style>
 202
 203     <style name="DialogButtonStyleDark" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
 204         <item name="android:background">@drawable/ripple_button_dark</item>
 205         <item name="android:textColor">?accentHighContrast</item>
 206         <item name="android:textFontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 207         <item name="android:fontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>    </style>
 208
 209     <style name="DialogStyleNormal" parent="DialogStyleLight"/>
 210
 211     <style name="PrivateThemeBase" parent="Theme.MaterialComponents.NoActionBar.Bridge">
 212         <!-- Android system styling -->
 213         <item name="searchViewStyle">@style/SearchViewStyle</item>
 214         <item name="autoCompleteTextViewStyle">@style/AutoCompleteTextViewStyle</item>
 215         <item name="android:textAlignment">viewStart</item>
 216         <item name="android:windowContentTransitions">true</item>
 217         <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
 218         <item name="android:progressBarStyleHorizontal">@style/progressBarStyleHorizontal</item>
 219         <item name="android:statusBarColor">@android:color/transparent</item>
 220         <item name="android:windowBackground">@color/fx_mobile_private_layer_color_1</item>
 221         <item name="android:colorEdgeEffect">@color/accent_private_theme</item>
 222         <item name="android:colorAccent">@color/fx_mobile_private_text_color_primary</item>
 223         <item name="colorControlActivated">@color/accent_high_contrast_private_theme</item>
 224         <item name="android:textColorPrimary">@color/state_list_text_color</item>
 225         <item name="android:textColorSecondary">@color/secondary_state_list_text_color</item>
 226         <item name="alertDialogStyle">@style/DialogStyleDark</item>
 227         <item name="alertDialogTheme">@style/DialogStyleDark</item>
 228         <item name="android:windowEnableSplitTouch">false</item>
 229         <item name="android:splitMotionEvents">false</item>
 230         <item name="bottomSheetDialogTheme">@style/BottomSheetPrivate</item>
 231
 232         <item name="mozacInputLayoutErrorTextColor"
 233             tools:ignore="UnusedResources">@color/fx_mobile_private_text_color_warning</item>
 234         <item name="mozacInputLayoutErrorIconColor"
 235             tools:ignore="UnusedResources">@color/fx_mobile_private_text_color_warning</item>
 236         <item name="mozacLoginSelectHeaderTextStyle" tools:ignore="UnusedResources">@style/SelectPromptHeaderTextStyle</item>
 237         <item name="mozacSelectCreditCardHeaderTextStyle" tools:ignore="UnusedResources">@style/SelectPromptHeaderTextStyle</item>
 238         <item name="mozacSelectAddressHeaderTextStyle" tools:ignore="UnusedResources">@style/SelectPromptHeaderTextStyle</item>
 239
 240         <!-- Design system color attributes -->
 241
 242         <!-- Layers -->
 243         <!-- Default Screen background, Frontlayer background, App Bar Top, App Bar Bottom, Frontlayer header -->
 244         <item name="layer1">@color/fx_mobile_private_layer_color_1</item>
 245         <!-- Card background, Menu background, Dialog, Banner -->
 246         <item name="layer2">@color/fx_mobile_private_layer_color_2</item>
 247         <!-- Search -->
 248         <item name="layer3">@color/fx_mobile_private_layer_color_3</item>
 249         <item name="layerSearch">@color/fx_mobile_private_layer_color_search</item>
 250         <!-- Selected tab -->
 251         <item name="layerNonOpaque">@color/fx_mobile_private_layer_color_accent_nonopaque</item>
 252         <item name="scrim">@color/fx_mobile_private_layer_color_scrim</item>
 253
 254         <!-- Action -->
 255         <!-- Primary button, Snackbar, Floating action button, Chip selected -->
 256         <item name="actionPrimary">@color/fx_mobile_private_action_color_primary</item>
 257
 258         <!-- Text -->
 259         <!-- Primary text -->
 260         <item name="textPrimary">@color/fx_mobile_private_text_color_primary</item>
 261         <!-- Secondary text -->
 262         <item name="textSecondary">@color/fx_mobile_private_text_color_secondary</item>
 263         <!-- Disabled text -->
 264         <item name="textDisabled">@color/fx_mobile_private_text_color_disabled</item>
 265         <!-- Warning text -->
 266         <item name="textWarning">@color/fx_mobile_private_text_color_warning</item>
 267         <!-- Small heading, Text link -->
 268         <item name="textAccent">@color/fx_mobile_private_text_color_accent</item>
 269         <!-- Text Inverted/On Color -->
 270         <item name="textOnColorPrimary">@color/fx_mobile_private_text_color_oncolor_primary</item>
 271         <!-- Action Primary text -->
 272         <item name="textActionPrimary">@color/fx_mobile_private_text_color_action_primary</item>
 273
 274         <!-- Icon -->
 275         <!-- Secondary icon -->
 276         <item name="iconSecondary">@color/fx_mobile_private_icon_color_secondary</item>
 277         <!-- Active tab -->
 278         <item name="iconActive">@color/fx_mobile_private_icon_color_active</item>
 279         <!-- Icon inverted (on color) -->
 280         <item name="iconOnColor">@color/fx_mobile_private_icon_color_oncolor</item>
 281
 282         <!-- Border -->
 283         <!-- Default, Divider, Dotted -->
 284         <item name="borderPrimary">@color/fx_mobile_private_border_color_primary</item>
 285         <item name="borderSecondary">@color/fx_mobile_private_border_color_secondary</item>
 286         <!-- Toolbar divider -->
 287         <item name="borderToolbarDivider">@color/fx_mobile_private_border_color_toolbar_divider</item>
 288
 289         <!-- Inactive thumb color -->
 290         <item name="colorSwitchThumbNormal">@color/toggle_off_knob_dark_theme</item>
 291         <!-- Inactive track color(30% transparency) -->
 292         <item name="android:colorForeground">@color/toggle_off_track_dark_theme</item>
 293         <!-- sets the toolbar back button color, radio buttons/ unselected checkboxes -->
 294         <item name="colorControlNormal">@color/fx_mobile_private_text_color_primary</item>
 295
 296         <!-- Updated color attributes -->
 297         <item name="accent">@color/accent_private_theme</item>
 298         <item name="accentBright">@color/photonViolet70</item>
 299         <item name="accentHighContrast">@color/accent_high_contrast_private_theme</item>
 300         <item name="neutral">@color/neutral_private_theme</item>
 301         <item name="neutralFaded">@color/neutral_faded_private_theme</item>
 302         <item name="accentUsedOnDarkBackground">@color/accent_high_contrast_private_theme</item>
 303         <item name="toolbarStartGradient">@color/fx_mobile_private_layer_color_4_start</item>
 304         <item name="toolbarCenterGradient">@color/fx_mobile_private_layer_color_4_center</item>
 305         <item name="toolbarEndGradient">@color/fx_mobile_private_layer_color_4_end</item>
 306         <item name="fillLinkFromClipboard">@color/accent_high_contrast_private_theme</item>
 307         <item name="syncDisconnected">@color/sync_disconnected_icon_fill_private_theme</item>
 308         <item name="syncDisconnectedBackground">@color/sync_disconnected_background_private_theme</item>
 309         <item name="addOnPrivateBrowsingExteriorCircleBackground">@color/accent_private_theme</item>
 310         <item name="mozacPromptLoginEditTextCursorColor">@color/prompt_login_edit_text_cursor_color_private_theme</item>
 311         <item name="awesomeBarIndicatorColor">@color/photonGreen60</item>
 312         <item name="awesomeBarIndicatorBookmarkColor">@color/photonBlue40</item>
 313         <item name="selectPromptHeaderTextColor">@color/accent_high_contrast_private_theme</item>
 314         <item name="preferenceSectionHeader">@color/photonViolet40</item>
 315         <item name="menuItemButtonTintColor">@color/accent_high_contrast_private_theme</item>
 316
 317         <!-- Shared widget colors -->
 318         <item name="mozac_primary_text_color">@color/fx_mobile_private_text_color_primary</item>
 319         <item name="mozac_caption_text_color">@color/fx_mobile_private_text_color_secondary</item>
 320         <item name="mozac_widget_favicon_background_color">@color/photonInk50</item>
 321         <item name="mozac_widget_favicon_border_color">@color/photonInk50</item>
 322
 323         <!-- Drawables -->
 324         <item name="fenixLogo">@drawable/ic_logo_wordmark_private</item>
 325         <item name="fenixWordmarkText">@drawable/ic_wordmark_text_private</item>
 326         <item name="fenixWordmarkLogo">@drawable/ic_wordmark_logo</item>
 327         <item name="homeBackground">@drawable/private_home_background_gradient</item>
 328         <item name="bottomBarBackground">@drawable/private_home_bottom_bar_background_gradient</item>
 329         <item name="bottomBarBackgroundTop">@drawable/private_home_bottom_bar_background_gradient_top</item>
 330         <item name="mozac_ic_private_mode_circle_fill_background_color">@color/photonWhite</item>
 331         <item name="mozac_ic_private_mode_circle_fill_icon_color">@color/fx_mobile_private_layer_color_2</item>
 332
 333         <item name="tabCounterTintColor">?attr/textPrimary</item>
 334     </style>
 335
 336     <style name="Mozac.Browser.Menu" parent="" tools:ignore="UnusedResources">
 337         <item name="cardBackgroundColor">?attr/layer2</item>
 338     </style>
 339     <style name="Mozac.Browser.Menu2" parent="" tools:ignore="UnusedResources">
 340         <item name="cardBackgroundColor">?attr/layer2</item>
 341     </style>
 342
 343     <style name="PrivateTheme" parent="PrivateThemeBase" />
 344     <style name="FeltPrivateTheme" parent="PrivateThemeBase">
 345         <item name="homeBackground">@drawable/felt_private_home_background_gradient</item>
 346     </style>
 347
 348     <!-- Fade animation for theme switching -->
 349     <style name="WindowAnimationTransition">
 350         <item name="android:windowEnterAnimation">@anim/fade_in</item>
 351         <item name="android:windowExitAnimation">@anim/fade_out</item>
 352     </style>
 353
 354     <!-- On some android versions (known about OneUI 2.5) the entering animation is played every -->
 355     <!-- time DialogFragment goes though an onStart() lifecycle call. We want to prevent the -->
 356     <!-- animation from being repeated after app returns from background.-->
 357     <style name="DialogFragmentRestoreAnimation" parent="Animation.MaterialComponents.BottomSheetDialog">
 358         <item name="android:windowEnterAnimation">@null</item>
 359     </style>
 360
 361     <!-- UI button styling -->
 362     <style name="NeutralButton" parent="Widget.MaterialComponents.Button.TextButton">
 363         <item name="iconTint">@color/fx_mobile_icon_color_action_secondary</item>
 364         <item name="iconPadding">8dp</item>
 365         <item name="iconGravity">textStart</item>
 366         <item name="android:textAlignment">center</item>
 367         <item name="android:layout_width">match_parent</item>
 368         <item name="android:radius">4dp</item>
 369         <item name="android:layout_height">48dp</item>
 370         <item name="android:textStyle">bold</item>
 371         <item name="android:textAllCaps">false</item>
 372         <item name="backgroundTint">@color/fx_mobile_action_color_secondary</item>
 373         <item name="android:textColor">@color/fx_mobile_text_color_action_secondary</item>
 374         <item name="rippleColor">?attr/textSecondary</item>
 375         <item name="android:letterSpacing">0</item>
 376         <item name="android:textFontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 377         <item name="android:fontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 378     </style>
 379
 380     <style name="DestructiveButton" parent="NeutralButton">
 381         <item name="iconTint">@color/fx_mobile_icon_color_warning_button</item>
 382         <item name="android:textColor">@color/fx_mobile_text_color_warning_button</item>
 383     </style>
 384
 385     <style name="PositiveButton" parent="NeutralButton">
 386         <item name="backgroundTint">?actionPrimary</item>
 387         <item name="iconTint">?iconOnColor</item>
 388         <item name="android:textColor">?textActionPrimary</item>
 389     </style>
 390
 391     <style name="DialogStyleBase" parent="NormalTheme">
 392         <item name="android:textAppearance">@style/TextAppearance.AppCompat</item>
 393         <item name="android:colorControlNormal">?accentHighContrast</item>
 394         <item name="android:colorControlActivated">?accentHighContrast</item>
 395         <item name="android:colorControlHighlight">?accentBright</item>
 396
 397         <item name="android:windowBackground">@android:color/transparent</item>
 398         <item name="android:windowAnimationStyle">@style/Animation.Design.BottomSheetDialog</item>
 399         <item name="windowNoTitle">true</item>
 400         <item name="android:windowIsFloating">false</item>
 401         <item name="android:windowSoftInputMode">adjustResize</item>
 402         <item name="windowActionBar">false</item>
 403         <item name="android:windowFullscreen">false</item>
 404         <item name="android:windowContentOverlay">@null</item>
 405         <item name="android:navigationBarColor">@android:color/transparent</item>
 406         <item name="android:windowTranslucentNavigation">true</item>
 407     </style>
 408
 409     <style name="HeaderTextStyle" parent="TextAppearance.MaterialComponents.Subtitle1">
 410         <item name="android:textSize">18sp</item>
 411         <item name="android:textColor">?attr/textPrimary</item>
 412         <item name="android:textFontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 413         <item name="android:fontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 414     </style>
 415
 416     <style name="Header20TextStyle" parent="TextAppearance.MaterialComponents.Body1" tools:ignore="UnusedResources">
 417         <item name="android:textColor">?attr/textPrimary</item>
 418         <item name="android:textSize">20sp</item>
 419         <item name="android:textFontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 420         <item name="android:fontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 421     </style>
 422
 423     <style name="Header16TextStyle" parent="TextAppearance.MaterialComponents.Body1">
 424         <item name="android:textColor">?attr/textPrimary</item>
 425         <item name="android:textSize">16sp</item>
 426         <item name="android:textFontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 427         <item name="android:fontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 428     </style>
 429
 430     <style name="Header14TextStyle" parent="TextAppearance.MaterialComponents.Body2">
 431         <item name="android:textColor">?attr/textPrimary</item>
 432         <item name="android:textSize">14sp</item>
 433         <item name="android:textFontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 434         <item name="android:fontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 435     </style>
 436
 437     <style name="Body14TextStyle" parent="TextAppearance.MaterialComponents.Body2">
 438         <item name="android:textColor">?attr/textPrimary</item>
 439         <item name="android:textSize">14sp</item>
 440     </style>
 441
 442     <style name="Body16TextStyle" parent="TextAppearance.MaterialComponents.Body1">
 443         <item name="android:textColor">?attr/textPrimary</item>
 444     </style>
 445
 446     <style name="Body12TextStyle" parent="TextAppearance.MaterialComponents.Body1" tools:ignore="UnusedResources">
 447         <item name="android:textColor">?attr/textPrimary</item>
 448         <item name="android:textSize">12sp</item>
 449         <item name="android:textAllCaps">false</item>
 450     </style>
 451
 452     <style name="Button14TextStyle" parent="TextAppearance.MaterialComponents.Button" tools:ignore="UnusedResources">
 453         <item name="android:textSize">14sp</item>
 454         <item name="android:textAllCaps">false</item>
 455     </style>
 456
 457     <style name="Subtitle12TextStyle" parent="TextAppearance.MaterialComponents.Body1">
 458         <item name="android:textColor">?attr/textSecondary</item>
 459         <item name="android:textSize">12sp</item>
 460         <item name="android:textFontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 461         <item name="android:fontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 462     </style>
 463
 464     <style name="CaptionTextStyle" parent="TextAppearance.MaterialComponents.Body1">
 465         <item name="android:textSize">12sp</item>
 466         <item name="android:textFontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 467         <item name="android:fontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 468     </style>
 469
 470     <style name="ToolbarTitleTextStyle" parent="HeaderTextStyle">
 471         <item name="android:textSize">20sp</item>
 472         <item name="android:textFontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 473         <item name="android:fontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 474     </style>
 475
 476     <style name="ListItemTextStyle" parent="TextAppearance.MaterialComponents.Subtitle1">
 477         <item name="android:textColor">?attr/textPrimary</item>
 478     </style>
 479
 480     <style name="progressBarStyleHorizontal" parent="@style/Widget.AppCompat.ProgressBar.Horizontal">
 481         <item name="android:progressDrawable">@drawable/progress_gradient</item>
 482     </style>
 483
 484     <style name="QuickSettingsText">
 485         <item name="android:textColor">@color/state_list_text_color</item>
 486         <item name="android:textSize">14sp</item>
 487         <item name="android:paddingStart">16dp</item>
 488         <item name="android:paddingEnd">16dp</item>
 489         <item name="android:gravity">center_vertical</item>
 490         <item name="android:layout_alignParentStart">true</item>
 491     </style>
 492
 493     <style name="QuickSettingsSmallText">
 494         <item name="android:textColor">?attr/textSecondary</item>
 495         <item name="android:textSize">12sp</item>
 496         <item name="android:paddingEnd">16dp</item>
 497         <item name="android:gravity">top</item>
 498         <item name="android:layout_alignParentStart">true</item>
 499     </style>
 500
 501     <style name="QuickSettingsLargeText">
 502         <item name="android:textColor">@color/state_list_text_color</item>
 503         <item name="android:textSize">16sp</item>
 504         <item name="android:paddingStart">16dp</item>
 505         <item name="android:paddingEnd">16dp</item>
 506         <item name="android:gravity">center_vertical</item>
 507         <item name="android:layout_alignParentStart">true</item>
 508     </style>
 509
 510     <style name="QuickSettingsLargeText.Icon">
 511         <item name="android:drawablePadding">8dp</item>
 512         <item name="drawableEndCompat">@drawable/ic_arrowhead_right</item>
 513     </style>
 514
 515     <style name="QuickSettingsText.Icon">
 516         <item name="android:drawablePadding">8dp</item>
 517     </style>
 518
 519     <style name="QuickSettingsText.PermissionItemEnd">
 520         <item name="android:layout_alignParentEnd">true</item>
 521         <item name="android:paddingEnd">24dp</item>
 522         <item name="android:gravity">end|center_vertical</item>
 523         <item name="android:background">?android:attr/selectableItemBackground</item>
 524         <item name="android:textColor">?accentUsedOnDarkBackground</item>
 525     </style>
 526
 527     <style name="SearchClipboardStyle">
 528         <item name="android:ellipsize">end</item>
 529         <item name="android:maxLines">1</item>
 530     </style>
 531
 532     <style name="SearchClipboardTitleStyle" parent="SearchClipboardStyle">
 533         <item name="android:textColor">?attr/textPrimary</item>
 534         <item name="android:textSize">@dimen/search_fragment_clipboard_title_text_size</item>
 535     </style>
 536
 537     <style name="SearchClipboardUrlStyle" parent="SearchClipboardStyle">
 538         <item name="android:textAppearance">@style/Subtitle12TextStyle</item>
 539         <item name="android:textColor">?fillLinkFromClipboard</item>
 540     </style>
 541
 542     <style name="CreateCollectionDialogStyle" parent="DialogStyleBase"/>
 543     <style name="CreateShortcutDialogStyle" parent="DialogStyleBase"/>
 544     <style name="HomeOnboardingDialogStyle" parent="DialogStyleBase"/>
 545     <style name="ResearchSurfaceDialogStyle" parent="NormalThemeBase">
 546         <item name="android:navigationBarColor">@android:color/transparent</item>
 547         <item name="android:windowTranslucentNavigation">false</item>
 548     </style>
 549     <style name="WallpaperOnboardingDialogStyle" parent="DialogStyleBase">
 550         <item name="android:windowIsFloating">true</item>
 551         <item name="android:backgroundDimAmount">0.06</item>
 552     </style>
 553     <style name="CreateShortcutDialogButton" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
 554         <item name="android:layout_width">wrap_content</item>
 555         <item name="android:layout_height">wrap_content</item>
 556         <item name="android:minHeight">40dp</item>
 557         <item name="android:layout_marginTop">32dp</item>
 558         <item name="android:textAlignment">center</item>
 559         <item name="android:textColor">?accentUsedOnDarkBackground</item>
 560         <item name="android:textFontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 561         <item name="android:fontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 562     </style>
 563
 564     <style name="ShareHeaderTextStyle">
 565         <item name="android:singleLine">true</item>
 566         <item name="android:textAllCaps">true</item>
 567         <item name="android:textColor">?attr/textSecondary</item>
 568         <item name="android:textSize">@dimen/share_header_text_size</item>
 569         <item name="android:textStyle">bold</item>
 570         <item name="android:textFontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 571         <item name="android:fontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 572     </style>
 573
 574     <style name="StudiesItemTitleTextStyle">
 575         <item name="android:textSize">12sp</item>
 576         <item name="android:textFontWeight" tools:ignore="NewApi">@integer/font_weight_semi_bold</item>
 577         <item name="android:fontWeight" tools:ignore="NewApi">@integer/font_weight_semi_bold</item>
 578         <item name="fontFamily">sans-serif-medium</item>
 579     </style>
 580
 581     <style name="ShareDialogStyle" parent="DialogStyleBase"/>
 582
 583     <style name="AboutItemText" parent="TextAppearance.MaterialComponents.Body2">
 584         <item name="android:textColor">?textAccent</item>
 585         <item name="android:textSize">@dimen/about_items_text_size</item>
 586         <item name="android:paddingStart">@dimen/about_list_item_text_padding</item>
 587         <item name="android:paddingEnd">@dimen/about_list_item_text_padding</item>
 588         <item name="android:ellipsize">end</item>
 589         <item name="android:maxLines">1</item>
 590         <item name="android:minLines">1</item>
 591         <item name="fontFamily">sans-serif-medium</item>
 592     </style>
 593
 594     <style name="AboutHeaderContentText" parent="TextAppearance.MaterialComponents.Subtitle1">
 595         <item name="android:textColor">?attr/textPrimary</item>
 596         <item name="android:lineSpacingExtra">@dimen/about_header_text_line_spacing_extra</item>
 597     </style>
 598
 599     <style name="PreferenceSectionHeader" parent="@android:style/Widget.ListView">
 600         <item name="android:textColor">?preferenceSectionHeader</item>
 601         <item name="android:textFontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 602         <item name="android:fontWeight" tools:ignore="NewApi">@integer/font_weight_medium</item>
 603     </style>
 604
 605     <style name="EngineTextField" parent="TextAppearance.AppCompat">
 606         <item name="android:textSize">14sp</item>
 607     </style>
 608
 609     <style name="Theme.Transparent" parent="android:Theme">
 610         <item name="android:windowIsTranslucent">true</item>
 611         <item name="android:windowBackground">@android:color/transparent</item>
 612         <item name="android:windowContentOverlay">@null</item>
 613         <item name="android:windowNoTitle">true</item>
 614         <item name="android:windowIsFloating">true</item>
 615         <item name="android:backgroundDimEnabled">false</item>
 616     </style>
 617
 618     <style name="SearchViewStyle" parent="Widget.AppCompat.SearchView">
 619         <item name="searchHintIcon">@null</item>
 620     </style>
 621
 622     <style name="AutoCompleteTextViewStyle" parent="Widget.AppCompat.AutoCompleteTextView">
 623         <item name="android:textColorHint">@color/search_view_hint_color</item>
 624     </style>
 625
 626     <style name="BottomSheetPrivate" parent="@style/BottomSheetBasePrivate" />
 627
 628     <style name="BottomSheet" parent="@style/BottomSheetBase" />
 629
 630     <style name="BottomSheetBasePrivate" parent="ThemeOverlay.MaterialComponents.BottomSheetDialog">
 631         <item name="android:windowIsFloating">false</item>
 632     </style>
 633
 634     <style name="BottomSheetBase" parent="ThemeOverlay.MaterialComponents.DayNight.BottomSheetDialog">
 635         <item name="android:windowIsFloating">false</item>
 636     </style>
 637
 638     <!-- Tab Tray does not present a private theme, so it needs to be separate from other bottom sheet styles -->
 639     <style name="TabTrayDialogStyleBase" parent="BottomSheetBase">
 640         <item name="bottomSheetStyle">@style/BottomSheetModal</item>
 641         <item name="android:colorBackground">@color/fx_mobile_layer_color_1</item>
 642     </style>
 643
 644     <style name="TabTrayDialogStyle" parent="TabTrayDialogStyleBase" />
 645
 646     <!-- Stuff to make the bottom sheet with round top borders -->
 647     <style name="BottomSheetShapeAppearance" parent="ShapeAppearance.MaterialComponents.LargeComponent">
 648         <item name="cornerFamily">rounded</item>
 649         <item name="cornerSizeTopLeft">16dp</item>
 650         <item name="cornerSizeTopRight">16dp</item>
 651         <item name="colorSurface">@color/photonPurple50</item>
 652         <item name="android:backgroundTint">@color/photonPurple50</item>
 653         <item name="android:colorBackground">@color/photonPurple50</item>
 654     </style>
 655
 656     <style name="BottomSheetModal" parent="Widget.Design.BottomSheet.Modal">
 657         <item name="shapeAppearance">@style/BottomSheetShapeAppearance</item>
 658         <item name="behavior_fitToContents">false</item>
 659         <item name="behavior_skipCollapsed">false</item>
 660         <!-- Effectively disable STATE_HALF_EXPANDED by having the tray have a minuscule height in this state -->
 661         <item name="behavior_halfExpandedRatio">0.001</item>
 662     </style>
 663
 664     <style name="TopSite.FaviconCard" parent="Mozac.Widgets.Favicon">
 665         <item name="android:layout_width">@dimen/top_sites_card_size</item>
 666         <item name="android:layout_height">@dimen/top_sites_card_size</item>
 667         <item name="android:layout_marginTop">@dimen/top_sites_card_margin_top</item>
 668         <item name="android:padding">@dimen/top_sites_card_padding</item>
 669         <item name="cardBackgroundColor">?mozac_widget_favicon_background_color</item>
 670         <item name="cardCornerRadius">@dimen/top_sites_card_radius</item>
 671         <item name="cardElevation">@dimen/top_sites_card_elevation</item>
 672     </style>
 673
 674     <style name="topSiteFavicon">
 675         <item name="android:layout_width">@dimen/top_sites_favicon_size</item>
 676         <item name="android:layout_height">@dimen/top_sites_favicon_size</item>
 677         <item name="android:scaleType">centerCrop</item>
 678         <item name="android:layout_gravity">center</item>
 679         <item name="shapeAppearanceOverlay">@style/topSiteFaviconShape</item>
 680     </style>
 681
 682     <style name="topSiteFaviconShape">
 683         <item name="cornerFamily">rounded</item>
 684         <item name="elevation">@dimen/top_sites_favicon_elevation</item>
 685         <item name="cornerSize">@dimen/top_sites_favicon_corner_size</item>
 686     </style>
 687
 688     <style name="TabTrayFab" parent="Widget.MaterialComponents.ExtendedFloatingActionButton">
 689         <item name="elevation">90dp</item>
 690         <item name="android:stateListAnimator">@null</item>
 691     </style>
 692
 693     <style name="SearchDialogStyle">
 694         <item name="android:windowAnimationStyle">@null</item>
 695         <item name="android:textAppearance">@style/TextAppearance.AppCompat</item>
 696         <item name="android:colorControlNormal">?accentHighContrast</item>
 697         <item name="android:colorControlActivated">?accentHighContrast</item>
 698         <item name="android:colorControlHighlight">?accentBright</item>
 699         <item name="android:windowBackground">@android:color/transparent</item>
 700         <item name="windowNoTitle">true</item>
 701         <item name="android:windowIsFloating">false</item>
 702         <item name="android:windowSoftInputMode">adjustResize</item>
 703         <item name="windowActionBar">false</item>
 704         <item name="android:windowFullscreen">false</item>
 705         <item name="android:windowContentOverlay">@null</item>
 706         <item name="android:navigationBarColor">@android:color/transparent</item>
 707         <item name="android:windowTranslucentNavigation">true</item>
 708     </style>
 709
 710     <style name="SearchSelectorIconStyle">
 711         <item name="cornerFamily">rounded</item>
 712         <item name="elevation">0dp</item>
 713         <item name="cornerSize">2dp</item>
 714     </style>
 715 </resources>