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.MaterialComponents.DayNight.NoActionBar.Bridge">
        <!-- Android system styling -->
        <item name="android:windowContentTransitions">true</item>
        <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
        <item name="android:progressBarStyleHorizontal">@style/progressBarStyleHorizontal</item>
        <item name="android:statusBarColor">@color/foundation_normal_theme</item>
        <item name="android:windowBackground">@color/foundation_normal_theme</item>
        <item name="android:colorEdgeEffect">@color/accent_normal_theme</item>
        <item name="android:colorAccent">@color/primary_text_normal_theme</item>
        <item name="android:textColorPrimary">@color/primary_text_normal_theme</item>
        <item name="android:textColorSecondary">@color/secondary_text_normal_theme</item>
        <item name="alertDialogStyle">@style/DialogStyleNormal</item>
        <item name="alertDialogTheme">@style/DialogStyleNormal</item>
        <item name="android:windowEnableSplitTouch">false</item>
        <item name="android:splitMotionEvents">false</item>

        <!-- Active thumb color & Active track color (30% transparency) -->
        <item name="android:colorControlActivated">@color/accent_high_contrast_normal_theme</item>
        <!-- Inactive thumb color -->
        <item name="colorSwitchThumbNormal">@color/toggle_off_knob_normal_theme</item>
        <!-- Inactive track color(30% transparency) -->
        <item name="android:colorForeground">@color/toggle_off_track_normal_theme</item>

        <!-- Updated color attributes -->
        <item name="primaryText">@color/primary_text_normal_theme</item>
        <item name="secondaryText">@color/secondary_text_normal_theme</item>
        <item name="contrastText">@color/contrast_text_normal_theme</item>
        <item name="accent">@color/accent_normal_theme</item>
        <item name="accentBright">@color/accent_bright_normal_theme</item>
        <item name="aboutLink">@color/about_link_normal_theme</item>
        <item name="accentHighContrast">@color/accent_high_contrast_normal_theme</item>
        <item name="foundation">@color/foundation_normal_theme</item>
        <item name="above">@color/above_normal_theme</item>
        <item name="inset">@color/inset_normal_theme</item>
        <item name="tabRing">@color/tab_ring_normal_theme</item>
        <item name="neutral">@color/neutral_normal_theme</item>
        <item name="neutralFaded">@color/neutral_faded_normal_theme</item>
        <item name="shadow">@color/shadow_normal_theme</item>
        <item name="destructive">@color/destructive_normal_theme</item>
        <item name="disabled">@color/disabled_normal_theme</item>
        <item name="scrimStart">@color/scrimStart_normal_theme</item>
        <item name="scrimEnd">@color/scrimEnd_normal_theme</item>
        <item name="snackbar">@color/snackbar_normal_theme</item>
        <item name="accentUsedOnDarkBackground">@color/accent_on_dark_background_normal_theme</item>
        <item name="toolbarStartGradient">@color/toolbar_start_gradient_normal_theme</item>
        <item name="toolbarCenterGradient">@color/toolbar_center_gradient_normal_theme</item>
        <item name="toolbarEndGradient">@color/toolbar_end_gradient_normal_theme</item>
        <item name="toolbarDivider">@color/toolbar_divider_color_normal_theme</item>
        <item name="fillLinkFromClipboard">@color/fill_link_from_clipboard_normal_theme</item>
        <item name="menuCategoryText">@color/menu_category_normal_theme</item>

        <!-- Drawables -->
        <item name="fenixLogo">@drawable/ic_logo_wordmark_normal</item>
        <item name="homeBackground">@color/foundation_normal_theme</item>
        <item name="bottomBarBackground">@drawable/home_bottom_bar_background</item>
        <item name="bottomBarBackgroundTop">@drawable/home_bottom_bar_background_top</item>
        <item name="privateBrowsingButtonBackground">@android:color/transparent</item>
        <item name="privateBrowsingButtonAccent">@color/primary_text_normal_theme</item>
        <item name="shieldLottieFile">@raw/shield_json</item>
    </style>

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

    <style name="BaseDialogStyle" parent="Theme.MaterialComponents.Dialog.Alert">
        <item name="dialogCornerRadius">@dimen/tab_corner_radius</item>
        <item name="android:colorBackground">?above</item>
        <item name="colorAccent">?accent</item>
        <item name="android:textColorPrimary">?primaryText</item>
    </style>

    <style name="DialogStyleLight" parent="BaseDialogStyle">
        <item name="buttonBarNegativeButtonStyle">@style/DialogButtonStyleLight</item>
        <item name="buttonBarPositiveButtonStyle">@style/DialogButtonStyleLight</item>
    </style>

    <style name="DialogStyleDark" parent="BaseDialogStyle">
        <item name="buttonBarNegativeButtonStyle">@style/DialogButtonStyleDark</item>
        <item name="buttonBarPositiveButtonStyle">@style/DialogButtonStyleDark</item>
    </style>

    <style name="DialogButtonStyleLight" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
        <item name="android:textColor">?accentBright</item>
    </style>

    <style name="DialogButtonStyleDark" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
        <item name="android:textColor">?accentHighContrast</item>
    </style>

    <style name="DialogStyleNormal" parent="DialogStyleLight"/>

    <style name="PrivateThemeBase" parent="Theme.MaterialComponents.NoActionBar.Bridge">
        <!-- Android system styling -->
        <item name="android:windowContentTransitions">true</item>
        <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
        <item name="android:progressBarStyleHorizontal">@style/progressBarStyleHorizontal</item>
        <item name="android:statusBarColor">@color/foundation_private_theme</item>
        <item name="android:windowBackground">@color/foundation_private_theme</item>
        <item name="android:colorEdgeEffect">@color/accent_private_theme</item>
        <item name="android:colorAccent">@color/primary_text_private_theme</item>
        <item name="android:colorControlActivated">@color/accent_high_contrast_private_theme</item>
        <item name="android:textColorPrimary">@color/primary_text_private_theme</item>
        <item name="android:textColorSecondary">@color/secondary_text_private_theme</item>
        <item name="alertDialogStyle">@style/DialogStyleDark</item>
        <item name="alertDialogTheme">@style/DialogStyleDark</item>
        <item name="android:windowEnableSplitTouch">false</item>
        <item name="android:splitMotionEvents">false</item>

        <!-- Inactive thumb color -->
        <item name="colorSwitchThumbNormal">@color/toggle_off_knob_dark_theme</item>
        <!-- Inactive track color(30% transparency) -->
        <item name="android:colorForeground">@color/toggle_off_track_dark_theme</item>

        <!-- Updated color attributes -->
        <item name="primaryText">@color/primary_text_private_theme</item>
        <item name="secondaryText">@color/secondary_text_private_theme</item>
        <item name="contrastText">@color/contrast_text_private_theme</item>
        <item name="accent">@color/accent_private_theme</item>
        <item name="accentBright">@color/accent_bright_private_theme</item>
        <item name="aboutLink">@color/about_link_private_theme</item>
        <item name="accentHighContrast">@color/accent_high_contrast_private_theme</item>
        <item name="foundation">@color/foundation_private_theme</item>
        <item name="above">@color/above_private_theme</item>
        <item name="inset">@color/inset_private_theme</item>
        <item name="tabRing">@color/tab_ring_private_theme</item>
        <item name="neutral">@color/neutral_private_theme</item>
        <item name="neutralFaded">@color/neutral_faded_private_theme</item>
        <item name="shadow">@color/shadow_private_theme</item>
        <item name="destructive">@color/destructive_private_theme</item>
        <item name="disabled">@color/disabled_private_theme</item>
        <item name="scrimStart">@color/scrimStart_private_theme</item>
        <item name="scrimEnd">@color/scrimEnd_private_theme</item>
        <item name="snackbar">@color/snackbar_private_theme</item>
        <item name="accentUsedOnDarkBackground">@color/accent_on_dark_background_private_theme</item>
        <item name="toolbarStartGradient">@color/toolbar_start_gradient_private_theme</item>
        <item name="toolbarCenterGradient">@color/toolbar_center_gradient_private_theme</item>
        <item name="toolbarEndGradient">@color/toolbar_end_gradient_private_theme</item>
        <item name="toolbarDivider">@color/toolbar_divider_color_private_theme</item>
        <item name="fillLinkFromClipboard">@color/fill_link_from_clipboard_private_theme</item>
        <item name="menuCategoryText">@color/menu_category_private_theme</item>

        <!-- Drawables -->
        <item name="fenixLogo">@drawable/ic_logo_wordmark_private</item>
        <item name="homeBackground">@drawable/private_home_background_gradient</item>
        <item name="bottomBarBackground">@drawable/private_home_bottom_bar_background_gradient</item>
        <item name="bottomBarBackgroundTop">@drawable/private_home_bottom_bar_background_gradient_top</item>
        <item name="privateBrowsingButtonBackground">@color/primary_text_private_theme</item>
        <item name="privateBrowsingButtonAccent">@color/above_private_theme</item>
        <item name="shieldLottieFile">@raw/shield_json_dark</item>
    </style>

    <style name="Mozac.Browser.Menu" parent="" tools:ignore="UnusedResources">
        <item name="cardBackgroundColor">?above</item>
    </style>

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

    <!-- 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="ThemeIndependentMaterialGreyButton" parent="Widget.MaterialComponents.Button.TextButton">
        <item name="android:letterSpacing">0</item>
        <item name="android:textStyle">bold</item>
        <item name="android:textAllCaps">false</item>
        <item name="backgroundTint">@color/grey_button_color</item>
        <item name="android:textColor">@color/button_text_color</item>
        <item name="rippleColor">?secondaryText</item>
    </style>

    <style name="ThemeIndependentMaterialGreyButtonDestructive" parent="ThemeIndependentMaterialGreyButton">
        <item name="android:textColor">@color/destructive_button_text_color</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="drawableTint">@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_height">wrap_content</item>
        <item name="android:layout_width">wrap_content</item>
        <item name="android:foreground">?android:attr/selectableItemBackground</item>
        <item name="android:textAllCaps">false</item>
        <item name="android:textColor">?primaryText</item>
        <item name="android:paddingStart">24dp</item>
        <item name="android:paddingEnd">24dp</item>
        <item name="android:elevation">0dp</item>
    </style>

    <style name="SitePermissionCancelButton" parent="SitePermissionButton">
        <item name="android:textColor">?accent</item>
        <item name="android:backgroundTint">?foundation</item>
    </style>

    <style name="SitePermissionPrimaryButton" parent="SitePermissionButton">
        <item name="android:background">@drawable/dialog_button_background</item>
        <item name="android:textColor">?contrastText</item>
        <item name="android:backgroundTint">?accent</item>
    </style>

    <style name="DialogStyleBase" parent="NormalTheme">
        <item name="android:textAppearance">@style/TextAppearance.AppCompat</item>
        <item name="android:colorControlNormal">?accentHighContrast</item>
        <item name="android:colorControlActivated">?accentHighContrast</item>
        <item name="android:colorControlHighlight">?accentBright</item>

        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowAnimationStyle">@style/Animation.Design.BottomSheetDialog</item>
        <item name="windowNoTitle">true</item>
        <item name="android:windowIsFloating">false</item>
        <item name="android:windowSoftInputMode">adjustResize</item>
        <item name="windowActionBar">false</item>
        <item name="android:windowFullscreen">false</item>
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:navigationBarColor">@android:color/transparent</item>
        <item name="android:windowTranslucentNavigation">true</item>
    </style>

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

    <style name="Header16TextStyle" parent="TextAppearance.MaterialComponents.Body1">
        <item name="android:textColor">?primaryText</item>
        <item name="android:textSize">16sp</item>
        <item name="android:textStyle">bold</item>
    </style>

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

    <style name="Header12TextStyle" parent="TextAppearance.MaterialComponents.Body2">
        <item name="android:textColor">?secondaryText</item>
        <item name="android:textSize">12sp</item>
        <item name="android:textStyle">bold</item>
    </style>

    <style name="Body14TextStyle" parent="TextAppearance.MaterialComponents.Body2">
        <item name="android:textColor">?primaryText</item>
        <item name="android:textSize">14sp</item>
    </style>

    <style name="SubtitleTextStyle" parent="TextAppearance.MaterialComponents.Body1">
        <item name="android:textColor">?secondaryText</item>
        <item name="android:textSize">14sp</item>
    </style>

    <style name="Subtitle12TextStyle" parent="TextAppearance.MaterialComponents.Body1">
        <item name="android:textColor">?secondaryText</item>
        <item name="android:textSize">12sp</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">?primaryText</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">@color/state_list_text_color</item>
        <item name="android:textSize">14sp</item>
        <item name="android:paddingStart">16dp</item>
        <item name="android:paddingEnd">16dp</item>
        <item name="android:gravity">center_vertical</item>
        <item name="android:layout_alignParentStart">true</item>
    </style>

    <style name="QuickSettingsSmallText">
        <item name="android:textColor">?secondaryText</item>
        <item name="android:textSize">12sp</item>
        <item name="android:paddingEnd">16dp</item>
        <item name="android:gravity">top</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">?accentUsedOnDarkBackground</item>
    </style>

    <style name="OnboardingCardLight">
        <item name="android:background">@drawable/onboarding_card_background_light</item>
        <item name="android:padding">16dp</item>
        <item name="android:layout_marginBottom">16dp</item>
    </style>

    <style name="OnboardingCardDark" parent="OnboardingCardLight">
        <item name="android:background">@drawable/onboarding_card_background_dark</item>
    </style>

    <style name="SearchShortcutsLabelStyle">
        <item name="android:fontFamily">Inter UI</item>
        <item name="android:letterSpacing">0.15</item>
        <item name="android:textAllCaps">true</item>
        <item name="android:textColor">?secondaryText</item>
        <item name="android:textSize">@dimen/search_fragment_shortcuts_label_text_size</item>
        <item name="android:textStyle">bold</item>
    </style>

    <style name="SearchClipboardStyle">
        <item name="android:ellipsize">end</item>
        <item name="android:maxLines">1</item>
    </style>

    <style name="SearchClipboardTitleStyle" parent="SearchClipboardStyle">
        <item name="android:textColor">?primaryText</item>
        <item name="android:textSize">@dimen/search_fragment_clipboard_title_text_size</item>
    </style>

    <style name="SearchClipboardUrlStyle" parent="SearchClipboardStyle">
        <item name="android:textAppearance">@style/Subtitle12TextStyle</item>
        <item name="android:textColor">?fillLinkFromClipboard</item>
    </style>

    <style name="CreateCollectionDialogStyle" parent="DialogStyleBase"/>
    <style name="CreateShortcutDialogStyle" parent="DialogStyleBase"/>
    <style name="CreateShortcutDialogButton" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:fontFamily">sans-serif-medium</item>
        <item name="android:minHeight">40dp</item>
        <item name="android:layout_marginTop">32dp</item>
        <item name="android:textColor">?accentUsedOnDarkBackground</item>

    </style>

    <style name="FirefoxAccountsDialogStyle" parent="DialogStyleBase">
        <item name="android:windowBackground">@drawable/scrim_background</item>
        <item name="android:colorControlHighlight">@android:color/transparent</item>
    </style>

    <style name="ShareDialogStyle" parent="DialogStyleBase"/>

    <style name="AboutItemText" parent="TextAppearance.MaterialComponents.Body2">
        <item name="android:textColor">?aboutLink</item>
        <item name="android:textSize">@dimen/about_items_text_size</item>
        <item name="android:paddingStart">@dimen/about_list_item_text_padding</item>
        <item name="android:paddingEnd">@dimen/about_list_item_text_padding</item>
        <item name="android:ellipsize">end</item>
        <item name="android:maxLines">1</item>
        <item name="android:minLines">1</item>
        <item name="fontFamily">sans-serif-medium</item>
    </style>

    <style name="AboutHeaderContentText" parent="TextAppearance.MaterialComponents.Subtitle1">
        <item name="android:textColor">?primaryText</item>
        <item name="android:lineSpacingExtra">@dimen/about_header_text_line_spacing_extra</item>
    </style>

    <style name="EngineTextField" parent="TextAppearance.AppCompat">
        <item name="android:textSize">14sp</item>
    </style>

    <style name="Theme.Transparent" parent="android:Theme">
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:backgroundDimEnabled">false</item>
    </style>
</resources>