styles.xml 38.2 KB
Newer Older
Jeff Boek's avatar
Jeff Boek committed
1 2 3 4
<?xml version="1.0" encoding="utf-8"?>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
5
<resources xmlns:tools="http://schemas.android.com/tools">
6

Emily Kager's avatar
Emily Kager committed
7
    <style name="NormalThemeBase" parent="Theme.MaterialComponents.DayNight.NoActionBar.Bridge">
Sawyer Blatz's avatar
Sawyer Blatz committed
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>
Sawyer Blatz's avatar
Sawyer Blatz committed
15 16 17
        <item name="android:windowBackground">@color/foundation_normal_theme</item>
        <item name="android:colorEdgeEffect">@color/accent_normal_theme</item>
        <item name="android:colorAccent">@color/primary_text_normal_theme</item>
18 19
        <item name="android:textColorPrimary">@color/state_list_text_color</item>
        <item name="android:textColorSecondary">@color/secondary_state_list_text_color</item>
20 21
        <item name="alertDialogStyle">@style/DialogStyleNormal</item>
        <item name="alertDialogTheme">@style/DialogStyleNormal</item>
22 23
        <item name="android:windowEnableSplitTouch">false</item>
        <item name="android:splitMotionEvents">false</item>
24
        <item name="bottomSheetDialogTheme">@style/BottomSheet</item>
25

26 27 28 29
        <item name="mozacInputLayoutErrorTextColor"
            tools:ignore="UnusedResources">@color/destructive_normal_theme</item>
        <item name="mozacInputLayoutErrorIconColor"
            tools:ignore="UnusedResources">@color/destructive_normal_theme</item>
ekager's avatar
ekager committed
30
        <item name="mozacLoginSelectHeaderTextStyle" tools:ignore="UnusedResources">@style/SelectLoginHeaderTextStyle</item>
31

32
        <!-- Active thumb color & Active track color (30% transparency) -->
33
        <item name="colorControlActivated">@color/accent_high_contrast_normal_theme</item>
34 35 36 37
        <!-- Inactive thumb color -->
        <item name="colorSwitchThumbNormal">@color/toggle_off_knob_normal_theme</item>
        <!-- Inactive track color(30% transparency) -->
        <item name="android:colorForeground">@color/toggle_off_track_normal_theme</item>
38 39
        <!-- sets the toolbar back button color, radio buttons / unselected checkboxes -->
        <item name="colorControlNormal">@color/primary_text_normal_theme</item>
Sawyer Blatz's avatar
Sawyer Blatz committed
40 41 42 43

        <!-- Updated color attributes -->
        <item name="primaryText">@color/primary_text_normal_theme</item>
        <item name="secondaryText">@color/secondary_text_normal_theme</item>
44
        <item name="contrastText">@color/contrast_text_normal_theme</item>
Sawyer Blatz's avatar
Sawyer Blatz committed
45 46
        <item name="accent">@color/accent_normal_theme</item>
        <item name="accentBright">@color/accent_bright_normal_theme</item>
47
        <item name="aboutLink">@color/about_link_normal_theme</item>
48
        <item name="accentHighContrast">@color/accent_high_contrast_normal_theme</item>
Sawyer Blatz's avatar
Sawyer Blatz committed
49 50
        <item name="foundation">@color/foundation_normal_theme</item>
        <item name="above">@color/above_normal_theme</item>
51
        <item name="inset">@color/inset_normal_theme</item>
52
        <item name="tabRing">@color/tab_ring_normal_theme</item>
Sawyer Blatz's avatar
Sawyer Blatz committed
53
        <item name="neutral">@color/neutral_normal_theme</item>
54
        <item name="neutralFaded">@color/neutral_faded_normal_theme</item>
55 56
        <item name="shadow">@color/shadow_normal_theme</item>
        <item name="destructive">@color/destructive_normal_theme</item>
57
        <item name="disabled">@color/disabled_normal_theme</item>
58
        <item name="scrimStart">@color/scrimStart_normal_theme</item>
59
        <item name="scrimEnd">@color/scrimEnd_normal_theme</item>
60 61
        <item name="snackbar">@color/snackbar_normal_theme</item>
        <item name="accentUsedOnDarkBackground">@color/accent_on_dark_background_normal_theme</item>
62 63 64
        <item name="toolbarStartGradient">@color/toolbar_start_gradient_normal_theme</item>
        <item name="toolbarCenterGradient">@color/toolbar_center_gradient_normal_theme</item>
        <item name="toolbarEndGradient">@color/toolbar_end_gradient_normal_theme</item>
65
        <item name="toolbarDivider">@color/toolbar_divider_color_normal_theme</item>
66
        <item name="fillLinkFromClipboard">@color/fill_link_from_clipboard_normal_theme</item>
67
        <item name="menuCategoryText">@color/menu_category_normal_theme</item>
68 69
        <item name="syncDisconnected">@color/sync_disconnected_icon_fill_normal_theme</item>
        <item name="syncDisconnectedBackground">@color/sync_disconnected_background_normal_theme</item>
70
        <item name="swipeDeleteBackground">@color/swipe_delete_background_normal_theme</item>
71 72 73 74
        <item name="onboardingDarkGradientStartBackground">@color/onboarding_card_background_start_gradient_normal_theme</item>
        <item name="onboardingDarkGradientEndBackground">@color/onboarding_card_background_end_gradient_normal_theme</item>
        <item name="onboardingSelected">@color/onboarding_illustration_selected_normal_theme</item>
        <item name="onboardingDeselected">@color/onboarding_illustration_deselected_normal_theme</item>
75 76
        <item name="addOnPrivateBrowsingExteriorCircleBackground">@color/add_on_private_browsing_exterior_circle_background_normal_theme</item>
        <item name="addOnPrivateBrowsingInteriorIconBackground">@color/add_on_private_browsing_interior_icon_background_normal_theme</item>
77
        <item name="mozacPromptLoginEditTextCursorColor">@color/prompt_login_edit_text_cursor_color_normal_theme</item>
78 79
        <item name="readerModeStartGradient">@color/readermode_start_gradient_normal_theme</item>
        <item name="readerModeEndGradient">@color/readermode_end_gradient_normal_theme</item>
80
        <item name="syncedTabsSeparator">@color/synced_tabs_separator</item>
81 82
        <item name="awesomeBarIndicatorColor">@color/search_suggestion_indicator_icon_color_normal_theme</item>
        <item name="awesomeBarIndicatorBookmarkColor">@color/search_suggestion_indicator_icon_bookmark_color_normal_theme</item>
ekager's avatar
ekager committed
83
        <item name="selectLoginHeaderTextColor">@color/select_login_header_normal_theme</item>
84
        <!-- Shared widget colors -->
85 86
        <item name="mozac_primary_text_color">@color/primary_text_normal_theme</item>
        <item name="mozac_caption_text_color">@color/caption_text_normal_theme</item>
87 88 89
        <item name="mozac_widget_favicon_background_color">@color/mozac_widget_favicon_background_normal_theme</item>
        <item name="mozac_widget_favicon_border_color">@color/mozac_widget_favicon_border_normal_theme</item>

90
        <item name="tabTrayItemBackground">@color/tab_tray_item_background_normal_theme</item>
91
        <item name="tabTrayItemSelectedBackground">@color/tab_tray_item_selected_background_normal_theme</item>
92
        <item name="tabTrayToolbarBackground">@color/tab_tray_toolbar_background_normal_theme</item>
93
        <item name="tabTrayItemMediaBackground">@color/tab_tray_item_media_background_normal_theme</item>
94
        <item name="tabTrayHeadingIcon">@color/tab_tray_heading_icon_normal_theme</item>
95
        <item name="tabTrayHeadingIconInactive">@color/tab_tray_heading_icon_inactive_normal_theme</item>
96 97
        <item name="tabTrayThumbnailItemBackground">@color/tab_tray_item_thumbnail_background_normal_theme</item>
        <item name="tabTrayThumbnailIcon">@color/tab_tray_item_thumbnail_icon_normal_theme</item>
98

99 100 101
        <!-- Tab History -->
        <item name="tabHistoryItemSelectedBackground">@color/tab_history_item_selected_background_normal_theme</item>

Sawyer Blatz's avatar
Sawyer Blatz committed
102
        <!-- Drawables -->
103
        <item name="fenixLogo">@drawable/ic_logo_wordmark_normal</item>
104
        <item name="homeBackground">@color/foundation_normal_theme</item>
105
        <item name="bottomBarBackground">@drawable/home_bottom_bar_background</item>
106
        <item name="bottomBarBackgroundTop">@drawable/home_bottom_bar_background_top</item>
107
        <item name="privateBrowsingButtonBackground">@android:color/transparent</item>
108
        <item name="privateBrowsingButtonAccent">@color/primary_text_normal_theme</item>
109
        <item name="shieldLottieFile">@raw/shield_json</item>
110 111
    </style>

112
    <style name="NormalTheme" parent="NormalThemeBase" />
113

114
    <style name="BaseDialogStyle" parent="Theme.MaterialComponents.Dialog.Alert">
115 116 117 118
        <item name="colorControlNormal">?primaryText</item>
        <item name="textColorAlertDialogListItem">?primaryText</item>
        <item name="android:titleTextStyle">@style/HeaderTextStyle</item>
        <item name="android:windowTitleStyle">@style/HeaderTextStyle</item>
119
        <item name="dialogCornerRadius">@dimen/tab_corner_radius</item>
120
        <item name="android:colorBackground">?above</item>
121 122
        <item name="colorAccent">?accent</item>
        <item name="android:textColorPrimary">?primaryText</item>
123 124
    </style>

125
    <style name="DialogStyleLight" parent="BaseDialogStyle">
126 127
        <item name="buttonBarNegativeButtonStyle">@style/DialogButtonStyleLight</item>
        <item name="buttonBarPositiveButtonStyle">@style/DialogButtonStyleLight</item>
128 129
    </style>

ekager's avatar
ekager committed
130 131 132 133 134
    <style name="SelectLoginHeaderTextStyle" parent="Header16TextStyle">
        <item name="android:textColor">?selectLoginHeaderTextColor</item>
        <item name="drawableTint">?accentHighContrast</item>
    </style>

135
    <style name="Checkable.Colored" parent="Theme.AppCompat">
136
        <item name="colorControlActivated">?attr/onboardingSelected</item>
137
        <item name="colorControlNormal">?attr/onboardingDeselected</item>
138 139
    </style>

140
    <style name="DialogStyleDark" parent="BaseDialogStyle">
141 142
        <item name="buttonBarNegativeButtonStyle">@style/DialogButtonStyleDark</item>
        <item name="buttonBarPositiveButtonStyle">@style/DialogButtonStyleDark</item>
143 144
    </style>

145
    <style name="DialogButtonStyleLight" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
146
        <item name="android:background">?android:attr/selectableItemBackgroundBorderless</item>
147
        <item name="android:textColor">?accentBright</item>
148
        <item name="fontFamily">@font/metropolis_semibold</item>
149 150
    </style>

151
    <style name="DialogButtonStyleDark" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
152
        <item name="android:background">?android:attr/selectableItemBackgroundBorderless</item>
153
        <item name="android:textColor">?accentHighContrast</item>
154
        <item name="fontFamily">@font/metropolis_semibold</item>
155 156 157 158
    </style>

    <style name="DialogStyleNormal" parent="DialogStyleLight"/>

Emily Kager's avatar
Emily Kager committed
159
    <style name="PrivateThemeBase" parent="Theme.MaterialComponents.NoActionBar.Bridge">
Sawyer Blatz's avatar
Sawyer Blatz committed
160
        <!-- Android system styling -->
161
        <item name="searchViewStyle">@style/SearchViewStyle</item>
162
        <item name="autoCompleteTextViewStyle">@style/AutoCompleteTextViewStyle</item>
163
        <item name="android:windowContentTransitions">true</item>
164
        <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
Sawyer Blatz's avatar
Sawyer Blatz committed
165
        <item name="android:progressBarStyleHorizontal">@style/progressBarStyleHorizontal</item>
166
        <item name="android:statusBarColor">@android:color/transparent</item>
Sawyer Blatz's avatar
Sawyer Blatz committed
167 168 169
        <item name="android:windowBackground">@color/foundation_private_theme</item>
        <item name="android:colorEdgeEffect">@color/accent_private_theme</item>
        <item name="android:colorAccent">@color/primary_text_private_theme</item>
170
        <item name="colorControlActivated">@color/accent_high_contrast_private_theme</item>
171 172
        <item name="android:textColorPrimary">@color/state_list_text_color</item>
        <item name="android:textColorSecondary">@color/secondary_state_list_text_color</item>
173 174
        <item name="alertDialogStyle">@style/DialogStyleDark</item>
        <item name="alertDialogTheme">@style/DialogStyleDark</item>
175 176
        <item name="android:windowEnableSplitTouch">false</item>
        <item name="android:splitMotionEvents">false</item>
177
        <item name="bottomSheetDialogTheme">@style/BottomSheetPrivate</item>
178

179 180 181 182
        <item name="mozacInputLayoutErrorTextColor"
            tools:ignore="UnusedResources">@color/destructive_private_theme</item>
        <item name="mozacInputLayoutErrorIconColor"
            tools:ignore="UnusedResources">@color/destructive_private_theme</item>
ekager's avatar
ekager committed
183
        <item name="mozacLoginSelectHeaderTextStyle" tools:ignore="UnusedResources">@style/SelectLoginHeaderTextStyle</item>
184

185 186 187 188
        <!-- Inactive thumb color -->
        <item name="colorSwitchThumbNormal">@color/toggle_off_knob_dark_theme</item>
        <!-- Inactive track color(30% transparency) -->
        <item name="android:colorForeground">@color/toggle_off_track_dark_theme</item>
189 190
        <!-- sets the toolbar back button color, radio buttons/ unselected checkboxes -->
        <item name="colorControlNormal">@color/primary_text_private_theme</item>
Sawyer Blatz's avatar
Sawyer Blatz committed
191 192 193 194

        <!-- Updated color attributes -->
        <item name="primaryText">@color/primary_text_private_theme</item>
        <item name="secondaryText">@color/secondary_text_private_theme</item>
195
        <item name="contrastText">@color/contrast_text_private_theme</item>
Sawyer Blatz's avatar
Sawyer Blatz committed
196 197
        <item name="accent">@color/accent_private_theme</item>
        <item name="accentBright">@color/accent_bright_private_theme</item>
198
        <item name="aboutLink">@color/about_link_private_theme</item>
199
        <item name="accentHighContrast">@color/accent_high_contrast_private_theme</item>
Sawyer Blatz's avatar
Sawyer Blatz committed
200 201
        <item name="foundation">@color/foundation_private_theme</item>
        <item name="above">@color/above_private_theme</item>
202
        <item name="inset">@color/inset_private_theme</item>
203
        <item name="tabRing">@color/tab_ring_private_theme</item>
Sawyer Blatz's avatar
Sawyer Blatz committed
204
        <item name="neutral">@color/neutral_private_theme</item>
205
        <item name="neutralFaded">@color/neutral_faded_private_theme</item>
206 207
        <item name="shadow">@color/shadow_private_theme</item>
        <item name="destructive">@color/destructive_private_theme</item>
208
        <item name="disabled">@color/disabled_private_theme</item>
209
        <item name="scrimStart">@color/scrimStart_private_theme</item>
210
        <item name="scrimEnd">@color/scrimEnd_private_theme</item>
211 212
        <item name="snackbar">@color/snackbar_private_theme</item>
        <item name="accentUsedOnDarkBackground">@color/accent_on_dark_background_private_theme</item>
213 214 215
        <item name="toolbarStartGradient">@color/toolbar_start_gradient_private_theme</item>
        <item name="toolbarCenterGradient">@color/toolbar_center_gradient_private_theme</item>
        <item name="toolbarEndGradient">@color/toolbar_end_gradient_private_theme</item>
216
        <item name="toolbarDivider">@color/toolbar_divider_color_private_theme</item>
217
        <item name="fillLinkFromClipboard">@color/fill_link_from_clipboard_private_theme</item>
218
        <item name="menuCategoryText">@color/menu_category_private_theme</item>
219 220
        <item name="syncDisconnected">@color/sync_disconnected_icon_fill_private_theme</item>
        <item name="syncDisconnectedBackground">@color/sync_disconnected_background_private_theme</item>
221
        <item name="swipeDeleteBackground">@color/swipe_delete_background_private_theme</item>
222 223 224 225
        <item name="onboardingDarkGradientStartBackground">@color/onboarding_card_background_start_gradient_private_theme</item>
        <item name="onboardingDarkGradientEndBackground">@color/onboarding_card_background_end_gradient_private_theme</item>
        <item name="onboardingSelected">@color/onboarding_illustration_selected_private_theme</item>
        <item name="onboardingDeselected">@color/onboarding_illustration_deselected_private_theme</item>
226 227
        <item name="addOnPrivateBrowsingExteriorCircleBackground">@color/add_on_private_browsing_exterior_circle_background_private_theme</item>
        <item name="addOnPrivateBrowsingInteriorIconBackground">@color/add_on_private_browsing_interior_icon_background_private_theme</item>
228
        <item name="mozacPromptLoginEditTextCursorColor">@color/prompt_login_edit_text_cursor_color_private_theme</item>
229 230
        <item name="awesomeBarIndicatorColor">@color/search_suggestion_indicator_icon_color_dark_theme</item>
        <item name="awesomeBarIndicatorBookmarkColor">@color/search_suggestion_indicator_icon_bookmark_color_dark_theme</item>
ekager's avatar
ekager committed
231
        <item name="selectLoginHeaderTextColor">@color/accent_high_contrast_private_theme</item>
Sawyer Blatz's avatar
Sawyer Blatz committed
232

233
        <!-- Shared widget colors -->
234 235
        <item name="mozac_primary_text_color">@color/primary_text_private_theme</item>
        <item name="mozac_caption_text_color">@color/caption_text_private_theme</item>
236 237 238
        <item name="mozac_widget_favicon_background_color">@color/mozac_widget_favicon_background_private_theme</item>
        <item name="mozac_widget_favicon_border_color">@color/mozac_widget_favicon_border_private_theme</item>

239
        <!-- Tab Tray -->
240
        <item name="tabTrayItemBackground">@color/tab_tray_item_background_normal_theme</item>
241
        <item name="tabTrayItemSelectedBackground">@color/tab_tray_item_selected_background_private_theme</item>
242
        <item name="tabTrayToolbarBackground">@color/tab_tray_toolbar_background_private_theme</item>
243
        <item name="tabTrayItemMediaBackground">@color/tab_tray_item_media_background_private_theme</item>
244
        <item name="tabTrayHeadingIcon">@color/tab_tray_heading_icon_dark_theme</item>
245
        <item name="tabTrayHeadingIconInactive">@color/tab_tray_heading_icon_inactive_dark_theme</item>
246 247
        <item name="tabTrayThumbnailItemBackground">@color/tab_tray_item_thumbnail_background_normal_theme</item>
        <item name="tabTrayThumbnailIcon">@color/tab_tray_item_thumbnail_icon_normal_theme</item>
248

249 250 251
        <!-- Tab History -->
        <item name="tabHistoryItemSelectedBackground">@color/tab_history_item_selected_background_private_theme</item>

Sawyer Blatz's avatar
Sawyer Blatz committed
252
        <!-- Drawables -->
253
        <item name="fenixLogo">@drawable/ic_logo_wordmark_private</item>
254
        <item name="homeBackground">@drawable/private_home_background_gradient</item>
255
        <item name="torBootstrapBackground">@drawable/tor_bootstrap_background_gradient</item>
256
        <item name="bottomBarBackground">@drawable/private_home_bottom_bar_background_gradient</item>
257
        <item name="bottomBarBackgroundTop">@drawable/private_home_bottom_bar_background_gradient_top</item>
258
        <item name="privateBrowsingButtonBackground">@color/primary_text_private_theme</item>
259
        <item name="privateBrowsingButtonAccent">@color/above_private_theme</item>
260
        <item name="shieldLottieFile">@raw/shield_json_dark</item>
261 262 263 264
    </style>

    <style name="Mozac.Browser.Menu" parent="" tools:ignore="UnusedResources">
        <item name="cardBackgroundColor">?above</item>
265
    </style>
266 267 268
    <style name="Mozac.Browser.Menu2" parent="" tools:ignore="UnusedResources">
        <item name="cardBackgroundColor">?above</item>
    </style>
269

270
    <style name="PrivateTheme" parent="PrivateThemeBase" />
271

272 273 274 275
    <style name="PrivateEOYTheme" parent="PrivateThemeBase" >
        <item name="homeBackground">@android:color/black</item>
    </style>

276 277
    <!-- Fade animation for theme switching -->
    <style name="WindowAnimationTransition">
278 279
        <item name="android:windowEnterAnimation">@anim/fade_in</item>
        <item name="android:windowExitAnimation">@anim/fade_out</item>
280 281
    </style>

282 283 284 285 286 287 288 289
    <!-- UI button styling -->
    <style name="NeutralButton" parent="Widget.MaterialComponents.Button.TextButton">
        <item name="iconTint">@color/button_text_color</item>
        <item name="iconPadding">8dp</item>
        <item name="iconGravity">textStart</item>
        <item name="android:textAlignment">center</item>
        <item name="android:background">@drawable/rounded_button_background</item>
        <item name="android:layout_width">match_parent</item>
290 291
        <item name="android:minHeight">48dp</item>
        <item name="android:layout_height">wrap_content</item>
292 293 294 295 296
        <item name="android:textStyle">bold</item>
        <item name="android:textAllCaps">false</item>
        <item name="backgroundTint">@color/grey_button_color</item>
        <item name="android:textColor">@color/button_text_color</item>
        <item name="rippleColor">?secondaryText</item>
297
        <item name="android:letterSpacing">0</item>
298
        <item name="fontFamily">@font/metropolis_semibold</item>
299 300
    </style>

301 302
    <!-- Ideally we should consolidate this with NeutralButton in the future -->
    <style name="NeutralOnboardingButton" parent="NeutralButton">
303
        <item name="android:background">@drawable/onboarding_padded_background</item>
304
        <item name="backgroundTint">?neutralFaded</item>
305 306 307
        <item name="android:textColor">?primaryText</item>
    </style>

308 309 310 311 312 313 314
    <!-- Ideally we should consolidate this with NeutralButton in the future -->
    <style name="TorDonateOnboardingButton" parent="NeutralButton">
        <item name="android:background">@drawable/tor_onboarding_donate_rounded_corners</item>
        <item name="backgroundTint"></item>
        <item name="android:textColor">#000000</item>
    </style>

315 316
    <style name="DestructiveButton" parent="NeutralButton">
        <item name="iconTint">@color/destructive_button_text_color</item>
317
        <item name="android:textColor">@color/destructive_button_text_color</item>
318 319 320 321 322 323
    </style>

    <style name="PositiveButton" parent="NeutralButton">
        <item name="backgroundTint">?accent</item>
        <item name="iconTint">?contrastText</item>
        <item name="android:textColor">?contrastText</item>
324 325
    </style>

326 327
    <style name="search_pill" parent="Widget.AppCompat.Button.Borderless">
        <item name="android:layout_width">wrap_content</item>
328 329 330
        <item name="android:layout_height">40dp</item>
        <item name="android:paddingTop">4dp</item>
        <item name="android:paddingBottom">4dp</item>
331 332
        <item name="android:textAllCaps">false</item>
        <item name="android:textSize">14sp</item>
333
        <item name="android:textColor">@color/toggle_text_color</item>
334
        <item name="drawableTint">@color/toggle_text_color</item>
335 336 337
        <item name="android:layout_gravity">center_vertical</item>
        <item name="android:gravity">center_vertical</item>
        <item name="android:singleLine">true</item>
Emily Kager's avatar
Emily Kager committed
338
        <item name="android:paddingStart">8dp</item>
339 340 341 342
        <item name="android:paddingEnd">16dp</item>
        <item name="android:drawablePadding">8dp</item>
        <item name="android:minWidth">0dp</item>
        <item name="android:minHeight">0dp</item>
Emily Kager's avatar
Emily Kager committed
343
        <item name="android:background">@drawable/search_pill_drawable_button_background</item>
344
    </style>
345

346 347 348 349
    <style name="SitePermissionButton" parent="Widget.AppCompat.Button.Borderless">
        <item name="android:layout_height">wrap_content</item>
        <item name="android:layout_width">wrap_content</item>
        <item name="android:foreground">?android:attr/selectableItemBackground</item>
350
        <item name="android:textAllCaps">false</item>
351
        <item name="android:textColor">?primaryText</item>
352 353
        <item name="android:paddingStart">24dp</item>
        <item name="android:paddingEnd">24dp</item>
354
        <item name="android:elevation">0dp</item>
355
        <item name="fontFamily">@font/metropolis_semibold</item>
356 357 358 359 360 361 362 363
    </style>

    <style name="SitePermissionCancelButton" parent="SitePermissionButton">
        <item name="android:textColor">?accent</item>
        <item name="android:backgroundTint">?foundation</item>
    </style>

    <style name="SitePermissionPrimaryButton" parent="SitePermissionButton">
364
        <item name="android:background">@drawable/dialog_button_background</item>
365 366
        <item name="android:textColor">?contrastText</item>
        <item name="android:backgroundTint">?accent</item>
367 368
    </style>

369
    <style name="DialogStyleBase" parent="NormalTheme">
370
        <item name="android:textAppearance">@style/TextAppearance.AppCompat</item>
371 372
        <item name="android:colorControlNormal">?accentHighContrast</item>
        <item name="android:colorControlActivated">?accentHighContrast</item>
373
        <item name="android:colorControlHighlight">?accentBright</item>
374

375 376 377
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowAnimationStyle">@style/Animation.Design.BottomSheetDialog</item>
        <item name="windowNoTitle">true</item>
378 379
        <item name="android:windowIsFloating">false</item>
        <item name="android:windowSoftInputMode">adjustResize</item>
380
        <item name="windowActionBar">false</item>
381
        <item name="android:windowFullscreen">false</item>
382 383 384 385 386
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:navigationBarColor">@android:color/transparent</item>
        <item name="android:windowTranslucentNavigation">true</item>
    </style>

387
    <style name="HeaderTextStyle" parent="TextAppearance.MaterialComponents.Subtitle1">
388
        <item name="android:textSize">18sp</item>
Sawyer Blatz's avatar
Sawyer Blatz committed
389
        <item name="android:textColor">?primaryText</item>
390
        <item name="fontFamily">@font/metropolis_semibold</item>
391
    </style>
392

393 394 395 396
    <style name="TorHeaderTextStyle" parent="TextAppearance.MaterialComponents.Subtitle1">
        <item name="android:textSize">18sp</item>
        <item name="android:textColor">#000000</item>
        <item name="fontFamily">@font/metropolis_semibold</item>
397 398 399 400 401 402
    </style>

    <style name="Header24TextStyle" parent="TextAppearance.MaterialComponents.Body1">
        <item name="android:textColor">?primaryText</item>
        <item name="android:textSize">24sp</item>
        <item name="fontFamily">@font/metropolis_semibold</item>
403 404
    </style>

405 406 407
    <style name="Header16TextStyle" parent="TextAppearance.MaterialComponents.Body1">
        <item name="android:textColor">?primaryText</item>
        <item name="android:textSize">16sp</item>
408
        <item name="fontFamily">@font/metropolis_semibold</item>
409 410
    </style>

411
    <style name="Header14TextStyle" parent="TextAppearance.MaterialComponents.Body2">
Sawyer Blatz's avatar
Sawyer Blatz committed
412
        <item name="android:textColor">?primaryText</item>
413
        <item name="android:textSize">14sp</item>
414
        <item name="fontFamily">@font/metropolis_semibold</item>
415 416
    </style>

417 418 419 420
    <style name="Header12TextStyle" parent="TextAppearance.MaterialComponents.Body2">
        <item name="android:textColor">?secondaryText</item>
        <item name="android:textSize">12sp</item>
        <item name="android:textStyle">bold</item>
421
        <item name="fontFamily">@font/metropolis_semibold</item>
422 423 424 425 426 427 428
    </style>

    <style name="Body14TextStyle" parent="TextAppearance.MaterialComponents.Body2">
        <item name="android:textColor">?primaryText</item>
        <item name="android:textSize">14sp</item>
    </style>

429 430 431 432
    <style name="Body16TextStyle" parent="TextAppearance.MaterialComponents.Body1">
        <item name="android:textColor">?primaryText</item>
    </style>

433 434 435 436
    <style name="TorBody16TextStyle" parent="TextAppearance.MaterialComponents.Body1">
        <item name="android:textColor">#000000</item>
    </style>

437 438 439
    <style name="SubtitleTextStyle" parent="TextAppearance.MaterialComponents.Body1">
        <item name="android:textColor">?secondaryText</item>
        <item name="android:textSize">14sp</item>
440
        <item name="fontFamily">@font/metropolis_semibold</item>
441 442
    </style>

443 444 445
    <style name="Subtitle12TextStyle" parent="TextAppearance.MaterialComponents.Body1">
        <item name="android:textColor">?secondaryText</item>
        <item name="android:textSize">12sp</item>
446
        <item name="fontFamily">@font/metropolis_semibold</item>
447 448
    </style>

449 450
    <style name="ToolbarTitleTextStyle" parent="HeaderTextStyle">
        <item name="android:textSize">20sp</item>
451
        <item name="fontFamily">@font/metropolis_semibold</item>
452 453 454
    </style>

    <style name="ListItemTextStyle" parent="TextAppearance.MaterialComponents.Subtitle1">
Sawyer Blatz's avatar
Sawyer Blatz committed
455
        <item name="android:textColor">?primaryText</item>
456
    </style>
457 458 459 460

    <style name="progressBarStyleHorizontal" parent="@style/Widget.AppCompat.ProgressBar.Horizontal">
        <item name="android:progressDrawable">@drawable/progress_gradient</item>
    </style>
461

462
    <style name="QuickSettingsText">
463
        <item name="android:textColor">@color/state_list_text_color</item>
464 465
        <item name="android:textSize">14sp</item>
        <item name="android:paddingStart">16dp</item>
466
        <item name="android:paddingEnd">16dp</item>
467 468 469 470
        <item name="android:gravity">center_vertical</item>
        <item name="android:layout_alignParentStart">true</item>
    </style>

Kate Glazko's avatar
Kate Glazko committed
471
    <style name="QuickSettingsSmallText">
Kate Glazko's avatar
Kate Glazko committed
472
        <item name="android:textColor">?secondaryText</item>
Kate Glazko's avatar
Kate Glazko committed
473 474 475 476 477 478
        <item name="android:textSize">12sp</item>
        <item name="android:paddingEnd">16dp</item>
        <item name="android:gravity">top</item>
        <item name="android:layout_alignParentStart">true</item>
    </style>

479 480 481 482 483 484 485 486 487 488 489 490 491
    <style name="QuickSettingsLargeText">
        <item name="android:textColor">@color/state_list_text_color</item>
        <item name="android:textSize">16sp</item>
        <item name="android:paddingStart">16dp</item>
        <item name="android:paddingEnd">16dp</item>
        <item name="android:gravity">center_vertical</item>
        <item name="android:layout_alignParentStart">true</item>
    </style>

    <style name="QuickSettingsLargeText.Icon">
        <item name="android:drawablePadding">8dp</item>
    </style>

492 493 494 495 496 497 498 499 500
    <style name="QuickSettingsText.Icon">
        <item name="android:drawablePadding">8dp</item>
    </style>

    <style name="QuickSettingsText.PermissionItemEnd">
        <item name="android:layout_alignParentEnd">true</item>
        <item name="android:paddingEnd">24dp</item>
        <item name="android:gravity">end|center_vertical</item>
        <item name="android:background">?android:attr/selectableItemBackground</item>
501
        <item name="android:textColor">?accentUsedOnDarkBackground</item>
502
    </style>
503 504 505 506

    <style name="OnboardingCardLight">
        <item name="android:background">@drawable/onboarding_card_background_light</item>
        <item name="android:layout_marginBottom">16dp</item>
507
        <item name="android:elevation">5dp</item>
508
    </style>
509

510 511 512 513 514
    <style name="OnboardingCardLightWithPadding" parent="OnboardingCardLight">
        <item name="android:padding">16dp</item>
    </style>

    <style name="OnboardingCardDark" parent="OnboardingCardLightWithPadding">
515
        <item name="android:background">@drawable/onboarding_card_background_dark</item>
516
        <item name="android:elevation">0dp</item>
517
    </style>
518

519 520 521 522
    <style name="TorOnboardingDonateCardLightWithPadding" parent="OnboardingCardDark">
        <item name="android:background">@drawable/tor_onboarding_donate_gradient</item>
    </style>

523
    <style name="SearchEngineShortcutsLabelStyle">
524
        <item name="android:fontFamily">@font/metropolis_semibold</item>
525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541
        <item name="android:letterSpacing">0.15</item>
        <item name="android:textAllCaps">true</item>
        <item name="android:textColor">?secondaryText</item>
        <item name="android:textSize">@dimen/search_fragment_shortcuts_label_text_size</item>
        <item name="android:textStyle">bold</item>
    </style>

    <style name="SearchClipboardStyle">
        <item name="android:ellipsize">end</item>
        <item name="android:maxLines">1</item>
    </style>

    <style name="SearchClipboardTitleStyle" parent="SearchClipboardStyle">
        <item name="android:textColor">?primaryText</item>
        <item name="android:textSize">@dimen/search_fragment_clipboard_title_text_size</item>
    </style>

542 543 544 545
    <style name="MetropolisButton">
        <item name="fontFamily">@font/metropolis_semibold</item>
    </style>

546 547 548 549 550
    <style name="SearchClipboardUrlStyle" parent="SearchClipboardStyle">
        <item name="android:textAppearance">@style/Subtitle12TextStyle</item>
        <item name="android:textColor">?fillLinkFromClipboard</item>
    </style>

551
    <style name="CreateCollectionDialogStyle" parent="DialogStyleBase"/>
552
    <style name="CreateShortcutDialogStyle" parent="DialogStyleBase"/>
553
    <style name="CreateShortcutDialogButton" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
554 555 556 557
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:minHeight">40dp</item>
        <item name="android:layout_marginTop">32dp</item>
558
        <item name="android:textColor">?accentUsedOnDarkBackground</item>
559
        <item name="android:fontFamily">@font/metropolis_semibold</item>
Mihai Branescu's avatar
Mihai Branescu committed
560
    </style>
561

Mihai Branescu's avatar
Mihai Branescu committed
562 563 564 565 566 567
    <style name="ShareHeaderTextStyle">
        <item name="android:singleLine">true</item>
        <item name="android:textAllCaps">true</item>
        <item name="android:textColor">?secondaryText</item>
        <item name="android:textSize">@dimen/share_header_text_size</item>
        <item name="android:textStyle">bold</item>
568
        <item name="fontFamily">@font/metropolis_semibold</item>
569 570
    </style>

571 572
    <style name="FirefoxAccountsDialogStyle" parent="DialogStyleBase">
        <item name="android:windowBackground">@drawable/scrim_background</item>
573
        <item name="android:colorControlHighlight">@android:color/transparent</item>
574
    </style>
575 576

    <style name="ShareDialogStyle" parent="DialogStyleBase"/>
Jeff Boek's avatar
Jeff Boek committed
577

578
    <style name="AboutItemText" parent="TextAppearance.MaterialComponents.Body2">
579
        <item name="android:textColor">?aboutLink</item>
580 581 582 583 584 585 586 587 588 589
        <item name="android:textSize">@dimen/about_items_text_size</item>
        <item name="android:paddingStart">@dimen/about_list_item_text_padding</item>
        <item name="android:paddingEnd">@dimen/about_list_item_text_padding</item>
        <item name="android:ellipsize">end</item>
        <item name="android:maxLines">1</item>
        <item name="android:minLines">1</item>
        <item name="fontFamily">sans-serif-medium</item>
    </style>

    <style name="AboutHeaderContentText" parent="TextAppearance.MaterialComponents.Subtitle1">
590
        <item name="android:textColor">?primaryText</item>
591 592 593
        <item name="android:lineSpacingExtra">@dimen/about_header_text_line_spacing_extra</item>
    </style>

Jeff Boek's avatar
Jeff Boek committed
594 595 596
    <style name="EngineTextField" parent="TextAppearance.AppCompat">
        <item name="android:textSize">14sp</item>
    </style>
597

598 599 600 601 602 603 604 605
    <style name="Theme.Transparent" parent="android:Theme">
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:backgroundDimEnabled">false</item>
    </style>
606 607 608 609

    <style name="SearchViewStyle" parent="Widget.AppCompat.SearchView">
        <item name="searchHintIcon">@null</item>
    </style>
610 611 612 613

    <style name="AutoCompleteTextViewStyle" parent="Widget.AppCompat.AutoCompleteTextView">
        <item name="android:textColorHint">@color/search_view_hint_color</item>
    </style>
614

615 616 617
    <style name="BottomSheetPrivate" parent="@style/BottomSheetBasePrivate" />

    <style name="BottomSheet" parent="@style/BottomSheetBase" />
618

619
    <style name="BottomSheetBasePrivate" parent="Theme.MaterialComponents.BottomSheetDialog">
620 621
        <item name="android:windowIsFloating">false</item>
        <item name="android:statusBarColor">@android:color/transparent</item>
622
        <item name="android:colorBackground">?foundation</item>
623 624
    </style>

625 626 627 628 629 630 631 632 633 634 635 636 637 638
    <style name="BottomSheetBase" parent="Theme.MaterialComponents.Light.BottomSheetDialog">
        <item name="android:windowIsFloating">false</item>
        <item name="android:statusBarColor">@android:color/transparent</item>
        <item name="android:colorBackground">?foundation</item>
    </style>

    <!-- Tab Tray does not present a private theme, so it needs to be separate from other bottom sheet styles -->
    <style name="TabTrayDialogStyleBase" parent="BottomSheetBase">
        <item name="bottomSheetStyle">@style/BottomSheetModal</item>
        <item name="android:colorBackground">@color/foundation_normal_theme</item>
    </style>

    <style name="TabTrayDialogStyle" parent="TabTrayDialogStyleBase" />

639 640 641 642 643
    <!-- Stuff to make the bottom sheet with round top borders -->
    <style name="BottomSheetShapeAppearance" parent="ShapeAppearance.MaterialComponents.LargeComponent">
        <item name="cornerFamily">rounded</item>
        <item name="cornerSizeTopLeft">16dp</item>
        <item name="cornerSizeTopRight">16dp</item>
644 645 646
        <item name="colorSurface">@color/photonPurple50</item>
        <item name="android:backgroundTint">@color/photonPurple50</item>
        <item name="android:colorBackground">@color/photonPurple50</item>
647 648 649 650
    </style>

    <style name="BottomSheetModal" parent="Widget.Design.BottomSheet.Modal">
        <item name="shapeAppearance">@style/BottomSheetShapeAppearance</item>
651
        <item name="behavior_fitToContents">false</item>
652
        <item name="behavior_expandedOffset">80</item>
653 654
        <item name="behavior_skipCollapsed">false</item>
        <item name="behavior_halfExpandedRatio">0.4</item>
655 656
    </style>

657 658 659 660 661 662 663 664
    <style name="TopSite.Favicon" parent="Mozac.Widgets.Favicon">
        <item name="android:layout_width">@dimen/top_sites_favicon_size</item>
        <item name="android:layout_height">@dimen/top_sites_favicon_size</item>
        <item name="android:scaleType">fitCenter</item>
        <item name="android:padding">@dimen/top_sites_favicon_padding</item>
        <item name="android:background">@drawable/mozac_widget_favicon_background</item>
    </style>

665 666 667
    <style name="TabTrayFab" parent="Widget.MaterialComponents.ExtendedFloatingActionButton">
        <item name="elevation">90dp</item>
        <item name="android:stateListAnimator">@null</item>
668
    </style>
669

670
    <style name="SearchDialogStyle">
671
        <item name="android:windowAnimationStyle">@null</item>
672 673 674 675 676 677 678 679 680 681 682 683 684
        <item name="android:textAppearance">@style/TextAppearance.AppCompat</item>
        <item name="android:colorControlNormal">?accentHighContrast</item>
        <item name="android:colorControlActivated">?accentHighContrast</item>
        <item name="android:colorControlHighlight">?accentBright</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="windowNoTitle">true</item>
        <item name="android:windowIsFloating">false</item>
        <item name="android:windowSoftInputMode">adjustResize</item>
        <item name="windowActionBar">false</item>
        <item name="android:windowFullscreen">false</item>
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:navigationBarColor">@android:color/transparent</item>
        <item name="android:windowTranslucentNavigation">true</item>
685
    </style>
Jeff Boek's avatar
Jeff Boek committed
686
</resources>