.

src-tauri/tauri.conf.json

@@ -11,11 +11,11 @@
     "windows": [
       {
         "title": "Notes",
-        "transparent": true,
         "width": 1100,
         "height": 600,
         "minWidth": 800,
-        "minHeight": 500
+        "minHeight": 500,
+        "decorations": true
       }
     ],
     "security": {

src/main.js

@@ -49,7 +49,7 @@ async function get_notes_list() {
           <svg style="fill: var(--color-accent);" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24px" width="24px">
           <path d="M9,19q-2.93,0-4.96-2.04Q2,14.93 2,12Q2,9.07 4.04,7.04T9,5t4.96,2.04T16,12t-2.04,4.96T9,19Zm0-7Zm7,6.9v-2q1.75-0.35 2.88-1.72T20,12T18.88,8.82T16,7.1v-2q2.6,0.35 4.3,2.31Q22,9.38 22,12t-1.7,4.59T16,18.9Zm-3.46-3.36Q14,14.08 14,12q0-2.08-1.46-3.54T9,7Q6.93,7 5.46,8.46T4,12t1.46,3.54T9,17t3.54-1.46Z" />
           </svg>
-          <p style="color: #1E88E5; font-weight: bold; font-size: 0.9rem">${note.title}</p>
+          <p style="color: #59a9ff; font-weight: bold; font-size: 0.9rem">${note.title}</p>
         </div>
         <p style="font-size: 0.8rem;">${new Date(note.created_at).toDateString()} ${new Date(note.created_at).toLocaleTimeString().split(':')[0]}:${new Date(note.created_at).toLocaleTimeString().split(':')[1]}</p>
       </div>

src/styles_default.css

@@ -1,11 +1,11 @@
 :root {
-  --color-page: #202020;
+  --color-page: #1d1d20;
-  --color-surface: #272727;
+  --color-surface: #2e2e32;
-  --color-control: #3c3c3c;
+  --color-control: #424246;
   --color-hover: #2f2f2f;
   --color-text: #aaa;
   --color-icon: #808080;
-  --color-accent: #1e88e5;
+  --color-accent: #59a9ff;
   --color-on-accent: #fff;
 }