Let's create themes from community!

[MUYANGGUO]

https://github.com/gamer-ai/eletype-frontend/blob/ccbd2132a63a2e862d334ef098426a0bbd431e4b/src/style/theme.js#L124
We manage the theme option In here ^.

For example, the pianoTheme object contains several variable settings:

const pianoTheme = {
  label: "Piano",
  background: "linear-gradient(to bottom,  #000, #222)",
  text: "#FAF9F6",
  gradient: "linear-gradient(90deg, #000 0%, #222 100%)",
  title: "#f5f2e7",
  textTypeBox: "#555",
  stats: "#FAF9F6",
  fontFamily: "Rufina",
  textShadow: "0px -1px 0px rgba(0,0,0,0.3)"
};

The label must be a human readable label, which we also use it as an unique identifier.

label -> theme name
background -> background color hex
text -> the typing text (usually a lighter color )
gradient -> a gradient background we use for slide in snackbars, such as CapsLock Notif
title -> the "EleTypes" title text color
textTypeBox -> the background text color (usually a darker color)
stats -> the stats color
fontFamily -> a google font, feel free to add new fonts in the PR lol
textShadow -> if you want any text shadow for text in the typing box

Feel free to send a PR with your favourite set up, the theme must be original and the idea behind it must not be vague, please have a meaning for your creation!

Welcome and looking forward to your PRs. ❤️