theme: change main color

index.html

@@ -15,8 +15,8 @@
       href="/apple-touch-icon-180x180.png"
       sizes="180x180"
     />
-    <link rel="mask-icon" href="/masked-icon.png" color="#ffffff" />
-    <meta name="theme-color" content="#2C3A47" />
+    <link rel="mask-icon" href="/masked-icon.png" color="#ffa4c0" />
+    <meta name="theme-color" content="#2e5c1a" />
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.css"

src/styles/app.css

@@ -4,7 +4,7 @@
 @import url("https://fonts.googleapis.com/css2?display=swap&family=Courier+Prime&family=Libertinus+Serif");
 
 :root {
-  --primary-color: #2c3a47;
+  --primary-color: #2e5c1a;
   --font-family: "Libertinus Serif", serif;
   --font-size: 13pt;
   --font-color: #4a4a4a;

vite.config.mts

@@ -3,8 +3,6 @@ import path from "path"
 import { defineConfig, type UserConfigExport } from "vite"
 import { VitePWA } from "vite-plugin-pwa"
 
-const mainColor = "#2C3A47"
-
 export default defineConfig(({ command }) => {
   const config: UserConfigExport = {
     plugins: [
@@ -28,8 +26,8 @@ export default defineConfig(({ command }) => {
           name: "Remanso",
           short_name: "Remanso",
           description: "Note taking & sharing app",
-          background_color: mainColor,
-          theme_color: mainColor,
+          background_color: "#ffa4c0",
+          theme_color: "#2e5c1a",
           icons: [
             {
               src: "pwa-64x64.png",