2019-09-18 19:52:39 +02:00
|
|
|
import { Color } from "@material-ui/core";
|
|
|
|
import {
|
|
|
|
deepPurple,
|
|
|
|
red,
|
|
|
|
lightGreen,
|
|
|
|
yellow,
|
|
|
|
purple,
|
|
|
|
deepOrange,
|
|
|
|
indigo,
|
|
|
|
lightBlue,
|
|
|
|
orange,
|
|
|
|
blue,
|
|
|
|
amber,
|
|
|
|
pink,
|
|
|
|
brown,
|
|
|
|
blueGrey
|
|
|
|
} from "@material-ui/core/colors";
|
|
|
|
import { isDarwinApp } from "../utilities/desktop";
|
2019-03-25 21:48:25 +01:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Basic theme colors for Hyperspace.
|
|
|
|
*/
|
|
|
|
export type HyperspaceTheme = {
|
2019-03-27 22:39:25 +01:00
|
|
|
key: string;
|
2019-03-25 21:48:25 +01:00
|
|
|
name: string;
|
|
|
|
palette: {
|
2019-09-18 19:52:39 +02:00
|
|
|
primary:
|
|
|
|
| {
|
|
|
|
main: string;
|
|
|
|
}
|
|
|
|
| Color;
|
|
|
|
secondary:
|
|
|
|
| {
|
|
|
|
main: string;
|
|
|
|
}
|
|
|
|
| Color;
|
|
|
|
};
|
|
|
|
};
|
2019-03-25 21:48:25 +01:00
|
|
|
|
|
|
|
export const defaultTheme: HyperspaceTheme = {
|
2019-03-27 22:39:25 +01:00
|
|
|
key: "defaultTheme",
|
2019-04-21 18:45:29 +02:00
|
|
|
name: "Royal (Default)",
|
2019-03-25 21:48:25 +01:00
|
|
|
palette: {
|
|
|
|
primary: deepPurple,
|
|
|
|
secondary: red
|
|
|
|
}
|
2019-09-18 19:52:39 +02:00
|
|
|
};
|
2019-03-25 21:48:25 +01:00
|
|
|
|
|
|
|
export const gardenerTheme: HyperspaceTheme = {
|
2019-03-27 22:39:25 +01:00
|
|
|
key: "gardnerTheme",
|
2019-04-21 18:45:29 +02:00
|
|
|
name: "Botanical",
|
2019-03-25 21:48:25 +01:00
|
|
|
palette: {
|
|
|
|
primary: lightGreen,
|
|
|
|
secondary: yellow
|
|
|
|
}
|
2019-09-18 19:52:39 +02:00
|
|
|
};
|
2019-03-25 21:48:25 +01:00
|
|
|
|
|
|
|
export const teacherTheme: HyperspaceTheme = {
|
2019-03-27 22:39:25 +01:00
|
|
|
key: "teacherTheme",
|
2019-04-21 18:45:29 +02:00
|
|
|
name: "Compassionate",
|
2019-03-25 21:48:25 +01:00
|
|
|
palette: {
|
|
|
|
primary: purple,
|
|
|
|
secondary: deepOrange
|
|
|
|
}
|
2019-09-18 19:52:39 +02:00
|
|
|
};
|
2019-03-25 21:48:25 +01:00
|
|
|
|
|
|
|
export const jokerTheme: HyperspaceTheme = {
|
2019-03-27 22:39:25 +01:00
|
|
|
key: "jokerTheme",
|
2019-03-25 21:48:25 +01:00
|
|
|
name: "Joker",
|
|
|
|
palette: {
|
|
|
|
primary: indigo,
|
|
|
|
secondary: lightBlue
|
|
|
|
}
|
2019-09-18 19:52:39 +02:00
|
|
|
};
|
2019-03-25 21:48:25 +01:00
|
|
|
|
|
|
|
export const guardTheme: HyperspaceTheme = {
|
2019-03-27 22:39:25 +01:00
|
|
|
key: "guardTheme",
|
2019-04-21 18:45:29 +02:00
|
|
|
name: "Enthusiastic",
|
2019-03-25 21:48:25 +01:00
|
|
|
palette: {
|
|
|
|
primary: blue,
|
|
|
|
secondary: deepOrange
|
|
|
|
}
|
2019-09-18 19:52:39 +02:00
|
|
|
};
|
2019-03-25 21:48:25 +01:00
|
|
|
|
|
|
|
export const entertainerTheme: HyperspaceTheme = {
|
2019-03-27 22:39:25 +01:00
|
|
|
key: "entertainerTheme",
|
2019-04-21 18:45:29 +02:00
|
|
|
name: "Animated",
|
2019-03-25 21:48:25 +01:00
|
|
|
palette: {
|
|
|
|
primary: pink,
|
|
|
|
secondary: purple
|
|
|
|
}
|
2019-09-18 19:52:39 +02:00
|
|
|
};
|
2019-03-25 21:48:25 +01:00
|
|
|
|
2019-04-27 18:34:58 +02:00
|
|
|
export const classicTheme: HyperspaceTheme = {
|
|
|
|
key: "classicTheme",
|
|
|
|
name: "Classic",
|
2019-03-25 21:48:25 +01:00
|
|
|
palette: {
|
2019-04-27 18:34:58 +02:00
|
|
|
primary: {
|
|
|
|
main: "#555555"
|
|
|
|
},
|
|
|
|
secondary: {
|
|
|
|
main: "#5c2d91"
|
|
|
|
}
|
2019-03-25 21:48:25 +01:00
|
|
|
}
|
2019-09-18 19:52:39 +02:00
|
|
|
};
|
2019-03-26 02:53:47 +01:00
|
|
|
|
|
|
|
export const dragonTheme: HyperspaceTheme = {
|
2019-03-27 22:39:25 +01:00
|
|
|
key: "dragonTheme",
|
2019-04-21 18:45:29 +02:00
|
|
|
name: "Adventurous",
|
2019-03-26 02:53:47 +01:00
|
|
|
palette: {
|
|
|
|
primary: purple,
|
|
|
|
secondary: purple
|
|
|
|
}
|
2019-09-18 19:52:39 +02:00
|
|
|
};
|
2019-03-27 22:39:25 +01:00
|
|
|
|
2019-04-03 03:57:09 +02:00
|
|
|
export const memoriumTheme: HyperspaceTheme = {
|
|
|
|
key: "memoriumTheme",
|
2019-04-21 18:45:29 +02:00
|
|
|
name: "Memorial",
|
2019-04-03 03:57:09 +02:00
|
|
|
palette: {
|
|
|
|
primary: red,
|
|
|
|
secondary: red
|
|
|
|
}
|
2019-09-18 19:52:39 +02:00
|
|
|
};
|
2019-04-03 03:57:09 +02:00
|
|
|
|
2019-04-20 22:35:38 +02:00
|
|
|
export const blissTheme: HyperspaceTheme = {
|
|
|
|
key: "blissTheme",
|
|
|
|
name: "Bliss",
|
|
|
|
palette: {
|
2019-04-21 18:39:22 +02:00
|
|
|
primary: {
|
|
|
|
main: "#3e2723"
|
|
|
|
},
|
2019-04-20 22:35:38 +02:00
|
|
|
secondary: lightBlue
|
|
|
|
}
|
2019-09-18 19:52:39 +02:00
|
|
|
};
|
2019-04-20 22:35:38 +02:00
|
|
|
|
2019-04-21 18:39:22 +02:00
|
|
|
export const attractTheme: HyperspaceTheme = {
|
|
|
|
key: "attractTheme",
|
|
|
|
name: "Attract",
|
|
|
|
palette: {
|
|
|
|
primary: {
|
2019-09-18 19:52:39 +02:00
|
|
|
main: "#E57373"
|
2019-04-21 18:39:22 +02:00
|
|
|
},
|
|
|
|
secondary: {
|
2019-09-18 19:52:39 +02:00
|
|
|
main: "#78909C"
|
2019-04-21 18:39:22 +02:00
|
|
|
}
|
|
|
|
}
|
2019-09-18 19:52:39 +02:00
|
|
|
};
|
2019-04-21 18:39:22 +02:00
|
|
|
|
2019-09-18 19:52:39 +02:00
|
|
|
export const themes = [
|
|
|
|
defaultTheme,
|
|
|
|
gardenerTheme,
|
|
|
|
teacherTheme,
|
|
|
|
jokerTheme,
|
|
|
|
guardTheme,
|
|
|
|
entertainerTheme,
|
|
|
|
classicTheme,
|
|
|
|
dragonTheme,
|
|
|
|
memoriumTheme,
|
|
|
|
blissTheme,
|
|
|
|
attractTheme
|
|
|
|
];
|