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>

    <style name="LightThemeBase" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:statusBarColor">@color/off_white</item>
        <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
        <item name="android:colorPrimary">@color/off_white</item>
        <item name="android:windowBackground">@color/off_white</item>
        <item name="iconColor">@color/icons_light_mode</item>
        <item name="disabledIconColor">@color/disabled_icons_light_mode</item>
        <item name="toolbarColor">@color/toolbar_light_mode</item>
        <item name="colorPrimary">@color/off_white</item>
        <item name="colorAccent">@color/session_border_color</item>

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

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

        <!-- Style the navigation bar -->
        <item name="navigationBarColorHome">@android:color/transparent</item>
        <item name="navigationBarColorBrowser">@android:color/transparent</item>

        <!-- Home fragment colors -->
        <item name="homeBackgroundTopGradient">@color/off_white</item>
        <item name="homeBackgroundBottomGradient">@color/off_white</item>
        <item name="homeBackgroundGradient">@drawable/home_background_gradient</item>
        <item name="privateBrowsingButtonBackground">?android:attr/selectableItemBackgroundBorderless</item>
        <item name="privateBrowsingButtonTint">@color/off_white</item>
        <item name="fenixLogo">@drawable/ic_logo_wordmark</item>
        <item name="menuButtonTint">@color/light_mode_text_color</item>
        <item name="toolbarWrapperBackground">@drawable/home_search_background_light</item>
        <item name="toolbarTextColor">@color/light_mode_text_color</item>
        <item name="homeDividerColor">@color/photonGrey30</item>
        <item name="sessionBackgroundColor">@color/photonWhite</item>
        <item name="sessionBorderColor">@color/session_border_color</item>

        <!-- Search fragment colors -->
        <item name="searchBackground">@color/off_white</item>
        <item name="searchShortcutsTextColor">@color/awesome_bar_title_color</item>
        <item name="pillWrapperBackground">@color/off_white</item>
        <item name="awesomeBarTitleTextColor">@color/awesome_bar_title_color</item>
        <item name="awesomeBarDescriptionTextColor">@color/awesome_bar_description_color</item>
        <item name="suggestionBackground">@color/photonBlue50</item>

        <!-- Browser fragment colors -->
        <item name="browserUrlBarBackground">@drawable/home_search_background_dark</item>
        <item name="browserToolbarBackground">@color/off_white</item>
        <item name="browserToolbarIcons">@color/icons_light_mode</item>
        <item name="browserToolbarMenuIcons">@color/icons_light_mode</item>
        <item name="quickActionPullTabColor">@color/quick_action_pull_tab</item>

        <!-- History fragment colors -->
        <item name="historyTitleColor">@color/history_title_light_theme</item>
        <item name="historyURLColor">@color/history_url_light_theme</item>
        <item name="historyHeader">@color/history_header_light_theme</item>
    </style>

    <style name="LightTheme" parent="LightThemeBase">

    </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>

        <!-- 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="quickActionPullTabColor">@color/off_white</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="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>

        <!-- 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>
    </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">wrap_content</item>
        <item name="android:textAllCaps">false</item>
        <item name="android:textSize">14sp</item>
        <item name="android:textColor">@color/searchPillPrimary</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:padding">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_background</item>
    </style>

    <style name="CurrentSessionBottomSheetDialogTheme" parent="Theme.MaterialComponents.Light.BottomSheetDialog">
        <item name="bottomSheetStyle">@style/CurrentSessionBottomSheetStyle</item>
        <item name="android:textColor">@color/light_mode_text_color</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/light_mode_text_color</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="headerText" 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>
</resources>