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">@android:color/black</item>
        <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
        <item name="android:colorPrimary">@color/off_white</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">@drawable/private_browsing_button_white_background</item>
        <item name="privateBrowsingButtonTint">@color/off_white</item>
        <item name="fenixLogo">@drawable/ic_logo_wordmark</item>
        <item name="menuButtonTint">@android:color/black</item>
        <item name="toolbarWrapperBackground">@drawable/home_search_background_light</item>
        <item name="toolbarTextColor">@color/search_text</item>
        <item name="homeDividerColor">@color/photonGrey30</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>

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

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

    </style>

    <style name="PrivateThemeBase" parent="Theme.AppCompat.Light.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>

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

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

        <!-- 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/off_white</item>
        <item name="browserToolbarMenuIcons">@color/icons</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="SettingsThemeBase" parent="Theme.MaterialComponents.Light">
        <item name="colorPrimary">@color/off_white</item>
        <item name="colorPrimaryDark">@color/off_white</item>
        <item name="colorAccent">@color/icons</item>
        <item name="android:statusBarColor">@android:color/transparent</item>
    </style>

    <style name="SettingsTheme" parent="SettingsThemeBase">

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