archive
/
tasks
mirror of https://github.com/tasks/tasks
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Auto desaturate palette colors in dark mode

Browse Source
pull/935/head
Alex Baker 4 years ago
parent e2046a614d
commit 0eb3c88388
9 changed files with 118 additions and 128 deletions
Show Stats Download Patch File Download Diff File

3
app/src/main/java/org/tasks/activities/BaseListSettingsActivity.java
Unescape Escape View File

@ -21,6 +21,7 @@ import butterknife.OnClick;
import javax.inject.Inject; import javax.inject.Inject;
import org.tasks.R; import org.tasks.R;
import org.tasks.dialogs.ColorPalettePicker; import org.tasks.dialogs.ColorPalettePicker;
import org.tasks.dialogs.ColorPickerAdapter.Palette;
import org.tasks.dialogs.ColorWheelPicker; import org.tasks.dialogs.ColorWheelPicker;
import org.tasks.dialogs.DialogBuilder; import org.tasks.dialogs.DialogBuilder;
import org.tasks.dialogs.IconPickerDialog.IconPickerCallback; import org.tasks.dialogs.IconPickerDialog.IconPickerCallback;
@ -123,7 +124,7 @@ public abstract class BaseListSettingsActivity extends ThemedInjectingAppCompatA
@OnClick(R.id.color_row) @OnClick(R.id.color_row)
protected void showThemePicker() { protected void showThemePicker() {
ColorPalettePicker.Companion.newColorPalette(null, 0, selectedColor) ColorPalettePicker.Companion.newColorPalette(null, 0, selectedColor, Palette.COLORS)
.show(getSupportFragmentManager(), FRAG_TAG_COLOR_PICKER); .show(getSupportFragmentManager(), FRAG_TAG_COLOR_PICKER);
} }

40
app/src/main/java/org/tasks/dialogs/ColorPalettePicker.kt
Unescape Escape View File

@ -17,6 +17,7 @@ import org.tasks.Callback
import org.tasks.R import org.tasks.R
import org.tasks.billing.Inventory import org.tasks.billing.Inventory
import org.tasks.billing.PurchaseDialog import org.tasks.billing.PurchaseDialog
import org.tasks.dialogs.ColorPickerAdapter.Palette
import org.tasks.dialogs.ColorWheelPicker.Companion.newColorWheel import org.tasks.dialogs.ColorWheelPicker.Companion.newColorWheel
import org.tasks.injection.DialogFragmentComponent import org.tasks.injection.DialogFragmentComponent
import org.tasks.injection.InjectingDialogFragment import org.tasks.injection.InjectingDialogFragment
@ -36,15 +37,7 @@ class ColorPalettePicker : InjectingDialogFragment() {
fun newColorPalette( fun newColorPalette(
target: Fragment?, target: Fragment?,
rc: Int, rc: Int,
selected: Int palette: Palette
): ColorPalettePicker {
return newColorPalette(target, rc, selected, ColorPickerAdapter.Palette.COLORS)
}
fun newColorPalette(
target: Fragment?,
rc: Int,
palette: ColorPickerAdapter.Palette
): ColorPalettePicker { ): ColorPalettePicker {
return newColorPalette(target, rc, 0, palette) return newColorPalette(target, rc, 0, palette)
} }
@ -53,7 +46,7 @@ class ColorPalettePicker : InjectingDialogFragment() {
target: Fragment?, target: Fragment?,
rc: Int, rc: Int,
selected: Int, selected: Int,
palette: ColorPickerAdapter.Palette palette: Palette = Palette.COLORS
): ColorPalettePicker { ): ColorPalettePicker {
val args = Bundle() val args = Bundle()
args.putSerializable(EXTRA_PALETTE, palette) args.putSerializable(EXTRA_PALETTE, palette)
@ -81,26 +74,29 @@ class ColorPalettePicker : InjectingDialogFragment() {
@BindView(R.id.icons) lateinit var recyclerView: RecyclerView @BindView(R.id.icons) lateinit var recyclerView: RecyclerView
lateinit var colors: List<Pickable> private lateinit var colors: List<Pickable>
lateinit var palette: ColorPickerAdapter.Palette lateinit var palette: Palette
var callback: ColorPickedCallback? = null var callback: ColorPickedCallback? = null
override fun onCreateDialog(savedInstanceState: Bundle?): Dialog { override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
val inflater = LayoutInflater.from(context) val inflater = LayoutInflater.from(context)
val view = inflater.inflate(R.layout.dialog_icon_picker, null) val view = inflater.inflate(R.layout.dialog_icon_picker, null)
ButterKnife.bind(this, view) ButterKnife.bind(this, view)
palette = arguments!!.getSerializable(EXTRA_PALETTE) as ColorPickerAdapter.Palette palette = arguments!!.getSerializable(EXTRA_PALETTE) as Palette
colors = when (palette) { colors = when (palette) {
ColorPickerAdapter.Palette.COLORS -> ThemeColor.COLORS.mapIndexed { index, color -> Palette.COLORS -> ThemeColor.COLORS.mapIndexed { index, color ->
ThemeColor(context, index, ContextCompat.getColor(context!!, color)) ThemeColor(context, index, ContextCompat.getColor(context!!, color), true)
} }
ColorPickerAdapter.Palette.ACCENTS -> ThemeAccent.ACCENTS.mapIndexed { index, _ -> Palette.ACCENTS -> ThemeAccent.ACCENTS.mapIndexed { index, _ ->
ThemeAccent(context, index) ThemeAccent(context, index)
} }
ColorPickerAdapter.Palette.LAUNCHERS -> ThemeColor.LAUNCHER_COLORS.mapIndexed { index, color -> Palette.LAUNCHERS -> ThemeColor.LAUNCHER_COLORS.mapIndexed { index, color ->
ThemeColor(context, index, ContextCompat.getColor(context!!, color)) ThemeColor(context, index, ContextCompat.getColor(context!!, color), false)
}
Palette.WIDGET -> ThemeColor.COLORS.mapIndexed { index, color ->
ThemeColor(context, index, ContextCompat.getColor(context!!, color), false)
} }
ColorPickerAdapter.Palette.WIDGET_BACKGROUND -> themeCache.widgetThemes Palette.WIDGET_BACKGROUND -> themeCache.widgetThemes
} }
val iconPickerAdapter = ColorPickerAdapter( val iconPickerAdapter = ColorPickerAdapter(
@ -114,7 +110,7 @@ class ColorPalettePicker : InjectingDialogFragment() {
dialogBuilder dialogBuilder
.newDialog() .newDialog()
.setView(view) .setView(view)
if (palette == ColorPickerAdapter.Palette.COLORS) { if (palette == Palette.COLORS || palette == Palette.WIDGET) {
builder.setNeutralButton(R.string.color_wheel) { _, _ -> builder.setNeutralButton(R.string.color_wheel) { _, _ ->
val selected = arguments?.getInt(EXTRA_SELECTED) ?: 0 val selected = arguments?.getInt(EXTRA_SELECTED) ?: 0
newColorWheel(targetFragment, targetRequestCode, selected) newColorWheel(targetFragment, targetRequestCode, selected)
@ -141,8 +137,8 @@ class ColorPalettePicker : InjectingDialogFragment() {
private fun onSelected(index: Int) { private fun onSelected(index: Int) {
val result = when (palette) { val result = when (palette) {
ColorPickerAdapter.Palette.COLORS -> Palette.COLORS, Palette.WIDGET ->
(colors.find { it.index == index } as ThemeColor).primaryColor (colors.find { it.index == index } as ThemeColor).originalColor
else -> index else -> index
} }
dialog?.dismiss() dialog?.dismiss()

1
app/src/main/java/org/tasks/dialogs/ColorPickerAdapter.kt
Unescape Escape View File

@ -18,6 +18,7 @@ class ColorPickerAdapter(
COLORS, COLORS,
ACCENTS, ACCENTS,
LAUNCHERS, LAUNCHERS,
WIDGET,
WIDGET_BACKGROUND WIDGET_BACKGROUND
} }

8
app/src/main/java/org/tasks/preferences/fragments/ScrollableWidget.kt
Unescape Escape View File

@ -11,10 +11,10 @@ import com.todoroo.astrid.api.Filter
import org.tasks.LocalBroadcastManager import org.tasks.LocalBroadcastManager
import org.tasks.R import org.tasks.R
import org.tasks.activities.FilterSelectionActivity import org.tasks.activities.FilterSelectionActivity
import org.tasks.dialogs.ColorWheelPicker
import org.tasks.dialogs.ColorPalettePicker import org.tasks.dialogs.ColorPalettePicker
import org.tasks.dialogs.ColorPalettePicker.Companion.newColorPalette import org.tasks.dialogs.ColorPalettePicker.Companion.newColorPalette
import org.tasks.dialogs.ColorPickerAdapter import org.tasks.dialogs.ColorPickerAdapter.Palette
import org.tasks.dialogs.ColorWheelPicker
import org.tasks.injection.FragmentComponent import org.tasks.injection.FragmentComponent
import org.tasks.injection.InjectingPreferenceFragment import org.tasks.injection.InjectingPreferenceFragment
import org.tasks.locale.Locale import org.tasks.locale.Locale
@ -80,7 +80,7 @@ class ScrollableWidget : InjectingPreferenceFragment() {
findPreference(R.string.p_widget_theme) findPreference(R.string.p_widget_theme)
.setOnPreferenceClickListener { .setOnPreferenceClickListener {
newColorPalette(this, REQUEST_THEME_SELECTION, ColorPickerAdapter.Palette.WIDGET_BACKGROUND) newColorPalette(this, REQUEST_THEME_SELECTION, Palette.WIDGET_BACKGROUND)
.show(parentFragmentManager, FRAG_TAG_COLOR_PICKER) .show(parentFragmentManager, FRAG_TAG_COLOR_PICKER)
false false
} }
@ -88,7 +88,7 @@ class ScrollableWidget : InjectingPreferenceFragment() {
val colorPreference = findPreference(R.string.p_widget_color_v2) val colorPreference = findPreference(R.string.p_widget_color_v2)
colorPreference.dependency = showHeader.key colorPreference.dependency = showHeader.key
colorPreference.onPreferenceClickListener = Preference.OnPreferenceClickListener { colorPreference.onPreferenceClickListener = Preference.OnPreferenceClickListener {
newColorPalette(this, REQUEST_COLOR_SELECTION, widgetPreferences.color) newColorPalette(this, REQUEST_COLOR_SELECTION, widgetPreferences.color, Palette.WIDGET)
.show(parentFragmentManager, FRAG_TAG_COLOR_PICKER) .show(parentFragmentManager, FRAG_TAG_COLOR_PICKER)
false false
} }

2
app/src/main/java/org/tasks/themes/ThemeCache.java
Unescape Escape View File

@ -116,7 +116,7 @@ public class ThemeCache {
public ThemeColor getLauncherColor(int index) { public ThemeColor getLauncherColor(int index) {
return new ThemeColor( return new ThemeColor(
context, index, ContextCompat.getColor(context, ThemeColor.LAUNCHER_COLORS[index])); context, index, ContextCompat.getColor(context, ThemeColor.LAUNCHER_COLORS[index]), false);
} }
public ThemeColor getUntaggedColor() { public ThemeColor getUntaggedColor() {

127
app/src/main/java/org/tasks/themes/ThemeColor.java
Unescape Escape View File

@ -1,5 +1,6 @@
package org.tasks.themes; package org.tasks.themes;
import static com.google.common.collect.Maps.newHashMap;
import static com.todoroo.andlib.utility.AndroidUtilities.atLeastLollipop; import static com.todoroo.andlib.utility.AndroidUtilities.atLeastLollipop;
import static com.todoroo.andlib.utility.AndroidUtilities.atLeastMarshmallow; import static com.todoroo.andlib.utility.AndroidUtilities.atLeastMarshmallow;
import static com.todoroo.andlib.utility.AndroidUtilities.atLeastOreo; import static com.todoroo.andlib.utility.AndroidUtilities.atLeastOreo;
@ -21,8 +22,10 @@ import androidx.annotation.RequiresApi;
import androidx.appcompat.widget.Toolbar; import androidx.appcompat.widget.Toolbar;
import androidx.core.content.ContextCompat; import androidx.core.content.ContextCompat;
import androidx.core.graphics.ColorUtils; import androidx.core.graphics.ColorUtils;
import androidx.core.os.ParcelCompat;
import androidx.drawerlayout.widget.DrawerLayout; import androidx.drawerlayout.widget.DrawerLayout;
import com.google.android.material.appbar.CollapsingToolbarLayout; import com.google.android.material.appbar.CollapsingToolbarLayout;
import java.util.Map;
import org.tasks.R; import org.tasks.R;
import org.tasks.dialogs.ColorPalettePicker.Pickable; import org.tasks.dialogs.ColorPalettePicker.Pickable;
import timber.log.Timber; import timber.log.Timber;
@ -79,27 +82,27 @@ public class ThemeColor implements Pickable {
public static final int[] COLORS = public static final int[] COLORS =
new int[] { new int[] {
R.color.theme_blue_grey, R.color.blue_grey_500,
R.color.theme_dark_grey, R.color.grey_900,
R.color.theme_red, R.color.red_500,
R.color.theme_pink, R.color.pink_500,
R.color.theme_purple, R.color.purple_500,
R.color.theme_deep_purple, R.color.deep_purple_500,
R.color.theme_indigo, R.color.indigo_500,
R.color.theme_blue, R.color.blue_500,
R.color.theme_light_blue, R.color.light_blue_500,
R.color.theme_cyan, R.color.cyan_500,
R.color.theme_teal, R.color.teal_500,
R.color.theme_green, R.color.green_500,
R.color.theme_light_green, R.color.light_green_500,
R.color.theme_lime, R.color.lime_500,
R.color.theme_yellow, R.color.yellow_500,
R.color.theme_amber, R.color.amber_500,
R.color.theme_orange, R.color.orange_500,
R.color.theme_deep_orange, R.color.deep_orange_500,
R.color.theme_brown, R.color.brown_500,
R.color.theme_grey, R.color.grey_500,
R.color.theme_day_night R.color.white_100
}; };
public static final int[] LAUNCHER_COLORS = public static final int[] LAUNCHER_COLORS =
@ -138,26 +141,72 @@ public class ThemeColor implements Pickable {
return new ThemeColor[size]; return new ThemeColor[size];
} }
}; };
private static final int WHITE = -1;
private static final int BLACK = -16777216;
private static final Map<Integer, Integer> colorMap = newHashMap();
static {
colorMap.put(-10453621, -5194043); // blue_grey
colorMap.put(-12434878, -14606047); // grey
colorMap.put(-769226, -1074534); // red
colorMap.put(-1499549, -749647); // pink
colorMap.put(-6543440, -3238952); // purple
colorMap.put(-10011977, -5005861); // deep purple
colorMap.put(-12627531, -6313766); // indigo
colorMap.put(-14575885, -7288071); // blue
colorMap.put(-16537100, -8268550); // light blue
colorMap.put(-16728876, -8331542); // cyan
colorMap.put(-16738680, -8336444); // teal
colorMap.put(-11751600, -5908825); // green
colorMap.put(-7617718, -3808859); // light green
colorMap.put(-3285959, -1642852); // lime
colorMap.put(-5317, -2659); // yellow
colorMap.put(-16121, -8062); // amber
colorMap.put(-26624, -13184); // orange
colorMap.put(-43230, -21615); // deep orange
colorMap.put(-8825528, -4412764); // brown
colorMap.put(-6381922, -1118482); // grey
colorMap.put(-1, -16777216); // white & black
}
private final int index; private final int index;
private final int original;
private final int colorOnPrimary; private final int colorOnPrimary;
private final int colorPrimary; private final int colorPrimary;
private final int colorPrimaryVariant; private final int colorPrimaryVariant;
private final boolean isDark; private final boolean isDark;
public ThemeColor(Context context, int color) { public ThemeColor(Context context, int color) {
this(context, -1, color == 0 ? ContextCompat.getColor(context, R.color.blue_500) : color); this(context, -1, color == 0 ? ContextCompat.getColor(context, R.color.blue_500) : color, true);
} }
public ThemeColor(Context context, int index, int colorPrimary) { public ThemeColor(Context context, int index, int color, boolean adjustColor) {
this.index = index; this.index = index;
colorPrimary |= 0xFF000000; // remove alpha color |= 0xFF000000; // remove alpha
this.colorPrimary = colorPrimary; original = color;
this.colorPrimaryVariant = ColorUtil.darken(colorPrimary, 12); if (adjustColor && context.getResources().getBoolean(R.bool.is_dark)) {
colorPrimary = desaturate(color);
int whiteText = context.getResources().getColor(R.color.white_100); } else {
double contrast = ColorUtils.calculateContrast(whiteText, colorPrimary); colorPrimary = color;
this.isDark = contrast < 3; }
colorOnPrimary = isDark ? context.getResources().getColor(R.color.black_87) : whiteText; colorPrimaryVariant = ColorUtil.darken(colorPrimary, 12);
double contrast = ColorUtils.calculateContrast(WHITE, colorPrimary);
isDark = contrast < 3;
colorOnPrimary = isDark ? context.getResources().getColor(R.color.black_87) : WHITE;
}
private int desaturate(int color) {
if (colorMap.containsKey(color)) {
//noinspection ConstantConditions
return colorMap.get(color);
} else if (color == WHITE) {
return BLACK; // white -> black
} else {
return color;
}
} }
private ThemeColor(Parcel source) { private ThemeColor(Parcel source) {
@ -165,7 +214,8 @@ public class ThemeColor implements Pickable {
colorOnPrimary = source.readInt(); colorOnPrimary = source.readInt();
colorPrimary = source.readInt(); colorPrimary = source.readInt();
colorPrimaryVariant = source.readInt(); colorPrimaryVariant = source.readInt();
isDark = source.readInt() == 1; isDark = ParcelCompat.readBoolean(source);
original = source.readInt();
} }
public static ThemeColor newThemeColor(Context context, int color) { public static ThemeColor newThemeColor(Context context, int color) {
@ -283,7 +333,7 @@ public class ThemeColor implements Pickable {
@Override @Override
public boolean isFree() { public boolean isFree() {
switch (colorPrimary) { switch (original) {
case -14575885: // blue_500 case -14575885: // blue_500
case -10453621: // blue_grey_500 case -10453621: // blue_grey_500
case -14606047: // grey_900 case -14606047: // grey_900
@ -298,6 +348,10 @@ public class ThemeColor implements Pickable {
return index; return index;
} }
public int getOriginalColor() {
return original;
}
public int getPrimaryColor() { public int getPrimaryColor() {
return colorPrimary; return colorPrimary;
} }
@ -324,7 +378,8 @@ public class ThemeColor implements Pickable {
dest.writeInt(colorOnPrimary); dest.writeInt(colorOnPrimary);
dest.writeInt(colorPrimary); dest.writeInt(colorPrimary);
dest.writeInt(colorPrimaryVariant); dest.writeInt(colorPrimaryVariant);
dest.writeInt(isDark ? 1 : 0); ParcelCompat.writeBoolean(dest, isDark);
dest.writeInt(original);
} }
public void colorMenu(Menu menu) { public void colorMenu(Menu menu) {
@ -342,11 +397,11 @@ public class ThemeColor implements Pickable {
ThemeColor that = (ThemeColor) o; ThemeColor that = (ThemeColor) o;
return colorPrimary == that.colorPrimary; return original == that.original;
} }
@Override @Override
public int hashCode() { public int hashCode() {
return colorPrimary; return original;
} }
} }

2
app/src/main/java/org/tasks/widget/TasksWidget.java
Unescape Escape View File

@ -75,7 +75,7 @@ public class TasksWidget extends InjectingAppWidgetProvider {
rvIntent.putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, id); rvIntent.putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, id);
rvIntent.setData(Uri.parse(rvIntent.toUri(Intent.URI_INTENT_SCHEME))); rvIntent.setData(Uri.parse(rvIntent.toUri(Intent.URI_INTENT_SCHEME)));
WidgetTheme theme = themeCache.getWidgetTheme(widgetPreferences.getThemeIndex()); WidgetTheme theme = themeCache.getWidgetTheme(widgetPreferences.getThemeIndex());
ThemeColor color = ThemeColor.newThemeColor(context, widgetPreferences.getColor()); ThemeColor color = new ThemeColor(context, -1, widgetPreferences.getColor(), false);
RemoteViews remoteViews = new RemoteViews(context.getPackageName(), R.layout.scrollable_widget); RemoteViews remoteViews = new RemoteViews(context.getPackageName(), R.layout.scrollable_widget);
if (atLeastJellybeanMR1()) { if (atLeastJellybeanMR1()) {
remoteViews.setInt(R.id.widget, "setLayoutDirection", locale.getDirectionality()); remoteViews.setInt(R.id.widget, "setLayoutDirection", locale.getDirectionality());

22
app/src/main/res/values-night/colors.xml
Unescape Escape View File

@ -10,26 +10,4 @@
<color name="text_secondary">@color/white_60</color> <color name="text_secondary">@color/white_60</color>
<color name="text_tertiary">@color/white_38</color> <color name="text_tertiary">@color/white_38</color>
<color name="overdue">@color/overdue_87</color> <color name="overdue">@color/overdue_87</color>
<color name="theme_blue_grey">@color/blue_grey_200</color>
<color name="theme_dark_grey">@color/grey_900</color>
<color name="theme_red">@color/red_200</color>
<color name="theme_pink">@color/pink_200</color>
<color name="theme_purple">@color/purple_200</color>
<color name="theme_deep_purple">@color/deep_purple_200</color>
<color name="theme_indigo">@color/indigo_200</color>
<color name="theme_blue">@color/blue_200</color>
<color name="theme_light_blue">@color/light_blue_200</color>
<color name="theme_cyan">@color/cyan_200</color>
<color name="theme_teal">@color/teal_200</color>
<color name="theme_green">@color/green_200</color>
<color name="theme_light_green">@color/light_green_200</color>
<color name="theme_lime">@color/lime_200</color>
<color name="theme_yellow">@color/yellow_200</color>
<color name="theme_amber">@color/amber_200</color>
<color name="theme_orange">@color/orange_200</color>
<color name="theme_deep_orange">@color/deep_orange_200</color>
<color name="theme_brown">@color/brown_200</color>
<color name="theme_grey">@color/grey_200</color>
<color name="theme_day_night">@color/black_100</color>
</resources> </resources>

41
app/src/main/res/values/colors.xml
Unescape Escape View File

@ -6,118 +6,77 @@
--> -->
<resources> <resources>
<color name="theme_blue_grey">@color/blue_grey_500</color>
<color name="theme_dark_grey">@color/grey_800</color>
<color name="theme_red">@color/red_500</color>
<color name="theme_pink">@color/pink_500</color>
<color name="theme_purple">@color/purple_500</color>
<color name="theme_deep_purple">@color/deep_purple_500</color>
<color name="theme_indigo">@color/indigo_500</color>
<color name="theme_blue">@color/blue_500</color>
<color name="theme_light_blue">@color/light_blue_500</color>
<color name="theme_cyan">@color/cyan_500</color>
<color name="theme_teal">@color/teal_500</color>
<color name="theme_green">@color/green_500</color>
<color name="theme_light_green">@color/light_green_500</color>
<color name="theme_lime">@color/lime_500</color>
<color name="theme_yellow">@color/yellow_500</color>
<color name="theme_amber">@color/amber_500</color>
<color name="theme_orange">@color/orange_500</color>
<color name="theme_deep_orange">@color/deep_orange_500</color>
<color name="theme_brown">@color/brown_500</color>
<color name="theme_grey">@color/grey_500</color>
<color name="theme_day_night">@color/white_100</color>
<color name="red_200">#EF9A9A</color>
<color name="red_500">#f44336</color> <color name="red_500">#f44336</color>
<color name="red_a400">#ff1744</color> <color name="red_a400">#ff1744</color>
<color name="red_a100">#FF8A80</color> <color name="red_a100">#FF8A80</color>
<color name="pink_200">#F48FB1</color>
<color name="pink_500">#e91e63</color> <color name="pink_500">#e91e63</color>
<color name="pink_a400">#f50057</color> <color name="pink_a400">#f50057</color>
<color name="pink_a100">#FF80AB</color> <color name="pink_a100">#FF80AB</color>
<color name="purple_200">#CE93D8</color>
<color name="purple_500">#9c27b0</color> <color name="purple_500">#9c27b0</color>
<color name="purple_a400">#d500f9</color> <color name="purple_a400">#d500f9</color>
<color name="purple_a100">#EA80FC</color> <color name="purple_a100">#EA80FC</color>
<color name="deep_purple_200">#B39DDB</color>
<color name="deep_purple_500">#673ab7</color> <color name="deep_purple_500">#673ab7</color>
<color name="deep_purple_a400">#651fff</color> <color name="deep_purple_a400">#651fff</color>
<color name="deep_purple_a100">#B388FF</color> <color name="deep_purple_a100">#B388FF</color>
<color name="indigo_200">#9FA8DA</color>
<color name="indigo_500">#3f51b5</color> <color name="indigo_500">#3f51b5</color>
<color name="indigo_a400">#3d5afe</color> <color name="indigo_a400">#3d5afe</color>
<color name="indigo_a100">#8C9EFF</color> <color name="indigo_a100">#8C9EFF</color>
<color name="blue_200">#90CAF9</color>
<color name="blue_500">#2196f3</color> <color name="blue_500">#2196f3</color>
<color name="blue_a400">#2979ff</color> <color name="blue_a400">#2979ff</color>
<color name="blue_a100">#82B1FF</color> <color name="blue_a100">#82B1FF</color>
<color name="light_blue_200">#81D4FA</color>
<color name="light_blue_500">#03a9f4</color> <color name="light_blue_500">#03a9f4</color>
<color name="light_blue_a400">#00b0ff</color> <color name="light_blue_a400">#00b0ff</color>
<color name="light_blue_a100">#80D8FF</color> <color name="light_blue_a100">#80D8FF</color>
<color name="cyan_200">#80DEEA</color>
<color name="cyan_500">#00bcd4</color> <color name="cyan_500">#00bcd4</color>
<color name="cyan_a400">#00e5ff</color> <color name="cyan_a400">#00e5ff</color>
<color name="cyan_a100">#84FFFF</color> <color name="cyan_a100">#84FFFF</color>
<color name="teal_200">#80CBC4</color>
<color name="teal_500">#009688</color> <color name="teal_500">#009688</color>
<color name="teal_a400">#1de9b6</color> <color name="teal_a400">#1de9b6</color>
<color name="teal_a100">#A7FFEB</color> <color name="teal_a100">#A7FFEB</color>
<color name="green_200">#A5D6A7</color>
<color name="green_500">#4caf50</color> <color name="green_500">#4caf50</color>
<color name="green_a400">#00e676</color> <color name="green_a400">#00e676</color>
<color name="green_a100">#B9F6CA</color> <color name="green_a100">#B9F6CA</color>
<color name="light_green_200">#C5E1A5</color>
<color name="light_green_500">#8bc34a</color> <color name="light_green_500">#8bc34a</color>
<color name="light_green_a400">#76ff03</color> <color name="light_green_a400">#76ff03</color>
<color name="light_green_a100">#CCFF90</color> <color name="light_green_a100">#CCFF90</color>
<color name="lime_200">#E6EE9C</color>
<color name="lime_500">#cddc39</color> <color name="lime_500">#cddc39</color>
<color name="lime_a400">#c6ff00</color> <color name="lime_a400">#c6ff00</color>
<color name="lime_a100">#F4FF81</color> <color name="lime_a100">#F4FF81</color>
<color name="yellow_200">#FFF59D</color>
<color name="yellow_500">#ffeb3b</color> <color name="yellow_500">#ffeb3b</color>
<color name="yellow_a400">#ffea00</color> <color name="yellow_a400">#ffea00</color>
<color name="yellow_a100">#FFFF8D</color> <color name="yellow_a100">#FFFF8D</color>
<color name="amber_200">#FFE082</color>
<color name="amber_500">#ffc107</color> <color name="amber_500">#ffc107</color>
<color name="amber_a400">#ffc400</color> <color name="amber_a400">#ffc400</color>
<color name="amber_a100">#FFE57F</color> <color name="amber_a100">#FFE57F</color>
<color name="orange_200">#FFCC80</color>
<color name="orange_500">#ff9800</color> <color name="orange_500">#ff9800</color>
<color name="orange_a400">#ff9100</color> <color name="orange_a400">#ff9100</color>
<color name="orange_a100">#FFD180</color> <color name="orange_a100">#FFD180</color>
<color name="deep_orange_200">#FFAB91</color>
<color name="deep_orange_500">#ff5722</color> <color name="deep_orange_500">#ff5722</color>
<color name="deep_orange_a400">#ff3d00</color> <color name="deep_orange_a400">#ff3d00</color>
<color name="deep_orange_a100">#FF9E80</color> <color name="deep_orange_a100">#FF9E80</color>
<color name="brown_200">#BCAAA4</color>
<color name="brown_500">#795548</color> <color name="brown_500">#795548</color>
<color name="grey_200">#EEEEEE</color>
<color name="grey_500">#9e9e9e</color> <color name="grey_500">#9e9e9e</color>
<color name="grey_800">#424242</color> <color name="grey_800">#424242</color>
<color name="grey_900">#212121</color> <color name="grey_900">#212121</color>
<color name="blue_grey_100">#CFD8DC</color> <color name="blue_grey_100">#CFD8DC</color>
<color name="blue_grey_200">#B0BEC5</color>
<color name="blue_grey_400">#78909c</color> <color name="blue_grey_400">#78909c</color>
<color name="blue_grey_500">#607d8b</color> <color name="blue_grey_500">#607d8b</color>

Write Preview
Loading…
Cancel
Save