Source code
Revision control
Copy as Markdown
Other Tools
<?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
<style name="AppTheme" parent="Theme.Material3.DayNight.NoActionBar">
<item name="colorPrimary">@color/colorPrimary</item>
<!-- This is the default color for activated controls(buttons) -->
<item name="colorAccent">@color/accentBright</item>
<item name="android:windowBackground">@color/modal_background</item>
<item name="android:textColorLink">@color/accentBright</item>
<item name="materialButtonOutlinedStyle">@style/Widget.App.Button.OutlinedButton</item>
<item name="popupMenuBackground">@color/modal_background</item>
<item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
<item name="android:windowContentTransitions">true</item>
<item name="popupMenuStyle">@style/PopupMenu</item>
<item name="bottomSheetDialogTheme">@style/AppBottomSheetDialogTheme</item>
<item name="disabled">@color/disabled</item>
<item name="destructive">@color/destructive</item>
<item name="switchStyle">@style/App.Widget.Switch</item>
<item name="checkboxStyle">@style/App.Widget.CompoundButton.CheckBox</item>
<item name="radioButtonStyle">@style/App.Widget.CompoundButton.RadioButton</item>
<item name="textInputStyle">@style/Widget.App.TextInputLayout</item>
<!-- Use the same colors for both themes until light theme it will be implemented -->
<item name="primaryText">@color/primaryText</item>
<item name="secondaryText">@color/secondaryText</item>
<item name="colorControlNormal">@color/primaryText</item>
<item name="android:textColorSecondary">@color/secondaryText</item>
<item name="android:statusBarColor">@android:color/transparent</item>
<item name="preferenceTheme">@style/PreferenceTheme</item>
<item name="alertDialogStyle">@style/DialogStyle</item>
<item name="alertDialogTheme">@style/DialogStyle</item>
<item name="materialAlertDialogTheme">@style/DialogStyle</item>
<item name="android:progressBarStyleHorizontal">@style/progressBarStyleHorizontal</item>
<item name="android:itemBackground">@color/menuBackground</item>
<item name="android:itemTextAppearance">@style/ItemTextAppearance</item>
<item name="tabCounterTintColor">?primaryText</item>
<item name="materialTimePickerTheme">@style/MaterialTimePicker</item>
<item name="materialCalendarTheme">@style/MaterialCalendar</item>
</style>
<style name="Theme.App.Starting" parent="Theme.SplashScreen">
<item name="windowSplashScreenBackground">@color/splash_screen_background</item>
<item name="windowSplashScreenAnimatedIcon">@drawable/ic_splash_screen</item>
<item name="postSplashScreenTheme">@style/AppTheme</item>
</style>
<style name="Widget.App.Button.OutlinedButton" parent="Widget.Material3.Button.OutlinedButton">
<item name="android:textColor">@color/contrastColor</item>
</style>
<!-- Fade animation for theme switching -->
<style name="WindowAnimationTransition">
<item name="android:windowEnterAnimation">@anim/fade_in</item>
<item name="android:windowExitAnimation">@anim/fade_out</item>
</style>
<style name="Theme.AppCompat.Translucent" parent="Theme.AppCompat.NoActionBar">
<item name="android:background">@android:color/transparent</item>
<item name="android:windowNoTitle">true</item>
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:colorBackgroundCacheHint">@null</item>
<item name="android:windowIsTranslucent">true</item>
<item name="android:windowAnimationStyle">@android:style/Animation</item>
</style>
<style name="ItemTextAppearance" parent="TextAppearance.AppCompat.Widget.DropDownItem">
<item name="android:textColor">@color/primaryText</item>
<item name="android:textSize">@dimen/dropdown_item_text_size</item>
</style>
<style name="PreferenceTheme" parent="PreferenceThemeOverlay.v14.Material">
<item name="android:layout">@layout/fragment_settings</item>
<item name="android:listPreferredItemPaddingLeft">@dimen/activity_horizontal_margin</item>
<item name="android:listPreferredItemPaddingRight">@dimen/activity_horizontal_margin</item>
<!-- Use the same colors for both themes until light theme it will be implemented -->
<item name="android:textColor">@color/primaryText</item>
<item name="titleTextColor">@color/primaryText</item>
</style>
<style name="DialogTitleStyle" parent="TextAppearance.AppCompat.Title">
<item name="android:textColor">@color/primaryText</item>
<item name="android:textSize">20sp</item>
<item name="android:fontFamily">@string/font_roboto_medium</item>
</style>
<style name="AddToHomeScreenSiteTitle" parent="Widget.AppCompat.EditText">
<item name="android:textSize">20sp</item>
<item name="android:inputType">text</item>
<item name="android:textColor">@color/primaryText</item>
<item name="android:textCursorDrawable">@null</item>
</style>
<!-- Setting this via alertDialogStyle in AppTheme results in crashes. You need to
explicitly select this via "MaterialAlertDialogBuilder(activity, R.style.DialogStyle)"
We need this style because the accent colour for the MainActivity is purple,
but we want different accents in the dialog. -->
<style name="DialogStyle" parent="ThemeOverlay.Material3.MaterialAlertDialog">
<item name="android:windowTitleStyle">@style/DialogTitleStyle</item>
<item name="android:textColorPrimary">@color/primaryText</item>
<item name="dialogPreferredPadding">24dp</item>
<item name="android:windowBackground">@drawable/dialog_background</item>
<item name="android:background">@drawable/dialog_background</item>
<!-- This is the default color for activated controls(buttons) -->
<item name="android:colorAccent">@color/accentBright</item>
<item name="textColorAlertDialogListItem">@color/primaryText</item>
<item name="colorControlActivated">@color/accentBright</item>
<item name="colorControlNormal">@color/accentBright</item>
<item name="buttonBarNegativeButtonStyle">@style/DialogButtonStyle</item>
<item name="buttonBarPositiveButtonStyle">@style/DialogButtonStyle</item>
<item name="shapeAppearance">@style/MaterialAlertDialogShapeAppearance</item>
</style>
<style name="MaterialAlertDialogShapeAppearance" parent="">
<item name="cornerFamily">rounded</item>
<item name="cornerSize">@dimen/material_dialog_corner_radius</item>
</style>
<style name="DialogButtonStyle" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
<item name="android:textColor">@color/accentBright</item>
</style>
<style name="ButtonStyle" parent="Widget.Material3.Button.TextButton.Dialog">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textAllCaps">true</item>
<item name="android:textColor">@color/accentBright</item>
<item name="android:textSize">14sp</item>
<item name="android:fontFamily">@font/metropolis_semibold</item>
</style>
<style name="PopupMenu" parent="@style/Widget.AppCompat.Light.PopupMenu">
<item name="overlapAnchor">true</item>
</style>
<style name="progressBarStyleHorizontal" parent="@style/Widget.AppCompat.ProgressBar.Horizontal">
<item name="android:progressDrawable">@drawable/photon_progressbar</item>
</style>
<style name="PanelTitle" parent="Widget.MaterialComponents.TextView">
<item name="android:textSize">14sp</item>
<item name="android:textColor">@color/primaryText</item>
</style>
<style name="PanelSubtitle" parent="Widget.MaterialComponents.TextView">
<item name="android:textSize">12sp</item>
<item name="android:textColor">@color/secondaryText</item>
</style>
<style name="PanelHeading" parent="Widget.MaterialComponents.TextView">
<item name="fontFamily">@font/metropolis</item>
<item name="android:textSize">16sp</item>
<item name="android:textColor">@color/primaryText</item>
<item name="android:textStyle">bold</item>
<item name="android:letterSpacing">0.03</item>
<item name="android:lineSpacingExtra">1sp</item>
</style>
<style name="TrackerSwitchTitle" parent="Widget.MaterialComponents.TextView">
<item name="android:textSize">14sp</item>
<item name="android:textColor">@color/primaryText</item>
</style>
<style name="TrackersCount" parent="Widget.MaterialComponents.TextView">
<item name="fontFamily">@font/metropolis</item>
<item name="android:textSize">20sp</item>
<item name="android:textStyle">bold</item>
<item name="android:textColor">@color/primaryText</item>
<item name="android:lineSpacingExtra">1sp</item>
</style>
<style name="CaptionText" parent="Widget.MaterialComponents.TextView">
<item name="android:textSize">12sp</item>
<item name="android:textColor">@color/disabled</item>
</style>
<style name="SwitchTitle" parent="Widget.MaterialComponents.TextView">
<item name="android:textSize">14sp</item>
<item name="android:textColor">@color/primaryText</item>
</style>
<style name="SwitchDescription" parent="Widget.MaterialComponents.TextView">
<item name="android:textSize">12sp</item>
<item name="android:textColor">@color/disabled</item>
</style>
<style name="AppBottomSheetDialogTheme" parent="Theme.Design.Light.BottomSheetDialog">
<item name="bottomSheetStyle">@style/AppModalStyle</item>
</style>
<style name="AppModalStyle" parent="Widget.Design.BottomSheet.Modal">
<item name="android:background">@color/modal_background</item>
</style>
<style name="App.Widget.Switch" parent="Widget.Material3.CompoundButton.Switch">
<item name="android:theme">@style/SwitchTheme</item>
<item name="thumbTint">@color/thumb_color_selector</item>
<item name="trackTint">@color/track_color_selector</item>
</style>
<style name="SwitchTheme" parent="Theme.AppCompat.Light">
<item name="colorControlActivated">@color/accentBright</item>
</style>
<style name="App.Widget.CompoundButton.CheckBox" parent="Widget.Material3.CompoundButton.CheckBox">
<item name="buttonTint">@color/compound_button_color_selector</item>
</style>
<style name="App.Widget.CompoundButton.RadioButton" parent="Widget.Material3.CompoundButton.RadioButton">
<item name="buttonTint">@color/compound_button_color_selector</item>
</style>
<style name="Preference.Title" parent="Widget.MaterialComponents.TextView">
<item name="android:textColor">@color/preference_title_text</item>
<item name="android:textSize">16sp</item>
<item name="android:lineSpacingExtra">5sp</item>
</style>
<style name="Preference.Summary" parent="Widget.MaterialComponents.TextView">
<item name="android:textColor">@color/preference_summary_text</item>
<item name="android:textSize">14sp</item>
<item name="android:letterSpacing">0.03</item>
</style>
<style name="PreferenceScreenHeader">
<item name="android:textColor">@color/preference_summary_text</item>
<item name="android:textSize">16sp</item>
<item name="fontFamily">@font/metropolis</item>
<item name="android:lineSpacingExtra">1sp</item>
<item name="android:letterSpacing">0.03</item>
</style>
<style name="PreferenceSectionHeader">
<item name="android:textColor">@color/preference_title_text</item>
<item name="android:textSize">14sp</item>
<item name="fontFamily">@font/metropolis</item>
<item name="android:letterSpacing">0.04</item>
<item name="android:textStyle">bold</item>
</style>
<style name="Widget.App.TextInputLayout" parent="Widget.Material3.TextInputLayout.OutlinedBox">
<!-- This controls the floating hint color when the field is focused -->
<item name="hintTextColor">@color/accentBright</item>
<item name="boxStrokeColor">@color/accentBright</item>
<item name="cursorColor">@color/accentBright</item>
<!-- This controls the hint color when the field is NOT focused (resting) -->
<item name="android:textColorHint">@color/secondaryText</item>
<item name="boxStrokeWidthFocused">1dp</item>
</style>
<style name="MaterialTimePicker" parent="ThemeOverlay.Material3.MaterialTimePicker">
<item name="colorPrimary">@color/accentBright</item>
<item name="colorAccent">@color/accentBright</item>
</style>
<style name="MaterialCalendar" parent="ThemeOverlay.Material3.MaterialCalendar">
<item name="buttonBarPositiveButtonStyle">@style/DialogButtonStyle</item>
<item name="buttonBarNegativeButtonStyle">@style/DialogButtonStyle</item>
<item name="materialCalendarStyle">@style/CustomMaterialCalendarWidget</item>
</style>
<style name="CustomMaterialCalendarWidget" parent="Widget.Material3.MaterialCalendar">
<item name="daySelectedStyle">@style/DaySelectedStyle</item>
</style>
<style name="DaySelectedStyle" parent="Widget.Material3.MaterialCalendar.Day.Selected">
<item name="itemFillColor">@color/accentBright</item>
<item name="itemTextColor">@color/primaryText</item>
</style>
<style name="MetropolisButton">
<item name="fontFamily">@font/metropolis_semibold</item>
<item name="android:textSize">14sp</item>
<item name="android:letterSpacing">0.04</item>
<item name="android:minHeight">48dp</item>
<item name="android:minWidth">48dp</item>
<item name="android:background">?android:attr/selectableItemBackgroundBorderless</item>
</style>
</resources>