styles.xml (18120B)
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> 6 <style name="AppTheme" parent="Theme.Material3.DayNight.NoActionBar"> 7 <item name="colorPrimary">@color/colorPrimary</item> 8 <!-- This is the default color for activated controls(buttons) --> 9 <item name="colorAccent">@color/accentBright</item> 10 <item name="android:windowBackground">@color/modal_background</item> 11 <item name="materialButtonOutlinedStyle">@style/Widget.App.Button.OutlinedButton</item> 12 <item name="popupMenuBackground">@color/modal_background</item> 13 14 <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item> 15 <item name="android:windowContentTransitions">true</item> 16 <item name="popupMenuStyle">@style/PopupMenu</item> 17 <item name="bottomSheetDialogTheme">@style/AppBottomSheetDialogTheme</item> 18 <item name="disabled">@color/disabled</item> 19 <item name="destructive">@color/destructive</item> 20 <item name="switchStyle">@style/App.Widget.Switch</item> 21 <item name="checkboxStyle">@style/App.Widget.CompoundButton.CheckBox</item> 22 <item name="radioButtonStyle">@style/App.Widget.CompoundButton.RadioButton</item> 23 24 <!-- Use the same colors for both themes until light theme it will be implemented --> 25 <item name="primaryText">@color/primaryText</item> 26 <item name="secondaryText">@color/secondaryText</item> 27 <item name="colorControlNormal">@color/primaryText</item> 28 <item name="android:textColorSecondary">@color/secondaryText</item> 29 30 <item name="android:statusBarColor">@android:color/transparent</item> 31 <item name="preferenceTheme">@style/PreferenceTheme</item> 32 <item name="alertDialogStyle">@style/DialogStyle</item> 33 <item name="alertDialogTheme">@style/DialogStyle</item> 34 <item name="materialAlertDialogTheme">@style/DialogStyle</item> 35 <item name="android:progressBarStyleHorizontal">@style/progressBarStyleHorizontal</item> 36 <item name="android:itemBackground">@color/menuBackground</item> 37 <item name="android:itemTextAppearance">@style/ItemTextAppearance</item> 38 <item name="tabCounterTintColor">?primaryText</item> 39 </style> 40 41 <style name="Theme.App.Starting" parent="Theme.SplashScreen"> 42 <item name="windowSplashScreenBackground">@color/splash_screen_background</item> 43 <item name="windowSplashScreenAnimatedIcon">@drawable/ic_splash_screen</item> 44 <item name="postSplashScreenTheme">@style/AppTheme</item> 45 </style> 46 47 <style name="Theme.CrashActivityTheme" parent="Theme.AppCompat.NoActionBar"> 48 </style> 49 50 <style name="Widget.App.Button.OutlinedButton" parent="Widget.Material3.Button.OutlinedButton"> 51 <item name="android:textColor">@color/contrastColor</item> 52 </style> 53 54 <!-- Fade animation for theme switching --> 55 <style name="WindowAnimationTransition"> 56 <item name="android:windowEnterAnimation">@anim/fade_in</item> 57 <item name="android:windowExitAnimation">@anim/fade_out</item> 58 </style> 59 60 <style name="Theme.AppCompat.Translucent" parent="Theme.AppCompat.NoActionBar"> 61 <item name="android:background">@android:color/transparent</item> 62 <item name="android:windowNoTitle">true</item> 63 <item name="android:windowBackground">@android:color/transparent</item> 64 <item name="android:colorBackgroundCacheHint">@null</item> 65 <item name="android:windowIsTranslucent">true</item> 66 <item name="android:windowAnimationStyle">@android:style/Animation</item> 67 </style> 68 69 <style name="ItemTextAppearance" parent="TextAppearance.AppCompat.Widget.DropDownItem"> 70 <item name="android:textColor">@color/primaryText</item> 71 <item name="android:textSize">@dimen/mozac_browser_menu_item_text_size</item> 72 </style> 73 74 <style name="PreferenceTheme" parent="PreferenceThemeOverlay.v14.Material"> 75 <item name="android:layout">@layout/fragment_settings</item> 76 <item name="android:listPreferredItemPaddingLeft">@dimen/activity_horizontal_margin</item> 77 <item name="android:listPreferredItemPaddingRight">@dimen/activity_horizontal_margin</item> 78 79 <!-- Use the same colors for both themes until light theme it will be implemented --> 80 <item name="android:textColor">@color/primaryText</item> 81 <item name="titleTextColor">@color/primaryText</item> 82 </style> 83 84 <style name="DialogTitleStyle" parent="TextAppearance.AppCompat.Title"> 85 <item name="android:textColor">@color/primaryText</item> 86 <item name="android:textSize">20sp</item> 87 <item name="android:fontFamily">@string/font_roboto_medium</item> 88 </style> 89 90 <style name="AddToHomeScreenSiteTitle" parent="Widget.AppCompat.EditText"> 91 <item name="android:textSize">20sp</item> 92 <item name="android:inputType">text</item> 93 <item name="android:textColor">@color/primaryText</item> 94 <item name="android:textCursorDrawable">@null</item> 95 </style> 96 97 <!-- Setting this via alertDialogStyle in AppTheme results in crashes. You need to 98 explicitly select this via "MaterialAlertDialogBuilder(activity, R.style.DialogStyle)" 99 We need this style because the accent colour for the MainActivity is purple, 100 but we want different accents in the dialog. --> 101 <style name="DialogStyle" parent="ThemeOverlay.Material3.MaterialAlertDialog"> 102 <item name="android:windowTitleStyle">@style/DialogTitleStyle</item> 103 <item name="android:textColorPrimary">@color/primaryText</item> 104 <item name="dialogPreferredPadding">24dp</item> 105 <item name="android:windowBackground">@drawable/dialog_background</item> 106 <item name="android:background">@drawable/dialog_background</item> 107 108 <!-- This is the default color for activated controls(buttons) --> 109 <item name="android:colorAccent">@color/accentBright</item> 110 <item name="textColorAlertDialogListItem">@color/primaryText</item> 111 <item name="colorControlActivated">@color/accentBright</item> 112 <item name="colorControlNormal">@color/accentBright</item> 113 <item name="buttonBarNegativeButtonStyle">@style/DialogButtonStyle</item> 114 <item name="buttonBarPositiveButtonStyle">@style/DialogButtonStyle</item> 115 <item name="shapeAppearance">@style/MaterialAlertDialogShapeAppearance</item> 116 </style> 117 118 <style name="MaterialAlertDialogShapeAppearance" parent=""> 119 <item name="cornerFamily">rounded</item> 120 <item name="cornerSize">@dimen/material_dialog_corner_radius</item> 121 </style> 122 123 <style name="DialogButtonStyle" parent="Widget.MaterialComponents.Button.TextButton.Dialog"> 124 <item name="android:textColor">@color/accentBright</item> 125 </style> 126 127 <style name="ButtonStyle" parent="Widget.Material3.Button.TextButton.Dialog"> 128 <item name="android:layout_width">wrap_content</item> 129 <item name="android:layout_height">wrap_content</item> 130 <item name="android:textAllCaps">true</item> 131 <item name="android:textColor">@color/accentBright</item> 132 <item name="android:textSize">14sp</item> 133 <item name="android:fontFamily">@font/metropolis_semibold</item> 134 </style> 135 136 <style name="SettingsTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar.Bridge"> 137 <item name="android:textColorSecondary">@color/preference_summary_text</item> 138 <item name="colorAccent">@color/accentBright</item> 139 <item name="android:windowTitleStyle">@style/DialogTitleStyle</item> 140 <item name="dialogPreferredPadding">24dp</item> 141 <item name="actionButtonStyle">@style/SettingsActionButtonStyle</item> 142 <item name="android:dialogTheme">@style/DialogStyle</item> 143 <item name="alertDialogTheme">@style/DialogStyle</item> 144 <item name="android:alertDialogStyle">@style/DialogStyle</item> 145 <item name="android:alertDialogTheme">@style/DialogStyle</item> 146 <item name="android:dialogPreferenceStyle">@style/DialogStyle</item> 147 </style> 148 149 <style name="SettingsActionButtonStyle" parent="@style/Widget.AppCompat.ActionButton"> 150 <!-- We want 16dp of padding between (i) and "SAVE" on the "Add search engine" Toolbar. 151 Unfortunately, this Toolbar is shared across all of settings. Solutions: 152 1) (Current solution) Change the toolbar styles for all of settings 153 2) Dynamically change the styles for the Toolbar, in code, for this one Settings screen 154 3) Provide a unique toolbar for this one Settings screen 155 156 I opted for 1) because it's simple (we're pressed for time!) and no other screens have more 157 than one action button and are affected. This isn't very future proof, however. 158 159 We set paddingEnd=12dp to preserve the existing padding of the right-most action menu item to 160 the edge of the device (12dp) and set paddingStart=4dp to complete the 16dp between views. 161 We then set minWidth=0dp to avoid it's calculations affecting visible padding. 162 163 One concern I have is that paddingStart=4dp will cause the title to get too close to the 164 action menu items, but testing with German, that doesn't seem to be the case. --> 165 <item name="android:minWidth">0dp</item> 166 <item name="android:paddingStart">4dp</item> 167 <item name="android:paddingEnd">12dp</item> 168 </style> 169 170 <style name="InfoTheme" parent="SettingsTheme"> 171 <item name="android:colorBackground">?attr/colorPrimary</item> 172 </style> 173 174 <style name="PopupMenu" parent="@style/Widget.AppCompat.Light.PopupMenu"> 175 <item name="overlapAnchor">true</item> 176 </style> 177 178 <style name="Mozac.Browser.Menu" parent=""> 179 <item name="cardBackgroundColor">@color/menuBackground</item> 180 </style> 181 182 <!-- Add new style to be able to use the same menu item style for both themes until light theme it will be implemented --> 183 <style name="Mozac.Browser.Menu.Item.Text" parent="@android:style/TextAppearance.Material.Menu"> 184 <item name="android:background">?android:attr/selectableItemBackground</item> 185 <item name="android:textSize">@dimen/mozac_browser_menu_item_text_size</item> 186 <item name="android:ellipsize">end</item> 187 <item name="android:lines">1</item> 188 <item name="android:focusable">true</item> 189 <item name="android:clickable">true</item> 190 <item name="android:textColor">@color/primaryText</item> 191 </style> 192 193 <style name="AppTheme.ContextMenuItem"> 194 195 <!-- All these attributes bellow need to be defined in a theme using android:theme 196 otherwise they will have no effect... --> 197 <item name="android:listPreferredItemHeightSmall">48dp</item> 198 199 <!-- Set the padding to the children (menu item) of the NavigationView 200 (instead of the NavigationView itself) allowing the hit targets 201 to span the full width of the view. For more info, see 202 https://github.com/mozilla-mobile/focus-android/pull/1466#discussion_r144679954. 203 204 Note: listPreferredItemPaddingStart and listPreferredItemPaddingEnd 205 don't work in this context because in the design_navigation_item.xml (layout for NavigationMenuItem) 206 only listPreferredItemPaddingLeft and listPreferredItemPaddingRight attribute 207 are used for paddingLeft and paddingRight properties. 208 Check design_navigation_item.xml source here : 209 https://android.googlesource.com/platform/frameworks/support.git/+/master/design/res/layout/design_navigation_item.xml 210 --> 211 <item name="listPreferredItemPaddingLeft">@dimen/dialogHorizontalPadding</item> 212 <item name="listPreferredItemPaddingRight">@dimen/dialogHorizontalPadding</item> 213 </style> 214 215 <style name="ContextMenuTextAppearence"> 216 <item name="android:textSize">16sp</item> 217 <item name="android:fontFamily">@string/font_roboto_medium</item> 218 <item name="android:textStyle">normal</item> 219 <item name="android:textColor">@color/primaryText</item> 220 </style> 221 222 223 <style name="DoorHanger"> 224 <item name="android:textColor">@color/primaryText</item> 225 <item name="android:textColorLink">@color/doorhanger_link</item> 226 </style> 227 228 <style name="DoorHanger.Medium"> 229 <item name="android:textSize">16sp</item> 230 </style> 231 232 <style name="DoorHanger.Medium.Bold"> 233 <item name="android:fontFamily">sans-serif-medium</item> 234 </style> 235 236 <style name="DoorHanger.Medium.Light"> 237 <item name="android:fontFamily">sans-serif-light</item> 238 </style> 239 240 <style name="HintTextAppearance"> 241 <item name="android:textColor">@color/secondaryText</item> 242 <item name="android:textSize">9sp</item> 243 </style> 244 245 <style name="ColorHandleTheme"> 246 <item name="android:colorControlActivated">@color/photonBlue50</item> 247 </style> 248 249 <style name="progressBarStyleHorizontal" parent="@style/Widget.AppCompat.ProgressBar.Horizontal"> 250 <item name="android:progressDrawable">@drawable/photon_progressbar</item> 251 </style> 252 253 <style name="PanelTitle" parent="Widget.MaterialComponents.TextView"> 254 <item name="android:textSize">14sp</item> 255 <item name="android:textColor">@color/primaryText</item> 256 </style> 257 258 <style name="PanelHeading" parent="Widget.MaterialComponents.TextView"> 259 <item name="fontFamily">@font/metropolis</item> 260 <item name="android:textSize">16sp</item> 261 <item name="android:textColor">@color/primaryText</item> 262 <item name="android:textStyle">bold</item> 263 <item name="android:letterSpacing">0.03</item> 264 <item name="android:lineSpacingExtra">1sp</item> 265 </style> 266 267 <style name="TrackerSwitchTitle" parent="Widget.MaterialComponents.TextView"> 268 <item name="android:textSize">14sp</item> 269 <item name="android:textColor">@color/primaryText</item> 270 </style> 271 272 <style name="TrackersCount" parent="Widget.MaterialComponents.TextView"> 273 <item name="fontFamily">@font/metropolis</item> 274 <item name="android:textSize">20sp</item> 275 <item name="android:textStyle">bold</item> 276 <item name="android:textColor">@color/primaryText</item> 277 <item name="android:lineSpacingExtra">1sp</item> 278 279 </style> 280 281 <style name="CaptionText" parent="Widget.MaterialComponents.TextView"> 282 <item name="android:textSize">12sp</item> 283 <item name="android:textColor">@color/disabled</item> 284 </style> 285 286 <style name="SwitchTitle" parent="Widget.MaterialComponents.TextView"> 287 <item name="android:textSize">14sp</item> 288 <item name="android:textColor">@color/primaryText</item> 289 </style> 290 291 <style name="SwitchDescription" parent="Widget.MaterialComponents.TextView"> 292 <item name="android:textSize">12sp</item> 293 <item name="android:textColor">@color/disabled</item> 294 </style> 295 296 <style name="AppBottomSheetDialogTheme" parent="Theme.Design.Light.BottomSheetDialog"> 297 <item name="bottomSheetStyle">@style/AppModalStyle</item> 298 </style> 299 300 <style name="AppModalStyle" parent="Widget.Design.BottomSheet.Modal"> 301 <item name="android:background">@color/modal_background</item> 302 </style> 303 304 <style name="App.Widget.Switch" parent="Widget.Material3.CompoundButton.Switch"> 305 <item name="android:theme">@style/SwitchTheme</item> 306 <item name="thumbTint">@color/thumb_color_selector</item> 307 <item name="trackTint">@color/track_color_selector</item> 308 </style> 309 310 <style name="SwitchTheme" parent="Theme.AppCompat.Light"> 311 <item name="colorControlActivated">@color/accentBright</item> 312 </style> 313 314 <style name="App.Widget.CompoundButton.CheckBox" parent="Widget.Material3.CompoundButton.CheckBox"> 315 <item name="buttonTint">@color/compound_button_color_selector</item> 316 </style> 317 318 <style name="App.Widget.CompoundButton.RadioButton" parent="Widget.Material3.CompoundButton.RadioButton"> 319 <item name="buttonTint">@color/compound_button_color_selector</item> 320 </style> 321 322 <style name="Preference.Title" parent="Widget.MaterialComponents.TextView"> 323 <item name="android:textColor">@color/preference_title_text</item> 324 <item name="android:textSize">16sp</item> 325 <item name="android:lineSpacingExtra">5sp</item> 326 </style> 327 328 <style name="Preference.Summary" parent="Widget.MaterialComponents.TextView"> 329 <item name="android:textColor">@color/preference_summary_text</item> 330 <item name="android:textSize">14sp</item> 331 <item name="android:letterSpacing">0.03</item> 332 </style> 333 334 <style name="PreferenceScreenHeader"> 335 <item name="android:textColor">@color/preference_summary_text</item> 336 <item name="android:textSize">16sp</item> 337 <item name="fontFamily">@font/metropolis</item> 338 <item name="android:lineSpacingExtra">1sp</item> 339 <item name="android:letterSpacing">0.03</item> 340 </style> 341 342 <style name="PreferenceSectionHeader"> 343 <item name="android:textColor">@color/preference_title_text</item> 344 <item name="android:textSize">14sp</item> 345 <item name="fontFamily">@font/metropolis</item> 346 <item name="android:letterSpacing">0.04</item> 347 <item name="android:textStyle">bold</item> 348 </style> 349 350 <style name="MetropolisButton"> 351 <item name="fontFamily">@font/metropolis_semibold</item> 352 <item name="android:textSize">14sp</item> 353 <item name="android:letterSpacing">0.04</item> 354 <item name="android:minHeight">48dp</item> 355 <item name="android:minWidth">48dp</item> 356 <item name="android:background">?android:attr/selectableItemBackgroundBorderless</item> 357 </style> 358 359 </resources>