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