Skip to content

Commit

Permalink
mobile: add default font
Browse files Browse the repository at this point in the history
  • Loading branch information
kayleegeorge committed Sep 23, 2024
1 parent b92aa72 commit a374c40
Showing 1 changed file with 33 additions and 11 deletions.
44 changes: 33 additions & 11 deletions apps/daimo-mobile/src/view/style/skins.ts
Original file line number Diff line number Diff line change
Expand Up @@ -34,13 +34,18 @@ export interface SkinContextType {
logo: ImageSourcePropType; // Skin Selector Logo
}

const fonts = {
neue: "NeueMontreal-Regular", // default
const iosFonts = {
default: "San Francisco",
chalkboard: "ChalkboardSE-Light",
courier: "CourierNewPSMT",
arial: "Arial Rounded MT Bold",
};

const androidFonts = {
default: "normal",
roboto: "Roboto",
};

export const Skin = {
usdc: "usdc",
doge: "doge",
Expand All @@ -57,7 +62,10 @@ export const skins: Record<SkinName, SkinContextType> = {
[Skin.usdc]: createSkin({
name: Skin.usdc,
color: blueColorway,
font: fonts.neue,
font: Platform.select({
ios: iosFonts.default,
default: androidFonts.default,
}),
logo: {
uri: "https://daimo.com/assets/deposit/usdc.png",
},
Expand All @@ -66,7 +74,10 @@ export const skins: Record<SkinName, SkinContextType> = {
[Skin.usdt]: createSkin({
name: Skin.usdt,
color: greenColorway,
font: fonts.neue,
font: Platform.select({
ios: iosFonts.default,
default: androidFonts.default,
}),
logo: {
uri: "https://assets.coingecko.com/coins/images/32884/large/USDT.PNG",
},
Expand All @@ -75,14 +86,20 @@ export const skins: Record<SkinName, SkinContextType> = {
[Skin.doge]: createSkin({
name: Skin.doge,
color: orangeColorway,
font: fonts.chalkboard,
font: Platform.select({
ios: iosFonts.chalkboard,
default: androidFonts.default,
}),
logo: require("../../../assets/skins/dogecoin.png"),
}),
// Bitcoin is soooo BACK
[Skin.bitcoin]: createSkin({
name: Skin.bitcoin,
color: darkColorway,
font: fonts.courier,
font: Platform.select({
ios: iosFonts.courier,
default: androidFonts.roboto,
}),
logo: {
uri: "https://assets.coingecko.com/coins/images/32883/large/wbtc.png",
},
Expand All @@ -91,14 +108,20 @@ export const skins: Record<SkinName, SkinContextType> = {
[Skin.penguin]: createSkin({
name: Skin.penguin,
color: blueColorway,
font: fonts.arial,
font: Platform.select({
ios: iosFonts.arial,
default: androidFonts.default,
}),
logo: require("../../../assets/skins/penguin2.png"),
}),
// Rubber ducky
[Skin.duck]: createSkin({
name: Skin.duck,
color: yellowColorway,
font: fonts.arial,
font: Platform.select({
ios: iosFonts.arial,
default: androidFonts.default,
}),
logo: require("../../../assets/skins/duck.png"),
}),
// ADD MORE SKINS HERE
Expand All @@ -109,13 +132,13 @@ export const skins: Record<SkinName, SkinContextType> = {
function createSkin({
name,
color,
font,
logo,
font,
}: {
name: SkinName;
color: Colorway;
font: string;
logo: ImageSourcePropType;
font: string;
}): SkinContextType {
return {
name,
Expand All @@ -133,7 +156,6 @@ function getSS(color: Colorway, font: string) {
fontVariant: ["tabular-nums"],
color: color.midnight,
};

return {
container: StyleSheet.create({
screen: {
Expand Down

0 comments on commit a374c40

Please sign in to comment.