Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit 4b343e21 authored by Jason Chiu's avatar Jason Chiu
Browse files

[Expressive design] Add colors for homepage icons 

Bug: 396944193
Test: visual
Flag: EXEMPT add/change colors
Change-Id: Id9d9173c275a97676cdd66c32bb6cfb69bb527e0
parent 9fb0e28b

color-check-baseline.xml

+347 −1051

File changed.

Preview size limit exceeded, changes collapsed.

res/values-night/colors.xml

+13 −2
Original line number Diff line number Diff line
@@ -16,8 +16,19 @@ 


<resources

    xmlns:androidprv="http://schemas.android.com/apk/prv/res/android">

    <color name="homepage_accessibility_background">#783BE5</color>

    <color name="homepage_support_background">#3F5FBD</color>



    <!-- Dashboard/homepage icon colors -->

    <color name="homepage_blue_variant_bg">@color/m3_ref_palette_blue_variant80</color>

    <color name="homepage_blue_bg">@color/m3_ref_palette_blue80</color>

    <color name="homepage_pink_bg">@color/m3_ref_palette_pink80</color>

    <color name="homepage_orange_bg">@color/m3_ref_palette_orange80</color>

    <color name="homepage_yellow_bg">@color/m3_ref_palette_yellow80</color>

    <color name="homepage_green_bg">@color/m3_ref_palette_green80</color>

    <color name="homepage_grey_bg">@color/m3_ref_palette_grey80</color>

    <color name="homepage_cyan_bg">@color/m3_ref_palette_cyan80</color>

    <color name="homepage_red_bg">@color/m3_ref_palette_red80</color>

    <color name="homepage_purple_bg">@color/m3_ref_palette_purple80</color>



    <color name="contextual_card_background">@*android:color/material_grey_900</color>

    <color name="notification_importance_button_unselected">#5F6368</color>

res/values/colors.xml

+64 −15
Original line number Diff line number Diff line
@@ -51,22 +51,71 @@ 
    <!-- Color for the background of the shortcut icons.-->

    <color name="shortcut_background">#fff5f5f5</color>



    <!-- Dashboard/homepage icon background colors -->

    <color name="homepage_network_background">#2196F3</color>

    <color name="homepage_connected_device_background">#72B70F</color>

    <color name="homepage_app_and_notification_background">#FF7E0F</color>

    <color name="homepage_battery_background">#258982</color>

    <color name="homepage_display_background">#FFA727</color>

    <color name="homepage_sound_background">#01B1AF</color>

    <color name="homepage_storage_background">#C14CE6</color>

    <color name="homepage_security_background">#0F9D58</color>

    <color name="homepage_accounts_background">#F15B8D</color>

    <color name="homepage_accessibility_background">#5011C1</color>

    <color name="homepage_system_background">#9E9E9E</color>

    <color name="homepage_support_background">#26459C</color>

    <!-- Dashboard/homepage icon colors -->

    <color name="homepage_network_foreground">@color/homepage_blue_variant_fg</color>

    <color name="homepage_network_background">@color/homepage_blue_variant_bg</color>

    <color name="homepage_connected_device_foreground">@color/homepage_blue_variant_fg</color>

    <color name="homepage_connected_device_background">@color/homepage_blue_variant_bg</color>

    <color name="homepage_apps_foreground">@color/homepage_blue_fg</color>

    <color name="homepage_apps_background">@color/homepage_blue_bg</color>

    <color name="homepage_notification_foreground">@color/homepage_pink_fg</color>

    <color name="homepage_notification_background">@color/homepage_pink_bg</color>

    <color name="homepage_sound_foreground">@color/homepage_pink_fg</color>

    <color name="homepage_sound_background">@color/homepage_pink_bg</color>

    <color name="homepage_modes_foreground">@color/homepage_pink_fg</color>

    <color name="homepage_modes_background">@color/homepage_pink_bg</color>

    <color name="homepage_hub_mode_foreground">@color/homepage_pink_fg</color>

    <color name="homepage_hub_mode_background">@color/homepage_pink_bg</color>

    <color name="homepage_display_foreground">@color/homepage_orange_fg</color>

    <color name="homepage_display_background">@color/homepage_orange_bg</color>

    <color name="homepage_wallpaper_foreground">@color/homepage_orange_fg</color>

    <color name="homepage_wallpaper_background">@color/homepage_orange_bg</color>

    <color name="homepage_storage_foreground">@color/homepage_yellow_fg</color>

    <color name="homepage_storage_background">@color/homepage_yellow_bg</color>

    <color name="homepage_battery_foreground">@color/homepage_green_fg</color>

    <color name="homepage_battery_background">@color/homepage_green_bg</color>

    <color name="homepage_system_foreground">@color/homepage_grey_fg</color>

    <color name="homepage_system_background">@color/homepage_grey_bg</color>

    <color name="homepage_about_foreground">@color/homepage_grey_fg</color>

    <color name="homepage_about_background">@color/homepage_grey_bg</color>

    <color name="homepage_security_foreground">@color/homepage_cyan_fg</color>

    <color name="homepage_security_background">@color/homepage_cyan_bg</color>

    <color name="homepage_location_foreground">@color/homepage_cyan_fg</color>

    <color name="homepage_location_background">@color/homepage_cyan_bg</color>

    <color name="homepage_accounts_foreground">@color/homepage_cyan_fg</color>

    <color name="homepage_accounts_background">@color/homepage_cyan_bg</color>

    <color name="homepage_wellbeing_foreground">@color/homepage_cyan_fg</color>

    <color name="homepage_wellbeing_background">@color/homepage_cyan_bg</color>

    <color name="homepage_supervision_foreground">@color/homepage_cyan_fg</color>

    <color name="homepage_supervision_background">@color/homepage_cyan_bg</color>

    <color name="homepage_safety_foreground">@color/homepage_red_fg</color>

    <color name="homepage_safety_background">@color/homepage_red_bg</color>

    <color name="homepage_accessibility_foreground">@color/homepage_purple_fg</color>

    <color name="homepage_accessibility_background">@color/homepage_purple_bg</color>

    <color name="homepage_support_foreground">@color/homepage_purple_fg</color>

    <color name="homepage_support_background">@color/homepage_purple_bg</color>

    <color name="homepage_generic_icon_background">#1A73E8</color>

    <color name="homepage_location_background">#2EC7DC</color>

    <color name="homepage_about_background">#6F86DA</color>



    <color name="homepage_blue_variant_fg">@color/m3_ref_palette_blue_variant30</color>

    <color name="homepage_blue_variant_bg">@color/m3_ref_palette_blue_variant90</color>

    <color name="homepage_blue_fg">@color/m3_ref_palette_blue30</color>

    <color name="homepage_blue_bg">@color/m3_ref_palette_blue90</color>

    <color name="homepage_pink_fg">@color/m3_ref_palette_pink30</color>

    <color name="homepage_pink_bg">@color/m3_ref_palette_pink90</color>

    <color name="homepage_orange_fg">@color/m3_ref_palette_orange30</color>

    <color name="homepage_orange_bg">@color/m3_ref_palette_orange90</color>

    <color name="homepage_yellow_fg">@color/m3_ref_palette_yellow30</color>

    <color name="homepage_yellow_bg">@color/m3_ref_palette_yellow90</color>

    <color name="homepage_green_fg">@color/m3_ref_palette_green30</color>

    <color name="homepage_green_bg">@color/m3_ref_palette_green90</color>

    <color name="homepage_grey_fg">@color/m3_ref_palette_grey30</color>

    <color name="homepage_grey_bg">@color/m3_ref_palette_grey90</color>

    <color name="homepage_cyan_fg">@color/m3_ref_palette_cyan30</color>

    <color name="homepage_cyan_bg">@color/m3_ref_palette_cyan90</color>

    <color name="homepage_red_fg">@color/m3_ref_palette_red30</color>

    <color name="homepage_red_bg">@color/m3_ref_palette_red90</color>

    <color name="homepage_purple_fg">@color/m3_ref_palette_purple30</color>

    <color name="homepage_purple_bg">@color/m3_ref_palette_purple90</color>



    <color name="contextual_card_dismissal_background">@*android:color/material_grey_100</color>

    <color name="contextual_card_background">@*android:color/background_device_default_light</color>