Tinble: Now with a simple way to change the main color

Tinble's appearance is now controlled by the --main-color variable in the styles.css file. But what does this mean? It means that you can change the color of all main elements (title, menus, buttons, and cards) by modifying the default value of the --main-color variable.

To do this, open the css/styles.css file and change the two current --main-color values in the following code block:

@media (prefers-color-scheme: dark) {
  :root {
    --body-bg: #000000;
    --body-color: #b3b3b3;
    --main-color: #30667e;
  }
}

@media (prefers-color-scheme: light) {
  :root {
    --body-bg: #f2f2f2;
    --body-color: black;
    --main-color: #30667e;
  }
}

Save the changes, and you're done.