2023-08-12 03:22:50 +00:00
|
|
|
import { DefaultTheme, MD3DarkTheme } from "react-native-paper";
|
2022-11-26 00:15:12 +00:00
|
|
|
|
2022-09-25 04:32:49 +00:00
|
|
|
export const lightColors = [
|
2023-08-12 03:22:50 +00:00
|
|
|
{ hex: MD3DarkTheme.colors.primary, name: "Purple" },
|
|
|
|
{ hex: "#B3E5FC", name: "Blue" },
|
|
|
|
{ hex: "#FA8072", name: "Salmon" },
|
|
|
|
{ hex: "#FFC0CB", name: "Pink" },
|
|
|
|
{ hex: "#E9DCC9", name: "Linen" },
|
|
|
|
];
|
2022-09-25 04:32:49 +00:00
|
|
|
|
2022-11-26 00:15:12 +00:00
|
|
|
export const darkColors = [
|
2023-08-12 03:22:50 +00:00
|
|
|
{ hex: DefaultTheme.colors.primary, name: "Purple" },
|
|
|
|
{ hex: "#0051a9", name: "Blue" },
|
|
|
|
{ hex: "#000000", name: "Black" },
|
|
|
|
{ hex: "#863c3c", name: "Red" },
|
|
|
|
{ hex: "#1c6000", name: "Kermit" },
|
|
|
|
];
|
2022-10-04 01:35:56 +00:00
|
|
|
|
|
|
|
export const colorShade = (color: any, amount: number) => {
|
2023-08-12 03:22:50 +00:00
|
|
|
color = color.replace(/^#/, "");
|
2023-06-27 03:16:59 +00:00
|
|
|
if (color.length === 3) {
|
2023-08-12 03:22:50 +00:00
|
|
|
color = color[0] + color[0] + color[1] + color[1] + color[2] + color[2];
|
2023-06-27 03:16:59 +00:00
|
|
|
}
|
2022-10-04 01:35:56 +00:00
|
|
|
|
2023-08-12 03:22:50 +00:00
|
|
|
let [r, g, b] = color.match(/.{2}/g);
|
|
|
|
[r, g, b] = [
|
2022-10-04 01:35:56 +00:00
|
|
|
parseInt(r, 16) + amount,
|
|
|
|
parseInt(g, 16) + amount,
|
|
|
|
parseInt(b, 16) + amount,
|
2023-08-12 03:22:50 +00:00
|
|
|
];
|
2022-10-04 01:35:56 +00:00
|
|
|
|
2023-08-12 03:22:50 +00:00
|
|
|
r = Math.max(Math.min(255, r), 0).toString(16);
|
|
|
|
g = Math.max(Math.min(255, g), 0).toString(16);
|
|
|
|
b = Math.max(Math.min(255, b), 0).toString(16);
|
2022-10-04 01:35:56 +00:00
|
|
|
|
2023-08-12 03:22:50 +00:00
|
|
|
const rr = (r.length < 2 ? "0" : "") + r;
|
|
|
|
const gg = (g.length < 2 ? "0" : "") + g;
|
|
|
|
const bb = (b.length < 2 ? "0" : "") + b;
|
2022-10-04 01:35:56 +00:00
|
|
|
|
2023-08-12 03:22:50 +00:00
|
|
|
return `#${rr}${gg}${bb}`;
|
|
|
|
};
|