habitica-android/Habitica/res/values/styles.xml

<resources xmlns:tools="http://schemas.android.com/tools">

    <!-- Application theme. -->
    <style name="AppTheme" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
        <item name="android:listSeparatorTextViewStyle">@style/MyOwnListSeperatorTextViewStyle</item>

        <item name="android:elevation" tools:targetApi="21">0dp</item>
        <item name="elevation">0dp</item>

        <item name="android:windowContentOverlay">@null</item>
        <item name="actionMenuTextColor">@color/text_primary</item>

        <!-- All customizations that are NOT specific to a particular API-level can go here. -->

        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>

        <!-- ...and here we setting appcompat’s color theming attrs -->
        <item name="colorPrimary">@color/brand</item>
        <item name="colorPrimaryDark">@color/brand_50</item>
        <item name="colorAccent">@color/color_accent</item>
        <item name="android:colorPrimary">@color/brand</item>
        <item name="android:colorPrimaryDark">@color/brand_50</item>
        <item name="android:colorAccent">@color/brand_400</item>
        <item name="colorPrimaryOffset">@color/brand_200</item>
        <item name="colorPrimaryDistinct">@color/brand_500</item>
        <item name="colorBadgeBackground">@color/brand_400</item>
        <item name="taskFormTint">@color/brand_300</item>

        <item name="textColorPrimary">@color/text_primary</item>
        <item name="textColorSecondary">@color/text_secondary</item>
        <item name="textColorPrimaryDark">@color/brand_600</item>
        <item name="textColorSecondaryDark">@color/brand_500</item>
        <item name="android:textColorPrimary">@color/text_primary</item>
        <item name="android:textColorSecondary">@color/text_ternary</item>te
        <item name="barColor">@color/brand_300</item>

        <item name="colorContentBackground">@color/content_background</item>
        <item name="colorWindowBackground">@color/window_background</item>

        <item name="popupMenuStyle">@style/PopupTheme</item>
        <item name="actionOverflowMenuStyle">@style/PopupTheme</item>
        <item name="android:popupMenuStyle">@style/PopupTheme</item>
        <item name="android:textColorLink">@color/brand_400</item>
        <item name="alertDialogTheme">@style/AlertDialogTheme</item>
        <item name="android:windowTranslucentStatus">false</item>

        <item name="android:statusBarColor">@color/system_bars</item>
        <item name="android:navigationBarColor">@color/system_bars</item>

        <item name="searchViewStyle">@style/SearchViewStyle</item>
        <item name="toolbarContentColor">@color/text_primary</item>
        <item name="colorPrimaryText">@color/brand_50</item>
        <item name="headerBackgroundColor">@color/content_background</item>
        <item name="headerOffsetColor">@color/window_background</item>
        <item name="headerTextColor">@color/text_primary</item>
    </style>

    <style name="MainAppTheme" parent="AppTheme">
    </style>

    <style name="MainAppTheme.Dark">
        <item name="colorPrimary">@color/gray_500</item>
        <item name="barColor">@color/gray_1</item>
        <item name="colorPrimaryOffset">@color/gray_10</item>
        <item name="textColorPrimaryDark">@color/gray_200</item>
    </style>

    <style name="MainAppTheme.TaskForm">
        <item name="toolbarContentColor">@color/white</item>
        <item name="headerTextColor">@color/white</item>
    </style>


    <style name="MainAppTheme.Red">
        <item name="colorPrimary">@color/red_10</item>
        <item name="colorPrimaryDark">@color/red_5</item>
        <item name="colorAccent">@color/red_100</item>
        <item name="android:colorPrimary">@color/red_5</item>
        <item name="android:colorPrimaryDark">@color/red_1</item>
        <item name="android:colorAccent">@color/red_100</item>
        <item name="colorPrimaryOffset">@color/red_10</item>
        <item name="colorPrimaryDistinct">@color/red_500</item>
        <item name="colorBadgeBackground">@color/red_100</item>
        <item name="textColorSecondaryDark">@color/red_500</item>
        <item name="android:textColorLink">@color/red_100</item>
        <item name="textColorPrimaryDark">@color/red_500</item>
        <item name="barColor">@color/red_5</item>
        <item name="taskFormTint">@color/red_50</item>
        <item name="toolbarContentColor">@color/red_1</item>
        <item name="colorPrimaryText">@color/red_1</item>
    </style>

    <style name="MainAppTheme.Red.Dark">
        <item name="barColor">@color/gray_1</item>
        <item name="colorPrimaryOffset">@color/gray_10</item>
        <item name="textColorPrimaryDark">@color/gray_200</item>
        <item name="toolbarContentColor">@color/red_100</item>
    </style>

    <style name="MainAppTheme.Maroon">
        <item name="colorPrimary">@color/red_10</item>
        <item name="colorPrimaryDark">@color/maroon_5</item>
        <item name="colorAccent">@color/maroon_100</item>
        <item name="android:colorPrimary">@color/red_1</item>
        <item name="android:colorPrimaryDark">@color/maroon_1</item>
        <item name="android:colorAccent">@color/maroon_100</item>
        <item name="colorPrimaryOffset">@color/red_1</item>
        <item name="colorPrimaryDistinct">@color/red_500</item>
        <item name="colorBadgeBackground">@color/red_10</item>
        <item name="textColorSecondaryDark">@color/red_500</item>
        <item name="android:textColorLink">@color/maroon_100</item>
        <item name="textColorPrimaryDark">@color/red_500</item>
        <item name="barColor">@color/red_1</item>
        <item name="taskFormTint">@color/maroon_50</item>
        <item name="colorPrimaryText">@color/maroon_1</item>
    </style>

    <style name="MainAppTheme.Maroon.Dark">
        <item name="barColor">@color/gray_1</item>
        <item name="colorPrimaryOffset">@color/gray_10</item>
        <item name="textColorPrimaryDark">@color/gray_200</item>
        <item name="toolbarContentColor">@color/maroon_100</item>
    </style>

    <style name="MainAppTheme.Orange">
        <item name="colorPrimary">@color/orange_50</item>
        <item name="colorPrimaryDark">@color/orange_10</item>
        <item name="colorAccent">@color/orange_100</item>
        <item name="android:colorPrimary">@color/orange_10</item>
        <item name="android:colorPrimaryDark">@color/orange_5</item>
        <item name="android:colorAccent">@color/orange_100</item>
        <item name="colorPrimaryOffset">@color/orange_50</item>
        <item name="colorPrimaryDistinct">@color/orange_500</item>
        <item name="colorBadgeBackground">@color/orange_100</item>
        <item name="textColorSecondaryDark">@color/orange_500</item>
        <item name="android:textColorLink">@color/orange_100</item>
        <item name="textColorPrimaryDark">@color/orange_500</item>
        <item name="barColor">@color/orange_10</item>
        <item name="taskFormTint">@color/orange_50</item>
        <item name="toolbarContentColor">@color/orange_1</item>
        <item name="colorPrimaryText">@color/orange_1</item>
    </style>

    <style name="MainAppTheme.Orange.Dark">
        <item name="barColor">@color/gray_1</item>
        <item name="colorPrimaryOffset">@color/gray_10</item>
        <item name="textColorPrimaryDark">@color/gray_200</item>
        <item name="toolbarContentColor">@color/orange_100</item>
    </style>

    <style name="MainAppTheme.Yellow">
        <item name="colorPrimary">@color/yellow_50</item>
        <item name="colorPrimaryDark">@color/yellow_10</item>
        <item name="colorAccent">@color/yellow_100</item>
        <item name="android:colorPrimary">@color/yellow_10</item>
        <item name="android:colorPrimaryDark">@color/yellow_5</item>
        <item name="android:colorAccent">@color/yellow_100</item>
        <item name="colorPrimaryOffset">@color/yellow_50</item>
        <item name="colorPrimaryDistinct">@color/yellow_500</item>
        <item name="colorBadgeBackground">@color/yellow_100</item>
        <item name="textColorSecondaryDark">@color/yellow_500</item>
        <item name="android:textColorLink">@color/yellow_100</item>
        <item name="textColorPrimaryDark">@color/yellow_500</item>
        <item name="barColor">@color/yellow_10</item>
        <item name="taskFormTint">@color/yellow_10</item>
        <item name="toolbarContentColor">@color/yellow_1</item>
        <item name="colorPrimaryText">@color/yellow_1</item>
    </style>

    <style name="MainAppTheme.Yellow.Dark">
        <item name="barColor">@color/gray_1</item>
        <item name="colorPrimaryOffset">@color/gray_10</item>
        <item name="textColorPrimaryDark">@color/gray_200</item>
        <item name="toolbarContentColor">@color/yellow_100</item>
    </style>

    <style name="MainAppTheme.Green">
        <item name="colorPrimary">@color/green_10</item>
        <item name="colorPrimaryDark">@color/green_5</item>
        <item name="colorAccent">@color/green_100</item>
        <item name="android:colorPrimary">@color/green_10</item>
        <item name="android:colorPrimaryDark">@color/green_5</item>
        <item name="android:colorAccent">@color/green_100</item>
        <item name="colorPrimaryOffset">@color/green_50</item>
        <item name="colorPrimaryDistinct">@color/green_500</item>
        <item name="colorBadgeBackground">@color/green_100</item>
        <item name="textColorSecondaryDark">@color/green_500</item>
        <item name="android:textColorLink">@color/green_100</item>
        <item name="textColorPrimaryDark">@color/green_500</item>
        <item name="barColor">@color/green_10</item>
        <item name="taskFormTint">@color/green_50</item>
        <item name="toolbarContentColor">@color/green_1</item>
        <item name="colorPrimaryText">@color/green_1</item>
    </style>

    <style name="MainAppTheme.Green.Dark">
        <item name="barColor">@color/gray_1</item>
        <item name="colorPrimaryOffset">@color/gray_10</item>
        <item name="textColorPrimaryDark">@color/gray_200</item>
        <item name="toolbarContentColor">@color/green_100</item>
    </style>

    <style name="MainAppTheme.Teal">
        <item name="colorPrimary">@color/teal_10</item>
        <item name="colorPrimaryDark">@color/teal_5</item>
        <item name="colorAccent">@color/teal_100</item>
        <item name="android:colorPrimary">@color/teal_10</item>
        <item name="android:colorPrimaryDark">@color/teal_5</item>
        <item name="android:colorAccent">@color/teal_100</item>
        <item name="colorPrimaryOffset">@color/teal_50</item>
        <item name="colorPrimaryDistinct">@color/teal_500</item>
        <item name="colorBadgeBackground">@color/teal_100</item>
        <item name="textColorSecondaryDark">@color/teal_500</item>
        <item name="android:textColorLink">@color/teal_100</item>
        <item name="textColorPrimaryDark">@color/teal_500</item>
        <item name="barColor">@color/teal_10</item>
        <item name="taskFormTint">@color/teal_50</item>
        <item name="toolbarContentColor">@color/teal_1</item>
        <item name="colorPrimaryText">@color/teal_1</item>
    </style>

    <style name="MainAppTheme.Teal.Dark">
        <item name="barColor">@color/gray_1</item>
        <item name="colorPrimaryOffset">@color/gray_10</item>
        <item name="textColorPrimaryDark">@color/gray_200</item>
        <item name="toolbarContentColor">@color/teal_100</item>
    </style>

    <style name="MainAppTheme.Blue">
        <item name="colorPrimary">@color/blue_10</item>
        <item name="colorPrimaryDark">@color/blue_5</item>
        <item name="colorAccent">@color/blue_100</item>
        <item name="android:colorPrimary">@color/blue_10</item>
        <item name="android:colorPrimaryDark">@color/blue_5</item>
        <item name="android:colorAccent">@color/blue_100</item>
        <item name="colorPrimaryOffset">@color/blue_50</item>
        <item name="colorPrimaryDistinct">@color/blue_500</item>
        <item name="colorBadgeBackground">@color/blue_100</item>
        <item name="textColorSecondaryDark">@color/blue_500</item>
        <item name="android:textColorLink">@color/blue_100</item>
        <item name="textColorPrimaryDark">@color/blue_500</item>
        <item name="barColor">@color/blue_10</item>
        <item name="taskFormTint">@color/blue_50</item>
        <item name="toolbarContentColor">@color/blue_1</item>
        <item name="colorPrimaryText">@color/blue_1</item>
    </style>

    <style name="MainAppTheme.Blue.Dark">
        <item name="barColor">@color/gray_1</item>
        <item name="colorPrimaryOffset">@color/gray_10</item>
        <item name="textColorPrimaryDark">@color/gray_200</item>
        <item name="toolbarContentColor">@color/blue_100</item>
    </style>

    <style name="MyWidgetTheme">
        <item name="widgetBackgroundRadius">@dimen/my_background_radius_dimen</item>
        <item name="android:textColorPrimary">@color/text_primary</item>
        <item name="android:textColorSecondary">@color/text_secondary</item>
        <item name="android:colorBackground">@color/widget_background</item>
    </style>

    <style name="BottomSheetTheme" parent="Theme.AppCompat.NoActionBar">
        <item name="android:windowIsTranslucent">false</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:backgroundDimEnabled">true</item>
        <item name="actionBarStyle">@color/transparent</item>
        <item name="colorPrimary">@color/brand</item>
        <item name="colorPrimaryDark">@color/brand_50</item>
        <item name="colorAccent">@color/brand_400</item>
        <item name="android:windowContentOverlay">@null</item>
    </style>

    <style name="LaunchAppTheme" parent="AppTheme">
        <item name="android:windowBackground">@drawable/activity_launch_background</item>
    </style>


    <style name="PopupTheme" parent="Widget.AppCompat.PopupMenu.Overflow">
        <item name="android:popupBackground">@color/content_background</item>
    </style>

    <style name="CardText">
        <item name="android:textSize">@dimen/card_small_text</item>
        <item name="android:textColor">@color/card_text</item>
        <item name="android:ellipsize">end</item>
    </style>

    <style name="CardTitle" parent="@style/CardText">
        <item name="android:textSize">@dimen/card_medium_text</item>
        <item name="android:textColor">@color/card_title_text</item>
    </style>

    <style name="CardContent">
        <item name="android:padding">@dimen/card_padding</item>
    </style>

    <style name="CardContent.Compact" parent="CardContent">
        <item name="android:padding">@dimen/card_padding_compact</item>
    </style>

    <style name="RowWrapper">
        <item name="android:padding">@dimen/row_padding</item>
        <item name="android:background">@drawable/selection_highlight</item>
    </style>

    <style name="RowText">
        <item name="android:textSize">@dimen/row_text_size</item>
        <item name="android:textColor">@color/card_text</item>
    </style>

    <style name="RowTitle">
        <item name="android:textSize">@dimen/row_title_size</item>
        <item name="android:textStyle">bold</item>
        <item name="android:textColor">@color/card_title_text</item>
        <item name="android:paddingBottom">@dimen/row_title_bottommargin</item>
    </style>

    <style name="RowText.unimportant" parent="RowText">
        <item name="android:textColor">@android:color/darker_gray</item>
        <item name="android:textAppearance">?android:attr/textAppearanceSmall</item>
    </style>

    <style name="MyOwnListSeperatorTextViewStyle">
        <item name="android:background">@drawable/border_lightgray</item>
        <item name="android:drawablePadding">4dp</item>
        <item name="android:layout_marginTop">8dp</item>
        <item name="android:paddingStart">4dp</item>
        <item name="android:textAllCaps">true</item>
        <item name="android:textSize">14sp</item>
    </style>

    <style name="ChatMessageUserTextViewStyle">
        <item name="android:shadowColor">#000000</item>
        <item name="android:shadowDx">1</item>
        <item name="android:shadowDy">1</item>
        <item name="android:shadowRadius">1</item>
    </style>

    <!-- used activity_main.xml -->
    <style name="Toolbar" parent="ThemeOverlay.AppCompat.DayNight.ActionBar">
        <item name="android:textColorPrimary">?attr/toolbarContentColor</item>
        <item name="textColorSecondary">?attr/toolbarContentColor</item>
        <item name="background">?attr/headerBackgroundColor</item>
        <item name="actionMenuTextColor">?attr/toolbarContentColor</item>
        <item name="android:actionMenuTextColor">?attr/toolbarContentColor</item>
    </style>


    <style name="Toolbar.Modern" parent="ThemeOverlay.AppCompat.DayNight.ActionBar">
        <item name="android:textColorPrimary">?attr/headerTextColor</item>
        <item name="textColorSecondary">?attr/headerTextColor</item>
        <item name="background">?attr/headerBackgroundColor</item>
        <item name="actionMenuTextColor">?attr/toolbarContentColor</item>
        <item name="android:actionMenuTextColor">?attr/toolbarContentColor</item>
        <item name="android:itemTextAppearance">@style/menu_item_color</item>
    </style>

    <style name="menu_item_color">
        <item name="android:textColor">@color/text_primary</item>
    </style>

    <style name="HabitButton" parent="android:Widget.Button">
        <item name="android:radius">0dp</item>
        <item name="android:layout_margin">0dp</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:textSize">20sp</item>
    </style>

    <style name="DialogButton" parent="android:Widget.Button">
        <item name="android:background">@android:color/transparent</item>
        <item name="android:textColor">@color/brand_100</item>
    </style>

    <style name="AlertDialogTheme" parent="Theme.AppCompat.DayNight.Dialog.Alert">
        <item name="colorPrimary">@color/text_brand_neon</item>
        <item name="colorAccent">@color/color_accent</item>
        <item name="buttonBarNegativeButtonStyle">@style/NegativeButtonStyle</item>
        <item name="buttonBarNeutralButtonStyle">@style/PositiveButtonStyle</item>
        <item name="buttonBarPositiveButtonStyle">@style/PositiveButtonStyle</item>
        <item name="backgroundTint">@color/dialog_background</item>
    </style>


    <style name="NegativeButtonStyle" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
        <item name="android:textColor">@color/text_red</item>
    </style>

    <style name="PositiveButtonStyle" parent="Widget.MaterialComponents.Button.TextButton.Dialog">
        <item name="android:textColor">@color/dialog_button_text_color</item>
    </style>

    <style name="HabiticaAlertDialogTheme" parent="Theme.AppCompat.DayNight.Dialog.Alert">
        <item name="colorAccent">@color/brand_400</item>
        <item name="android:windowFrame">@null</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>
        <item name="android:windowBackground">@color/transparent</item>
        <item name="android:colorBackgroundCacheHint">@null</item>
    </style>

    <style name="SectionTitle">
        <item name="android:textSize">@dimen/card_medium_text</item>
        <item name="android:textStyle">bold</item>
        <item name="android:paddingStart">@dimen/section_leftright_padding</item>
        <item name="android:paddingEnd">@dimen/section_leftright_padding</item>
        <item name="android:paddingTop">@dimen/section_top_padding</item>
    </style>

    <style name="SectionHeaderCaps">
        <item name="android:fontFamily">@string/font_family_medium</item>
        <item name="android:textSize">10sp</item>
        <item name="android:textColor">@color/text_ternary</item>
        <item name="android:textAllCaps">true</item>
        <item name="android:layout_marginStart">@dimen/spacing_large</item>
        <item name="android:letterSpacing">0.15</item>
    </style>

    <style name="BottomMenu">
        <item name="android:divider">?android:listDivider</item>
        <item name="android:showDividers">middle</item>
        <item name="android:paddingBottom">@dimen/spacing_medium</item>
    </style>
    
    <style name="BottomMenuItem">
        <item name="android:paddingStart">@dimen/bottom_menu_padding</item>
        <item name="android:paddingEnd">@dimen/bottom_menu_padding</item>
        <item name="android:paddingTop">@dimen/spacing_large</item>
        <item name="android:paddingBottom">@dimen/spacing_large</item>
        <item name="android:background">@drawable/selection_highlight</item>
    </style>

    <style name="BottomMenuItemText">
        <item name="android:textSize">@dimen/card_medium_text</item>
    </style>

    <style name="GemPurchaseListItem">
        <item name="dayTextColor">@color/brand_200</item>
        <item name="nightTextColor">@color/gray_400</item>
        <item name="android:gravity">center_horizontal</item>
        <item name="android:textSize">12sp</item>
        <item name="android:drawableStart">@drawable/ic_check_purple</item>
        <item name="android:layout_gravity">center</item>
        <item name="android:drawablePadding">4dp</item>
    </style>

    <style name="SubscriptionListTitle" parent="GemPurchaseListItem">
        <item name="android:layout_gravity">left|center_vertical</item>
        <item name="android:fontFamily" tools:targetApi="jelly_bean">@string/font_family_medium</item>
        <item name="android:textSize">14sp</item>
        <item name="paddingEnd">32dp</item>
    </style>

    <style name="FragmentDialogTitle">
        <item name="android:textSize">@dimen/card_medium_text</item>
        <item name="android:textStyle">bold</item>
        <item name="android:paddingStart">@dimen/section_leftright_padding</item>
        <item name="android:paddingEnd">@dimen/section_leftright_padding</item>
        <item name="android:paddingTop">@dimen/section_top_padding</item>
        <item name="android:paddingBottom">@dimen/section_top_padding</item>
    </style>

    <style name="GemPurchaseListItemDescription">
        <item name="android:layout_gravity">center_horizontal</item>
        <item name="android:textSize">13sp</item>
        <item name="android:layout_marginLeft">8dp</item>
        <item name="android:layout_marginEnd">8dp</item>
        <item name="android:textColor">@color/subscription_description_text</item>
    </style>

    <style name="Pill">
        <item name="android:textSize">11sp</item>
        <item name="android:fontFamily">@string/font_family_medium</item>
        <item name="android:background">@drawable/pill_bg_gray</item>
        <item name="android:paddingEnd">@dimen/pill_horizontal_padding</item>
        <item name="android:paddingStart">@dimen/pill_horizontal_padding</item>
        <item name="android:paddingTop">@dimen/pill_vertical_padding</item>
        <item name="android:paddingBottom">@dimen/pill_vertical_padding</item>
        <item name="android:textColor">@color/text_ternary</item>
    </style>

    <style name="Pill.Window">
        <item name="android:background">@drawable/pill_bg_window</item>
    </style>

    <style name="Pill.Content">
        <item name="android:background">@drawable/pill_bg_content</item>
    </style>
    <style name="Pill.Purple">
        <item name="android:textColor">@color/white</item>
        <item name="android:background">@drawable/pill_bg_purple_300</item>
    </style>

    <style name="Pill.Selected">
        <item name="android:textColor">@color/white</item>
        <item name="android:background">@drawable/pill_bg_purple</item>
    </style>

    <style name="Pill.Selected.Green">
        <item name="android:background">@drawable/pill_bg_green</item>
    </style>

    <style name="Pill.Selected.Yellow">
        <item name="android:background">@drawable/pill_bg_yellow</item>
    </style>

    <style name="Pill.Selected.Red">
        <item name="android:background">@drawable/pill_bg_red</item>
    </style>

    <style name="subscriptionBox">
        <item name="android:background">@drawable/subscription_box_bg</item>
        <item name="android:paddingTop">16dp</item>
        <item name="android:paddingBottom">16dp</item>
        <item name="android:paddingStart">18dp</item>
        <item name="android:paddingEnd">18dp</item>
        <item name="android:layout_marginBottom">8dp</item>
    </style>

    <style name="subscriptionBoxText">
        <item name="android:textColor">?colorPrimary</item>
    </style>

    <style name="subscriptionBoxText.Title">
        <item name="android:textSize">14sp</item>
        <item name="android:fontFamily" tools:targetApi="jelly_bean">
            @string/font_family_medium
        </item>
        <item name="android:textColor">@color/text_primary</item>
        <item name="android:layout_marginBottom">4dp</item>
    </style>

    <style name="subscriptionBoxText.Subtitle">
        <item name="android:textSize">14sp</item>
        <item name="android:fontFamily" tools:targetApi="jelly_bean">
            @string/font_family_regular
        </item>
        <item name="android:textColor">@color/text_primary</item>
    </style>

    <style name="SubscriptionListDescription" parent="GemPurchaseListItemDescription">
        <item name="android:layout_marginBottom">24dp</item>
        <item name="android:fontFamily" tools:targetApi="jelly_bean">
            @string/font_family_condensed
        </item>
        <item name="android:textSize">14sp</item>
        <item name="android:letterSpacing">0.035</item>
        <item name="android:lineSpacingExtra">2.0dp</item>
        <item name="android:layout_marginLeft">16dp</item>
        <item name="android:layout_marginEnd">16dp</item>
    </style>

    <style name="HabiticaButton.Purple" parent="HabiticaButton">
        <item name="android:backgroundTint">@color/color_accent</item>
        <item name="android:textColor">@color/white</item>
    </style>

    <style name="HabiticaButton.Content" parent="HabiticaButton">
        <item name="android:backgroundTint">@color/content_background</item>
        <item name="android:textColor">@color/text_primary</item>
    </style>

    <style name="HabiticaButton.Purple.Small" parent="HabiticaButton.Purple">
        <item name="android:paddingStart">@dimen/button_padding_small</item>
        <item name="android:paddingEnd">@dimen/button_padding_small</item>
        <item name="android:paddingTop">@dimen/button_padding_vertical_small</item>
        <item name="android:paddingBottom">@dimen/button_padding_vertical_small</item>
    </style>

    <style name="LoginEditTextTheme">
        <item name="colorAccent">@color/white_50_alpha</item>
        <item name="colorControlNormal">@color/white_15_alpha</item>
        <item name="colorControlActivated">@color/white_75_alpha</item>
        <item name="android:drawablePadding">@dimen/spacing_large</item>
        <item name="android:textColor">@color/white_75_alpha</item>
        <item name="android:textColorHint">@color/white_50_alpha</item>
        <item name="android:paddingStart">16dp</item>
        <item name="android:paddingEnd">16dp</item>
        <item name="android:paddingBottom">20dp</item>
    </style>

    <style name="LoginButton" parent="@style/Widget.AppCompat.Button.Borderless">
        <item name="android:shadowColor">@color/transparent</item>
        <item name="android:background">@drawable/login_button</item>
        <item name="backgroundTint">@color/brand_50</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:layout_gravity">center_horizontal</item>
        <item name="android:textAllCaps">false</item>
        <item name="android:paddingStart">32dp</item>
        <item name="android:paddingEnd">32dp</item>
    </style>

    <style name="DiamondButton" parent="@style/Widget.AppCompat.Button.Borderless">
        <item name="android:layout_height">36dp</item>
        <item name="android:background">@drawable/diamond_button</item>
        <item name="backgroundTint">@color/brand</item>
        <item name="android:paddingStart">36dp</item>
        <item name="android:paddingEnd">36dp</item>
        <item name="android:paddingTop">0dp</item>
        <item name="android:paddingBottom">0dp</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:textAllCaps">false</item>
        <item name="android:shadowColor">@color/transparent</item>
    </style>

    <style name="TaskFilterRadioButton">
        <item name="android:layout_weight">1</item>
        <item name="android:button">@color/transparent</item>
        <item name="android:background">@drawable/pill_radio_button</item>
        <item name="android:gravity">center</item>
        <item name="android:padding">8dp</item>
        <item name="android:textColor">@drawable/radio_button_text_color</item>
    </style>

    <style name="TagEditTextTheme">
        <item name="colorAccent">@color/black_20_alpha</item>
        <item name="colorControlNormal">@color/black_20_alpha</item>
        <item name="android:drawablePadding">@dimen/spacing_large</item>
    </style>

    <style name="SegmentView">
        <item name="android:layout_margin">@dimen/spacing_large</item>
        <item name="android:orientation">vertical</item>
    </style>

    <style name="HabiticaButton" parent="@style/Widget.MaterialComponents.Button.TextButton">
        <item name="android:textAllCaps">false</item>
        <item name="android:textSize">16sp</item>
        <item name="android:letterSpacing">0.02</item>
        <item name="android:fontFamily">@string/font_family_medium</item>
        <item name="android:minHeight">@dimen/button_height</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:shadowColor">@color/disabled_background</item>
        <item name="android:paddingStart">@dimen/spacing_large</item>
        <item name="android:paddingEnd">@dimen/spacing_large</item>
        <item name="android:paddingTop">@dimen/spacing_small</item>
        <item name="android:paddingBottom">@dimen/spacing_small</item>
        <item name="android:elevation">0dp</item>
        <item name="android:minWidth">147dp</item>
        <item name="cornerRadius">@dimen/rounded_button_radius</item>
    </style>

    <style name="HabiticaButton.Borderless" parent="@style/Widget.AppCompat.Button.Borderless">
        <item name="android:textAllCaps">false</item>
        <item name="android:textSize">16sp</item>
        <item name="android:letterSpacing">0.02</item>
        <item name="android:fontFamily">@string/font_family_medium</item>
        <item name="android:minHeight">@dimen/button_height</item>
        <item name="android:shadowColor">@color/transparent</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:paddingStart">@dimen/spacing_large</item>
        <item name="android:paddingEnd">@dimen/spacing_large</item>
        <item name="android:minWidth">147dp</item>
    </style>

    <style name="HabiticaButton.Primary" parent="HabiticaButton">
        <item name="android:backgroundTint">@color/color_accent</item>
        <item name="android:textColor">@color/white</item>
    </style>

    <style name="HabiticaButton.Small" parent="HabiticaButton">
        <item name="android:paddingTop">@dimen/button_padding_vertical_small</item>
        <item name="android:paddingBottom">@dimen/button_padding_vertical_small</item>
        <item name="android:textSize">12sp</item>
        <item name="android:minHeight">@dimen/button_height_small</item>
        <item name="android:layout_height">@dimen/button_height_small</item>
    </style>

    <style name="HabiticaButton.Gray" parent="HabiticaButton">
        <item name="android:backgroundTint">@color/window_background</item>
        <item name="android:textColor">@color/text_brand_neon</item>
    </style>

    <style name="HabiticaButton.Offset" parent="HabiticaButton">
        <item name="android:backgroundTint">@color/offset_background</item>
        <item name="android:textColor">@color/brand_400</item>
    </style>

    <style name="HabiticaButton.Red" parent="HabiticaButton">
        <item name="android:backgroundTint">@color/red_100</item>
    </style>

    <style name="HabiticaButton.Blue" parent="HabiticaButton">
        <item name="android:backgroundTint">@color/blue_100</item>
    </style>

    <style name="HabiticaButton.Red.Small" parent="HabiticaButton.Small">
        <item name="android:backgroundTint">@color/red_100</item>
    </style>

    <style name="SegmentTitle" parent="Headline">
        <item name="android:layout_marginBottom">@dimen/spacing_medium</item>
    </style>

    <style name="HabiticaButton.Green" parent="HabiticaButton">
        <item name="android:backgroundTint">@color/green_100</item>
    </style>

    <style name="HabiticaButton.Green.Small" parent="HabiticaButton.Small">
        <item name="android:backgroundTint">@color/green_100</item>
    </style>

    <style name="HabiticaButton.Yellow" parent="HabiticaButton">
        <item name="android:backgroundTint">@color/yellow_100</item>
    </style>

    <style name="HabiticaButton.White" parent="HabiticaButton">
        <item name="android:backgroundTint">@color/white</item>
        <item name="android:textColor">@color/brand_400</item>
    </style>

    <style name="CurrencyTextView">
        <item name="android:textSize">12sp</item>
        <item name="android:layout_marginLeft">4dp</item>
        <item name="android:drawablePadding">4dp</item>
        <item name="android:gravity">center</item>
    </style>

    <style name="QuestRatingBar" parent="@android:style/Widget.RatingBar">
        <item name="android:progressDrawable">@drawable/quest_difficulty_rating</item>
        <item name="android:minHeight">12dip</item>
        <item name="android:maxHeight">12dip</item>
    </style>

    <style name="RedTextLabel" parent="TextAppearance.AppCompat">
        <item name="android:textColor">@color/red_10</item>
    </style>
    <style name="YellowTextLabel" parent="TextAppearance.AppCompat">
        <item name="android:textColor">@color/yellow_10</item>
    </style>
    <style name="BlueTextLabel" parent="TextAppearance.AppCompat">
        <item name="android:textColor">@color/blue_10</item>
    </style>
    <style name="PurpleTextLabel" parent="TextAppearance.AppCompat">
        <item name="android:textColor">@color/brand_300</item>
    </style>

    <style name="TaskFormTextInputLayoutAppearance" parent="Widget.MaterialComponents.TextInputLayout.FilledBox">
        <!-- reference our hint & error styles -->
        <item name="boxBackgroundColor">@color/white</item>
        <item name="android:textColor">?attr/colorPrimaryText</item>
        <item name="android:textColorHint">?colorPrimaryText</item>
        <item name="colorControlNormal">?attr/colorPrimary</item>
        <item name="colorControlActivated">?attr/colorPrimary</item>
        <item name="colorControlHighlight">?attr/colorPrimary</item>
        <item name="colorAccent">?attr/colorPrimaryText</item>
        <item name="colorPrimary">?attr/colorPrimaryText</item>
        <item name="hintTextAppearance">@style/TaskFormHintTextAppearance</item>
    </style>

    <style name="TaskFormHintTextAppearance">
        <item name="android:colorPrimary">?attr/colorPrimaryText</item>
        <item name="colorPrimary">?attr/colorPrimaryText</item>
        <item name="textColorPrimary">?attr/colorPrimaryText</item>
        <item name="android:textSize">12sp</item>
        <item name="android:fontFamily">@string/font_family_medium</item>
        <item name="fontFamily">@string/font_family_medium</item>
    </style>

    <style name="TextInputLayoutAppearanceTheme">
        <item name="boxBackgroundColor">@color/taskform_gray</item>
        <item name="android:textColor">?attr/colorPrimaryText</item>
        <item name="android:textColorHint">@color/text_quad</item>
        <item name="android:colorControlNormal">?attr/colorPrimary</item>
        <item name="android:colorControlActivated">?attr/colorPrimary</item>
        <item name="android:colorControlHighlight">?attr/colorPrimary</item>
        <item name="android:colorAccent">?colorPrimaryText</item>
    </style>

    <style name="TextInputLayoutAppearance" parent="Widget.MaterialComponents.TextInputLayout.FilledBox">
        <item name="boxBackgroundColor">@color/taskform_gray</item>
        <item name="android:textColor">@color/text_primary</item>
        <item name="android:textColorHint">@color/text_quad</item>
    </style>

    <style name="TaskFormSectionheader">
        <item name="android:textSize">16sp</item>
        <item name="android:textColor">@color/text_primary</item>
        <item name="android:layout_marginTop">@dimen/spacing_large</item>
        <item name="android:layout_marginBottom">@dimen/spacing_medium</item>
        <item name="android:accessibilityHeading">true</item>
    </style>

    <style name="TaskFormToggle">
        <item name="android:background">@drawable/layout_rounded_bg_content</item>
        <item name="android:gravity">center</item>
        <item name="android:paddingTop">@dimen/spacing_small</item>
        <item name="android:paddingBottom">@dimen/spacing_small</item>
        <item name="android:height">28dp</item>
    </style>

    <style name="TaskFormWeekdayButton">
        <item name="android:textSize">16sp</item>
        <item name="android:gravity">center</item>
        <item name="android:textAlignment">gravity</item>
    </style>

    <style name="ClassSelectionClassButton">
        <item name="android:gravity">center</item>
        <item name="android:textSize">16sp</item>
        <item name="android:textStyle">bold</item>
        <item name="android:background">@drawable/layout_rounded_bg_window</item>
        <item name="android:paddingStart">@dimen/spacing_medium</item>
        <item name="android:paddingEnd">@dimen/spacing_medium</item>
    </style>

    <style name="ToolbarDarkBackArrow" parent="Base.Theme.AppCompat.Light.DarkActionBar">
        <item name="colorControlNormal">@color/text_primary</item>
        <item name="android:actionMenuTextColor">@color/text_primary</item>
    </style>

    <style name="ReportMessageToolbar">
        <item name="android:actionMenuTextColor">@color/red_50</item>
    </style>

    <style name="SearchViewStyle" parent="Widget.AppCompat.SearchView">
        <item name="android:textColorHint">@color/white_50_alpha</item>
        <item name="searchHintIcon">@null</item>
    </style>

    <style name="FlatCardView">
        <item name="android:background">@drawable/layout_rounded_bg_window</item>
        <item name="android:layout_margin">@dimen/spacing_medium</item>
    </style>

    <style name="CountLabel">
        <item name="android:background">@drawable/pill_bg_gray_300</item>
        <item name="android:paddingStart">4dp</item>
        <item name="android:paddingEnd">4dp</item>
        <item name="android:minWidth">24dp</item>
        <item name="android:gravity">center</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:textSize">12sp</item>
        <item name="android:textStyle">bold</item>
    </style>
    <style name="ActiveLabel">
        <item name="android:background">@drawable/pill_bg_teal_100</item>
        <item name="android:paddingStart">4dp</item>
        <item name="android:paddingEnd">4dp</item>
        <item name="android:minWidth">24dp</item>
        <item name="android:gravity">center</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:textSize">12sp</item>
        <item name="android:textStyle">bold</item>
    </style>

    <dimen name="my_background_radius_dimen">12dp</dimen>
</resources>