Files
samartnik f27ee01fce [Android] Redesign VPN profile activity (#36930)
* [Android] Redesign VPN profile activity

* [Review] Fix for close button tint on Brave News card
2026-06-02 20:08:26 +02:00

720 lines
32 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (c) 2019 The Brave Authors. All rights reserved.
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 https://mozilla.org/MPL/2.0/.
-->
<resources xmlns:tools="http://schemas.android.com/tools">
<style name="BraveDialogTheme" parent="Theme.AppCompat.Light.Dialog.Alert">
<item name="windowNoTitle">true</item>
</style>
<style name="BraveRadioButton" parent="Theme.AppCompat.Light">
<item name="colorControlNormal">@color/schemes_on_surface_variant</item>
<item name="colorControlActivated">@color/schemes_primary</item>
</style>
<style name="AppBottomSheetDialogTheme"
parent="Theme.Design.Light.BottomSheetDialog">
<item name="bottomSheetStyle">@style/AppModalStyle</item>
<item name="android:windowSoftInputMode">adjustResize</item>
</style>
<style name="AppModalStyle" parent="Widget.Design.BottomSheet.Modal">
<item name="android:background">@drawable/rounded_top_corners</item>
</style>
<style name="AppSetDefaultBottomSheetDialogTheme"
parent="Theme.Design.Light.BottomSheetDialog">
<item name="bottomSheetStyle">@style/AppModalSetDefaultStyle</item>
</style>
<style name="AppModalSetDefaultStyle" parent="Widget.Design.BottomSheet.Modal">
<item name="android:background">@drawable/rounded_set_default_top_corners</item>
</style>
<!-- Brave Wallet -->
<style name="BraveWalletTextView" parent="Widget.AppCompat.TextView">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textColor">@color/wallet_text_color</item>
<item name="android:textColorLink">@color/brave_link</item>
<item name="android:textSize">14sp</item>
</style>
<style name="BraveWalletTextViewTitle" parent="Widget.AppCompat.TextView">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textColor">@color/wallet_text_color</item>
<item name="android:textColorLink">@color/brave_link</item>
<item name="android:textAppearance">?attr/textAppearanceListItem</item>
<item name="android:textStyle">bold</item>
</style>
<style name="BraveWalletTextViewSubTitle" parent="Widget.AppCompat.TextView">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textColor">@color/brave_theme_subtitle_text</item>
<item name="android:textColorLink">@color/brave_link</item>
<item name="android:textAppearance">?attr/textAppearanceListItem</item>
</style>
<style name="BraveWalletCheckBox" parent="Widget.MaterialComponents.CompoundButton.CheckBox">
<item name="buttonTint">@color/wallet_checkbox_background_color_selector</item>
<item name="buttonIconTint">@color/wallet_checkbox_color_selector</item>
<item name="android:textSize">@dimen/default_regular</item>
<item name="lineHeight">20sp</item>
<item name="fontStyle">normal</item>
<item name="fontWeight">400</item>
</style>
<style name="BraveWalletEditTextTheme">
<!-- Text selection background color. -->
<item name="android:textColorHighlight">@color/primary_20</item>
<!-- Text selection handles color, blinking cursor color and selected border. -->
<!-- It must be set as a theme at component level -->
<!-- as we don't want to change it for the whole app. -->
<item name="colorControlActivated">@color/icon_interactive</item>
<!-- Hint text color that translates to the top of the view. -->
<item name="android:textColorHint">@color/text_primary</item>
</style>
<style name="BraveWalletInputLayout" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox">
<!-- Border color. -->
<item name="boxStrokeColor">@color/wallet_onboarding_input_field_stroke_color</item>
<!-- Hint text color that translates to the top of the view. -->
<item name="hintTextColor">@color/text_primary</item>
<!-- Blinking cursor color. -->
<item name="cursorColor">@color/icon_interactive</item>
<!-- Blinking cursor color on error state. -->
<item name="cursorErrorColor">@color/system_feedback_error</item>
</style>
<!-- Brave Wallet buttons -->
<style name="BraveWalletButton" parent="Widget.AppCompat.Button">
<item name="buttonStyle">?android:attr/borderlessButtonStyle</item>
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textColor">@color/brave_white</item>
<item name="android:background">@drawable/crypto_wallet_blue_button</item>
<item name="android:foreground">?android:attr/selectableItemBackground</item>
<item name="android:paddingHorizontal">16dp</item>
<item name="android:paddingVertical">8dp</item>
<item name="android:textAllCaps">false</item>
<item name="android:textSize">16sp</item>
<item name="android:gravity">center</item>
</style>
<style name="BraveWalletOnboardingButton" parent="BraveWalletButton">
<item name="android:background">@drawable/crypto_wallet_onboarding_blue_button</item>
<item name="android:textColor">@color/crypto_wallet_onboarding_button_text_color</item>
<item name="android:foreground">@null</item>
</style>
<style name="BraveWalletTextButton" parent="Widget.AppCompat.Button">
<item name="buttonStyle">?android:attr/borderlessButtonStyle</item>
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textColor">@color/brave_action_color</item>
<item name="android:background">@android:color/transparent</item>
<item name="android:textAllCaps">false</item>
<item name="android:textSize">16sp</item>
<item name="android:gravity">center</item>
</style>
<style name="BraveWalletButtonHollow" parent="Widget.AppCompat.Button">
<item name="buttonStyle">?android:attr/borderlessButtonStyle</item>
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textColor">@color/wallet_text_color</item>
<item name="android:background">@drawable/crypto_wallet_hollow_button</item>
<item name="android:paddingStart">16dp</item>
<item name="android:paddingEnd">16dp</item>
<item name="android:paddingTop">8dp</item>
<item name="android:paddingBottom">8dp</item>
<item name="android:textAllCaps">false</item>
<item name="android:textSize">16sp</item>
<item name="android:gravity">center</item>
</style>
<style name="BraveWalletEditTextBordered" parent="Widget.AppCompat.EditText">
<item name="android:layout_width">match_parent</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textColor">@color/wallet_text_color</item>
<item name="android:background">@drawable/rounded_wallet_edittext</item>
<item name="android:textColorHint">@color/brave_theme_hint_text</item>
<item name="android:padding">8dp</item>
<item name="android:textSize">14sp</item>
<item name="android:gravity">top</item>
<item name="android:textCursorDrawable">@null</item>
</style>
<!-- Buttons for Brave Sync -->
<style name="BraveSyncButton">
<item name="android:textColor">@color/schemes_on_primary</item>
<item name="android:background">@drawable/brave_sync_btn</item>
<item name="android:layout_marginStart">15dp</item>
<item name="android:layout_marginEnd">15dp</item>
<item name="android:layout_marginBottom">15dp</item>
<item name="android:textAllCaps">false</item>
<item name="android:textSize">14sp</item>
</style>
<style name="BraveSyncTabsTextAppearance" parent="TextAppearance.Design.Tab">
<item name="textAllCaps">false</item>
<item name="android:textAllCaps">false</item>
</style>
<style name="BraveSyncButtonTransparent">
<item name="android:textColor">@color/brave_sync_btn_transparent_text_color</item>
<item name="android:background">@drawable/brave_sync_btn_transparent</item>
<item name="android:layout_marginStart">15dp</item>
<item name="android:layout_marginEnd">15dp</item>
<item name="android:layout_marginBottom">15dp</item>
<item name="android:textAllCaps">false</item>
<item name="android:textSize">14sp</item>
</style>
<style name="BraveSyncBottomButton">
<item name="android:layout_marginBottom">15dp</item>
<item name="android:textAllCaps">false</item>
<item name="android:textSize">14sp</item>
</style>
<style name="BraveSyncRedWarningTextSmallSemibold" parent="SmallSemibold">
<item name="android:lineSpacingExtra">2sp</item>
<item name="android:translationY">-0.97sp</item>
<item name="android:gravity">top</item>
<item name="android:textSize">12sp</item>
<item name="android:textColor">@color/systemfeedback_error_text</item>
<item name="android:textStyle">bold</item>
</style>
<style name="BraveSyncTitleTextHeadingH4" parent="HeadingH4">
<item name="android:textSize">16sp</item>
<item name="android:textColor">@color/text_primary</item>
<item name="android:textStyle">bold</item>
<item name="android:lineSpacingExtra">5sp</item>
<item name="android:translationY">-2.62sp</item>
</style>
<style name="BraveSyncDescriptionTextDefaultRegular" parent="DefaultRegular">
<item name="android:lineSpacingExtra">4sp</item>
<item name="android:translationY">-1.8sp</item>
<item name="android:textSize">14sp</item>
<item name="android:letterSpacing">-0.01</item>
<item name="android:textColor">@color/text_primary</item>
</style>
<style name="BookmarkTabPopupMenu" parent="Theme.AppCompat.DayNight">
<item name="android:textColor">@color/bookmark_menu_text_color</item>
<item name="android:popupBackground">@drawable/bookmark_menu_bg</item>
<item name="android:popupElevation">20dp</item>
<item name="android:popupMenuStyle">@drawable/bookmark_menu_bg</item>
</style>
<style name="NewTabPopupMenuLight" parent="Widget.AppCompat.PopupMenu">
<item name="android:textColor">@android:color/black</item>
<item name="android:itemBackground">@android:color/white</item>
</style>
<style name="NewTabPopupMenuDark" parent="Widget.AppCompat.PopupMenu">
<item name="android:textColor">@color/new_tab_menu_text_dark_color</item>
<item name="android:itemBackground">@color/new_tab_menu_bg_dark_color</item>
</style>
<style name="BraveWalletAlertDialogTheme" parent="ThemeOverlay.MaterialComponents.MaterialAlertDialog">
<item name="android:background">@color/wallet_bg</item>
<item name="android:colorBackground">@color/wallet_bg</item>
</style>
<style name="BraveWalletTabsTextAppearance" parent="TextAppearance.Design.Tab">
<item name="textAllCaps">false</item>
</style>
<style name="BraveVpnToolbar" parent="Theme.AppCompat.Light">
<item name="colorControlNormal">@android:color/white</item>
<item name="android:background">@color/brave_plan_bg</item>
<item name="titleTextColor">@android:color/white</item>
<item name="android:textColorPrimary">@android:color/white</item>
</style>
<!-- Toolbar for the Install VPN profile screen. Background and text follow
the page theme (light/dark) instead of the legacy purple. -->
<style name="BraveVpnProfileToolbar" parent="Theme.AppCompat.Light">
<item name="colorControlNormal">@color/onboarding_text_color</item>
<item name="android:background">@color/schemes_surface_container</item>
<item name="titleTextColor">@color/onboarding_text_color</item>
<item name="android:textColorPrimary">@color/onboarding_text_color</item>
</style>
<!-- Theme for the Install VPN profile activity. Colors the status and
navigation bars to match the page surface, following the upstream
settings pattern (theme-level statusBarColor/navigationBarColor with the
shared window_light_* bools for icon contrast). -->
<style
name="Theme.Brave.VpnProfile"
parent="Theme.Chromium.Activity"
tools:ignore="UnusedResources">
<item name="android:statusBarColor">@color/schemes_surface_container</item>
<item name="android:windowLightStatusBar">@bool/window_light_status_bar</item>
<item name="android:navigationBarColor">@color/schemes_surface_container</item>
<item name="android:windowLightNavigationBar">@bool/window_light_navigation_bar</item>
</style>
<style name="VpnPaywallToolbar" parent="Theme.AppCompat.Light">
<item name="colorControlNormal">@android:color/white</item>
<item name="android:background">@color/primitive_blurple_10</item>
<item name="titleTextColor">@android:color/white</item>
<item name="android:textColorPrimary">@android:color/white</item>
</style>
<style name="BraveLeoToolbar" parent="Theme.AppCompat.Light">
<item name="colorControlNormal">@android:color/white</item>
<item name="android:background">@color/primitive_blurple_10</item>
<item name="titleTextColor">@android:color/white</item>
<item name="android:textColorPrimary">@android:color/white</item>
</style>
<style name="BraveOriginToolbar" parent="Theme.AppCompat.Light">
<item name="colorControlNormal">@android:color/white</item>
<item name="android:background">@color/primitive_blurple_10</item>
<item name="titleTextColor">@android:color/white</item>
<item name="titleTextAppearance">@style/DefaultRegular</item>
<item name="android:textColorPrimary">@android:color/white</item>
</style>
<!-- Wallet DApps -->
<style name="BraveWalletTextViewWhite">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textColor">@android:color/white</item>
</style>
<style name="BraveWalletDAppNotificationDialogBottom" parent="@android:style/Theme.Dialog">
<item name="android:windowMinWidthMajor">98%</item>
<item name="android:windowMinWidthMinor">98%</item>
<item name="android:windowAnimationStyle">@style/BraveWalletDialogBottomAnimation</item>
</style>
<style name="BraveWalletDialogBottomAnimation">
<item name="android:windowEnterAnimation">@anim/slide_in_bottom</item>
<item name="android:windowExitAnimation">@anim/slide_out_bottom</item>
</style>
<style name="BottomSheetAnimation">
<item name="android:activityOpenEnterAnimation">@anim/slide_in_bottom</item>
<item name="android:activityCloseExitAnimation">@anim/slide_out_bottom</item>
</style>
<style name="BraveAccountTheme" parent="Theme.Chromium.Activity.Fullscreen">
<item name="android:windowAnimationStyle">@style/BottomSheetAnimation</item>
</style>
<style name="BottomSheetActivityTheme" parent="Theme.Chromium.Activity.FakeTranslucent">
<item name="android:windowIsTranslucent">true</item>
<item name="android:windowAnimationStyle">@style/BottomSheetAnimation</item>
<item name="android:statusBarColor">@android:color/transparent</item>
</style>
<style name="BraveWalletDAppNotificationDialogTop" parent="@android:style/Theme.Dialog">
<item name="android:windowMinWidthMajor">98%</item>
<item name="android:windowMinWidthMinor">98%</item>
<item name="android:windowAnimationStyle">@style/BraveWalletDialogTopAnimation</item>
</style>
<style name="BraveWalletDialogTopAnimation">
<item name="android:windowEnterAnimation">@anim/slide_in_top</item>
<item name="android:windowExitAnimation">@anim/slide_out_top</item>
</style>
<style name="ApproveTxBottomSheetDialogStyle" parent="Widget.MaterialComponents.BottomSheet.Modal">
<item name="shapeAppearance">@style/ShapeAppearanceRoundedCorners</item>
<item name="shouldRemoveExpandedCorners">false</item>
<item name="behavior_skipCollapsed">true</item>
<item name="backgroundTint">@color/container_background</item>
</style>
<style name="ShapeAppearanceRoundedCorners" parent="ShapeAppearance.MaterialComponents.LargeComponent">
<item name="cornerFamily">rounded</item>
<item name="cornerSize">30dp</item>
</style>
<style name="ApproveTxBottomSheetDialogTheme" parent="ThemeOverlay.MaterialComponents.BottomSheetDialog">
<item name="bottomSheetStyle">@style/ApproveTxBottomSheetDialogStyle</item>
</style>
<!-- Brave Ads Notifications -->
<style name="WebNotificationSmallIcon">
<item name="android:alpha">0.6</item>
</style>
<style name="WebNotificationLargeIcon">
<item name="android:background">@drawable/notification_template_icon_bg</item>
</style>
<style name="WebNotificationTitle"
parent="@android:style/TextAppearance.StatusBar.EventContent.Title">
<item name="android:layout_marginStart">8dp</item>
</style>
<!-- Brave Leo preferences -->
<style name="BraveLeoResetTextColor" parent="Widget.AppCompat.TextView">
<item name="android:textColor">@color/leo_reset_text_color</item>
</style>
<style name="TimerBottomSheetDialogTheme"
parent="Theme.Design.Light.BottomSheetDialog">
<item name="bottomSheetStyle">@style/TimerBottomSheetDialogStyle</item>
<item name="android:windowSoftInputMode">adjustResize</item>
</style>
<style name="TimerBottomSheetDialogStyle" parent="Widget.Design.BottomSheet.Modal">
<item name="android:background">@drawable/timer_rounded_bottomsheet</item>
</style>
<!-- Brave Shields -->
<style name="BraveShieldsBlockCookieModeText" parent="DefaultRegular">
<item name="android:textSize">16sp</item>
</style>
<!-- Suggestions tiles -->
<style name="BraveSuggestionsTilesText"
parent="TextAppearance.TextSmall.Secondary">
<item name="android:textColor">
@color/brave_state_time_count_color</item>
</style>
<!-- Nala tokens styles -->
<style name="DefaultRegular">
<!-- Default Brave UI size -->
<item name="android:textSize">@dimen/default_regular</item>
<item name="lineHeight">20sp</item>
<item name="fontStyle">normal</item>
<item name="fontWeight">400</item>
</style>
<style name="DefaultBold" parent="DefaultRegular">
<item name="android:textStyle">bold</item>
</style>
<style name="SmallRegular">
<item name="android:textSize">@dimen/small_regular</item>
<item name="lineHeight">16sp</item>
<item name="fontStyle">normal</item>
<item name="fontWeight">400</item>
</style>
<style name="SmallSemibold">
<!--
TODO(alexeybarabash, Deep, Agustin) Shold we ambed this font?
Otherwise, app can't be built:
error: resource font/roboto (aka com.brave.browser_default:font/roboto) not found.
-->
<!-- <item name="android:fontFamily">@font/roboto</item> -->
<item name="android:textSize">@dimen/small_semibold</item>
<item name="android:textStyle">bold</item>
<item name="lineHeight">16sp</item>
<item name="fontStyle">normal</item>
<item name="fontWeight">600</item>
</style>
<style name="LargeRegular">
<!-- Default browser size for fonts -->
<item name="android:textSize">@dimen/large_regular</item>
<item name="lineHeight">24sp</item>
<item name="fontStyle">normal</item>
<item name="fontWeight">400</item>
</style>
<style name="LargeRegularPrimitiveBlurple40" parent="LargeRegular">>
<item name="android:textColor">@color/primitive_blurple_40</item>
</style>
<style name="LargeSemibold">
<!-- Default browser size for fonts -->
<item name="android:textSize">@dimen/large_semibold</item>
<item name="android:textStyle">bold</item>
<item name="lineHeight">24sp</item>
<item name="fontStyle">normal</item>
<item name="fontWeight">600</item>
</style>
<style name="LargeBold" parent="LargeSemibold">
<item name="android:textStyle">bold</item>
</style>
<style name="ComponentsButtonDefault">
<item name="android:textSize">16sp</item>
<item name="android:letterSpacing">0.007</item>
<item name="lineHeight">20sp</item>
<item name="fontStyle">normal</item>
<item name="fontWeight">600</item>
</style>
<style name="DefaultSemibold">
<!-- Default Brave UI size -->
<item name="android:textSize">@dimen/default_semibold</item>
<item name="android:textStyle">bold</item>
<item name="lineHeight">20sp</item>
<item name="fontStyle">normal</item>
<item name="fontWeight">600</item>
</style>
<style name="XSmallSemibold">
<item name="android:textSize">@dimen/x_small_semibold</item>
<item name="android:textStyle">bold</item>
<item name="lineHeight">16sp</item>
<item name="fontStyle">normal</item>
<item name="fontWeight">600</item>
</style>
<style name="XSmallBold" parent="XSmallSemibold">
<item name="android:textStyle">bold</item>
</style>
<style name="HeadingH1">
<item name="android:textSize">@dimen/heading_h1</item>
<item name="android:textStyle">bold</item>
<item name="lineHeight">40sp</item>
<item name="fontStyle">normal</item>
</style>
<style name="HeadingH2">
<item name="android:textSize">@dimen/heading_h2</item>
<item name="android:textStyle">bold</item>
<item name="lineHeight">30sp</item>
<item name="fontStyle">normal</item>
</style>
<style name="HeadingH3">
<item name="android:textSize">@dimen/heading_h3</item>
<item name="android:textStyle">bold</item>
<item name="lineHeight">28sp</item>
<item name="fontStyle">normal</item>
</style>
<style name="HeadingH4">
<item name="android:textSize">@dimen/heading_h4</item>
<item name="android:textStyle">bold</item>
<item name="lineHeight">24sp</item>
<item name="fontStyle">normal</item>
</style>
<style name="FontHeadingDisplay2">
<item name="android:textSize">40sp</item>
<item name="android:fontWeight">600</item>
<item name="lineHeight">48sp</item>
<item name="fontStyle">normal</item>
</style>
<style name="IncognitoNtpTitle" parent="HeadingH1"/>
<style name="IncognitoNtpSectionTitle" parent="DefaultSemibold"/>
<style name="IncognitoNtpSectionDescription" parent="SmallRegular"/>
<style name="IncognitoNtpCta" parent="SmallSemibold"/>
<style name="MonospaceSmall">
<item name="android:textSize">@dimen/monospace_small</item>
<item name="lineHeight">16sp</item>
<item name="fontStyle">normal</item>
<item name="fontWeight">400</item>
<!--
Use default monospace font instead of spec
<item name="android:fontFamily">@font/roboto_mono</item>
to avoid font embedding and save 83KB.
When there will be more places where roboto_mono is used,
then worth to embed and actually use roboto_mono.
-->
<item name="android:typeface">monospace</item>
</style>
<style name="BraveNewsMoreOffersTabletText">
<item name="android:textSize">@dimen/brave_news_more_offers_tablet_textsize</item>
<item name="android:textColor">@color/news_text_color</item>
</style>
<style name="BraveNewsMoreOffersPhoneText">
<item name="android:textSize">@dimen/brave_news_more_offers_phone_textsize</item>
<item name="android:textColor">@color/news_text_color</item>
</style>
<style name="BraveNewsDealsTopText">
<item name="android:textSize">@dimen/brave_news_deals_top_textsize</item>
<item name="android:textColor">@color/news_text_color</item>
</style>
<style name="BraveNewsPublisherGroupTopText">
<item name="android:textSize">@dimen/brave_news_publisher_group_top_textsize</item>
<item name="android:textColor">@color/news_text_color</item>
</style>
<style name="BraveNewsCategoryGroupTopText">
<item name="android:textSize">@dimen/brave_news_category_group_top_textsize</item>
<item name="android:textColor">@color/news_text_color</item>
</style>
<style name="BraveNewsDealsTitleTabletText">
<item name="android:textSize">@dimen/brave_news_deals_title_tablet_textsize</item>
</style>
<style name="BraveNewsDealsTitlePhoneText">
<item name="android:textSize">@dimen/brave_news_deals_title_phone_textsize</item>
</style>
<style name="BraveNewsDealsDescTabletText">
<item name="android:textSize">@dimen/brave_news_deals_desc_tablet_textsize</item>
</style>
<style name="BraveNewsDealsDescPhoneText">
<item name="android:textSize">@dimen/brave_news_deals_desc_phone_textsize</item>
</style>
<style name="BraveNewsHeadlineTitleTabletText">
<item name="android:textSize">@dimen/brave_news_headline_title_tablet_textsize</item>
</style>
<style name="BraveNewsHeadlineTitlePhoneText">
<item name="android:textSize">@dimen/brave_news_headline_title_phone_textsize</item>
</style>
<style name="BraveNewsHeadlineDescTabletText">
<item name="android:textSize">@dimen/brave_news_headline_desc_tablet_textsize</item>
</style>
<style name="BraveNewsHeadlineDescPhoneText">
<item name="android:textSize">@dimen/brave_news_headline_desc_phone_textsize</item>
</style>
<style name="BraveNewsHeadlinePublisherTabletText">
<item name="android:textSize">@dimen/brave_news_headline_publisher_tablet_textsize</item>
<item name="android:textColor">@color/news_text_color</item>
</style>
<style name="BraveNewsHeadlinePublisherPhoneText">
<item name="android:textSize">@dimen/brave_news_headline_publisher_phone_textsize</item>
<item name="android:textColor">@color/news_text_color</item>
</style>
<style name="BraveNewsHeadlinePairedTitleTabletText">
<item name="android:textSize">@dimen/brave_news_headline_paired_title_tablet_textsize</item>
</style>
<style name="BraveNewsHeadlinePairedTitlePhoneText">
<item name="android:textSize">@dimen/brave_news_headline_paired_title_phone_textsize</item>
</style>
<style name="BraveNewsHeadlinePairedDescTabletText">
<item name="android:textSize">@dimen/brave_news_headline_paired_desc_tablet_textsize</item>
</style>
<style name="BraveNewsHeadlinePairedDescPhoneText">
<item name="android:textSize">@dimen/brave_news_headline_paired_desc_phone_textsize</item>
</style>
<style name="BraveNewsHeadlinePairedPublisherTabletText">
<item name="android:textSize">@dimen/brave_news_headline_paired_publisher_tablet_textsize</item>
<item name="android:textColor">@color/news_text_color</item>
</style>
<style name="BraveNewsHeadlinePairedPublisherPhoneText">
<item name="android:textSize">@dimen/brave_news_headline_paired_publisher_phone_textsize</item>
<item name="android:textColor">@color/news_text_color</item>
</style>
<style name="BraveNewsPublisherGroupNoText">
<item name="android:textColor">@color/news_text_color</item>
</style>
<style name="BraveNewsPublisherGroupTitleTabletText">
<item name="android:textSize">@dimen/brave_news_publisher_group_title_tablet_textsize</item>
</style>
<style name="BraveNewsPublisherGroupTitlePhoneText">
<item name="android:textSize">@dimen/brave_news_publisher_group_title_phone_textsize</item>
</style>
<style name="BraveNewsPublisherGroupDescTabletText">
<item name="android:textSize">@dimen/brave_news_publisher_group_desc_tablet_textsize</item>
</style>
<style name="BraveNewsPublisherGroupDescPhoneText">
<item name="android:textSize">@dimen/brave_news_publisher_group_desc_phone_textsize</item>
</style>
<style name="BraveNewsCategoryGroupSourceTabletText">
<item name="android:textSize">@dimen/brave_news_category_group_source_tablet_textsize</item>
<item name="android:textColor">@color/news_time_color</item>
</style>
<style name="BraveNewsCategoryGroupSourcePhoneText">
<item name="android:textSize">@dimen/brave_news_category_group_source_phone_textsize</item>
<item name="android:textColor">@color/news_time_color</item>
</style>
<style name="BraveNewsCategoryGroupTitleTabletText">
<item name="android:textSize">@dimen/brave_news_category_group_title_tablet_textsize</item>
</style>
<style name="BraveNewsCategoryGroupTitlePhoneText">
<item name="android:textSize">@dimen/brave_news_category_group_title_phone_textsize</item>
</style>
<style name="BraveNewsCategoryGroupDescTabletText">
<item name="android:textSize">@dimen/brave_news_category_group_desc_tablet_textsize</item>
</style>
<style name="BraveNewsCategoryGroupDescPhoneText">
<item name="android:textSize">@dimen/brave_news_category_group_desc_phone_textsize</item>
</style>
<style name="BraveNewsTitleTextColor">
<item name="android:textColor">@color/news_text_color</item>
</style>
<style name="BraveNewsDescTextColor">
<item name="android:textColor">@color/news_time_color</item>
</style>
<style name="FadeEnterAnimation">
<item name="android:activityOpenEnterAnimation">@anim/fast_fade_in</item>
</style>
<!-- Customized enter animation to provide a smooth transition between splash screen and
welcome onboarding activity. -->
<style name="Theme.Brave.WelcomeOnboarding" parent="Theme.Chromium.Activity.Fullscreen">
<item name="android:windowAnimationStyle">@style/FadeEnterAnimation</item>
</style>
<!-- Button styles from Nala Universal design specs
https://www.figma.com/design/g8Z0q6TMPYDq6zXh9Y7LWD/%F0%9F%8C%8E-Universal -->
<style name="LargeButtonBase" parent="Widget.AppCompat.Button">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:foreground">?android:attr/selectableItemBackground</item>
<item name="android:paddingHorizontal">16dp</item>
<item name="android:paddingVertical">8dp</item>
<item name="android:textAllCaps">false</item>
<item name="android:textSize">16sp</item>
<item name="android:gravity">center</item>
<item name="android:elevation">0dp</item>
<item name="android:stateListAnimator">@null</item>
</style>
<style name="LargeFilledButton" parent="LargeButtonBase">
<item name="android:textColor">@color/schemes_on_primary</item>
<item name="android:background">@drawable/button_full</item>
</style>
<style name="LargeOutlineButton" parent="LargeButtonBase">
<item name="android:textColor">@color/text_interactive</item>
<item name="android:background">@drawable/button_outline</item>
</style>
<style name="BraveCheckBox" parent="Widget.MaterialComponents.CompoundButton.CheckBox">
<item name="buttonTint">@color/brave_checkbox_background_color_selector</item>
<item name="buttonIconTint">@color/brave_checkbox_color_selector</item>
<item name="android:textSize">@dimen/default_regular</item>
</style>
<style name="PreferenceCategory.NoTitle" parent="Preference.Category">
<item name="android:layout">@layout/preference_category_no_title</item>
</style>
<style name="TextAppearance.BraveBlockedItemIcon" parent="TextAppearance.TextSmall">
<item name="android:textSize">16sp</item>
<item name="android:textStyle">bold</item>
<item name="android:textColor">@android:color/white</item>
</style>
</resources>