fenix/app/src/main/res/values/styles.xml

<?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/. -->
<resources xmlns:tools="http://schemas.android.com/tools">

    <style name="NormalThemeBase" parent="Theme.AppCompat.DayNight.NoActionBar">
        <item name="android:statusBarColor">@color/status_bar_color_normal_theme</item>
        <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
        <item name="android:colorPrimary">@color/colorPrimary_normal_theme</item>
        <item name="android:windowBackground">@color/windowBackground_normal_theme</item>
        <item name="iconColor">@color/icons_normal_theme</item>
        <item name="disabledIconColor">@color/disabled_icons_normal_theme</item>
        <item name="toolbarColor">@color/toolbar_normal_theme</item>
        <item name="colorPrimary">@color/color_primary</item>
        <!-- Color Accent is used for Settings Category Text Color -->
        <item name="colorAccent">@color/color_accent_normal_theme</item>
        <item name="android:progressBarStyleHorizontal">@style/progressBarStyleHorizontal</item>
        <item name="primaryTextColor">@color/text_color_normal_theme</item>
        <item name="secondaryTextColor">@color/secondary_text_color_normal_theme</item>
        <item name="colorPrimaryDark">@color/background_dark_theme</item>

        <!-- Toggle colors activated and off -->
        <item name="colorControlActivated">@color/toggle_activated_normal_theme</item>
        <item name="colorSwitchThumbNormal">@color/colorSwitchThumbNormal_normal_theme</item>

        <!-- Color of overscroll glow -->
        <item name="android:colorEdgeEffect">@color/toggle_activated_normal_theme</item>

        <!-- Style the navigation bar -->
        <item name="navigationBarColorHome">@color/navigationBarColorHome_normal_theme</item>
        <item name="navigationBarColorBrowser">@color/navigationBarColorBrowser_normal_theme</item>

        <!-- Home fragment colors -->
        <item name="homeBackgroundTopGradient">@color/homeBackgroundTopGradient_normal_theme</item>
        <item name="homeBackgroundBottomGradient">@color/homeBackgroundBottomGradient_normal_theme
        </item>
        <item name="homeBackgroundGradient">@drawable/home_background_gradient</item>
        <item name="privateBrowsingButtonBackground">
            ?android:attr/selectableItemBackgroundBorderless
        </item>
        <item name="privateBrowsingButtonTint">@color/privateBrowsingButtonTint_normal_theme</item>
        <item name="fenixLogo">@drawable/ic_logo_wordmark</item>
        <item name="menuButtonTint">@color/menu_button_tint_normal_theme</item>
        <item name="toolbarWrapperBackground">@drawable/home_search_background_normal</item>
        <item name="toolbarTextColor">@color/text_color_normal_theme</item>
        <item name="homeDividerColor">@color/homeDividerColor_normal_theme</item>
        <item name="sessionBackgroundColor">@color/sessionBackgroundColor_normal_theme</item>
        <item name="sessionBorderColor">@color/session_border_color</item>
        <item name="deleteColor">@color/delete_color</item>
        <item name="listDividerColor">@color/list_divider_color_normal_theme</item>

        <!-- Search fragment colors -->
        <item name="searchBackground">@color/searchBackground_normal_theme</item>
        <item name="searchShortcutsTextColor">@color/awesome_bar_title_color</item>
        <item name="pillWrapperBackground">@color/pillWrapperBackground_normal_theme</item>
        <item name="pillWrapperSelectedBackground">@color/search_pill_selected_background</item>
        <item name="awesomeBarTitleTextColor">@color/awesome_bar_title_color</item>
        <item name="awesomeBarDescriptionTextColor">@color/awesome_bar_description_color</item>
        <item name="suggestionBackground">@color/suggestionBackground_normal_theme</item>

        <!-- Browser fragment colors -->
        <item name="browserUrlBarBackground">@drawable/home_search_background_dark</item>
        <item name="browserToolbarBackground">@color/browserToolbarBackground_normal_theme</item>
        <item name="browserToolbarIcons">@color/icons_normal_theme</item>
        <item name="browserToolbarMenuIcons">@color/icons_normal_theme</item>
        <item name="quickActionPullTabColor">@color/quick_action_pull_tab</item>
        <item name="quickActionBackgroundColor">@color/quick_action_background_normal_theme</item>
        <item name="unloadedProgressColor">@color/unloaded_progress_normal_theme</item>

        <!-- History fragment colors -->
        <item name="historyTitleColor">@color/history_title_normal_theme</item>
        <item name="historyURLColor">@color/history_url_normal_theme</item>
        <item name="historyHeader">@color/history_header_normal_theme</item>

        <!-- Bookmark fragment colors -->
        <item name="bookmarksLabelColor">@color/bookmarks_label_normal_theme</item>
        <item name="bookmarksEditTextColor">@color/bookmarks_edit_normal_theme</item>

        <!-- Library Fragment -->
        <item name="libraryListItemTextColor">@color/library_list_item_text_color_light_mode</item>

        <!-- Fenix Snackbar -->
        <item name="fenixSnackbarBackground">@color/fenix_snackbar_background_normal_theme</item>
    </style>

    <style name="NormalTheme" parent="NormalThemeBase">

    </style>

    <style name="PrivateThemeBase" parent="Theme.AppCompat.NoActionBar">
        <item name="android:statusBarColor">@color/private_browsing_top_gradient</item>
        <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
        <item name="android:textColorHighlight">@color/private_browsing_primary</item>
        <item name="android:colorPrimary">@color/private_browsing_primary</item>
        <item name="android:windowBackground">@color/private_browsing_top_gradient</item>
        <item name="iconColor">@color/icons_dark_mode</item>
        <item name="disabledIconColor">@color/disabled_icons_dark_mode</item>
        <item name="toolbarColor">@color/toolbar_dark_mode</item>
        <item name="colorPrimary">@color/private_browsing_primary</item>
        <item name="colorAccent">@color/private_browsing_primary</item>
        <item name="primaryTextColor">@color/off_white</item>
        <item name="secondaryTextColor">@color/photonGrey40</item>

        <!-- Style the navigation bar -->
        <item name="navigationBarColorHome">@color/private_browsing_bottom_gradient</item>
        <item name="navigationBarColorBrowser">@color/private_browsing_top_gradient</item>

        <!-- Home fragment colors -->
        <item name="homeBackgroundTopGradient">@color/private_browsing_top_gradient</item>
        <item name="homeBackgroundBottomGradient">@color/private_browsing_bottom_gradient</item>
        <item name="homeBackgroundGradient">@drawable/home_background_gradient</item>
        <item name="privateBrowsingButtonBackground">@drawable/private_browsing_button_background</item>
        <item name="privateBrowsingButtonTint">@color/off_white</item>
        <item name="fenixLogo">@drawable/ic_logo_wordmark_white</item>
        <item name="menuButtonTint">@color/off_white</item>
        <item name="toolbarWrapperBackground">@drawable/home_search_background_private</item>
        <item name="toolbarTextColor">@color/off_white</item>
        <item name="homeDividerColor">@color/search_private_background</item>
        <item name="sessionBackgroundColor">@color/session_list_private_header</item>
        <item name="sessionBorderColor">@color/private_browsing_primary</item>
        <item name="deleteColor">@color/photonRed60</item>
        <item name="listDividerColor">@color/search_private_background</item>

        <!-- Search fragment colors -->
        <item name="searchBackground">@color/private_browsing_bottom_gradient</item>
        <item name="searchShortcutsTextColor">@color/off_white</item>
        <item name="pillWrapperBackground">@color/private_browsing_top_gradient</item>
        <item name="pillWrapperSelectedBackground">@color/off_white</item>
        <item name="awesomeBarTitleTextColor">@color/off_white</item>
        <item name="awesomeBarDescriptionTextColor">@color/photonGrey40</item>
        <item name="suggestionBackground">@color/private_browsing_primary</item>

        <!-- Browser fragment colors -->
        <item name="browserUrlBarBackground">@drawable/home_search_background_private_dark</item>
        <item name="browserToolbarBackground">@color/private_browsing_top_gradient</item>
        <item name="browserToolbarIcons">@color/icons_dark_mode</item>
        <item name="browserToolbarMenuIcons">@color/icons_dark_mode</item>
        <item name="quickActionPullTabColor">@color/off_white</item>
        <item name="quickActionBackgroundColor">@color/quick_action_background_private_theme</item>
        <item name="unloadedProgressColor">@color/unloaded_progress_private_theme</item>

        <!-- History fragment colors -->
        <item name="historyTitleColor">@color/history_title_private_theme</item>
        <item name="historyURLColor">@color/history_url_private_theme</item>
        <item name="historyHeader">@color/history_header_private_theme</item>

        <!-- Bookmark fragment colors -->
        <item name="bookmarksLabelColor">@color/bookmarks_label_private_theme</item>
        <item name="bookmarksEditTextColor">@color/bookmarks_edit_private_theme</item>

        <!-- Library Fragment -->
        <item name="libraryListItemTextColor">@color/off_white</item>

        <!-- Fenix Snackbar -->
        <item name="fenixSnackbarBackground">@color/fenix_snackbar_background_private_theme</item>
    </style>

    <style name="PrivateTheme" parent="PrivateThemeBase">

    </style>

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

    <style name="search_pill" parent="Widget.AppCompat.Button.Borderless">
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">32dp</item>
        <item name="android:textAllCaps">false</item>
        <item name="android:textSize">14sp</item>
        <item name="android:textColor">@color/toggle_text_color</item>
        <item name="android:drawableTint" tools:targetApi="m">@color/toggle_text_color</item>
        <item name="android:layout_gravity">center_vertical</item>
        <item name="android:gravity">center_vertical</item>
        <item name="android:singleLine">true</item>
        <item name="android:paddingStart">8dp</item>
        <item name="android:paddingEnd">16dp</item>
        <item name="android:drawablePadding">8dp</item>
        <item name="android:minWidth">0dp</item>
        <item name="android:minHeight">0dp</item>
        <item name="android:background">@drawable/search_pill_drawable_button_background</item>
    </style>

    <style name="SitePermissionButton" parent="Widget.AppCompat.Button.Borderless">
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:textAllCaps">false</item>
        <item name="android:textSize">14sp</item>
        <item name="android:textStyle">normal</item>
        <item name="android:textColor">@color/photonWhite</item>
        <item name="android:gravity">center_vertical</item>
        <item name="android:singleLine">true</item>
        <item name="android:padding">8dp</item>
        <item name="android:paddingStart">24dp</item>
        <item name="android:paddingEnd">24dp</item>
        <item name="android:foreground">?android:attr/selectableItemBackground</item>
        <item name="android:background">@drawable/site_permissions_button_background</item>
    </style>

    <style name="CurrentSessionBottomSheetDialogTheme" parent="Theme.MaterialComponents.Light.BottomSheetDialog">
        <item name="bottomSheetStyle">@style/CurrentSessionBottomSheetStyle</item>
        <item name="android:textColor">@color/text_color_normal_theme</item>

        <!-- This doesn't seem to work see https://issuetracker.google.com/issues/120426520 -->
        <item name="scrimBackground">@drawable/session_sheet_background</item>
    </style>

    <style name="CurrentSessionBottomSheetStyle" parent="Theme.MaterialComponents.Light.BottomSheetDialog">
        <item name="android:background">@android:color/transparent</item>
        <item name="android:textColor">@color/text_color_normal_theme</item>

        <!-- This doesn't seem to work see https://issuetracker.google.com/issues/120426520 -->
        <item name="scrimBackground">@drawable/session_sheet_background</item>
    </style>

    <style name="HeaderTextStyle" parent="TextAppearance.MaterialComponents.Subtitle1">
        <item name="android:textSize">18sp</item>
        <item name="android:textColor">?attr/toolbarTextColor</item>
        <item name="android:textStyle">bold</item>
        <item name="android:letterSpacing">0.03</item>
    </style>

    <style name="Header14TextStyle" parent="TextAppearance.MaterialComponents.Body2">
        <item name="android:textColor">?attr/toolbarTextColor</item>
        <item name="android:textSize">14sp</item>
        <item name="android:textStyle">bold</item>
    </style>

    <style name="ToolbarTitleTextStyle" parent="HeaderTextStyle">
        <item name="android:textSize">20sp</item>
    </style>

    <style name="ListItemTextStyle" parent="TextAppearance.MaterialComponents.Subtitle1">
        <item name="android:textColor">?attr/libraryListItemTextColor</item>
    </style>

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

        <style name="QuickSettingsText">
            <item name="android:textColor">?attr/toolbarTextColor</item>
            <item name="android:textSize">14sp</item>
            <item name="android:paddingStart">16dp</item>
            <item name="android:gravity">center_vertical</item>
            <item name="android:layout_alignParentStart">true</item>
        </style>

        <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>
            <item name="android:textColor">@color/photonBlue50</item>
        </style>
</resources>