chore(release): bump version to v0.0.15 and update changelog [skip ci]

CHANGELOG.md

@@ -1,3 +1,23 @@
+## [v0.0.15] - 2026-02-22
+
+* degisiklik (6ba8d8b)
+
+## [v0.0.14] - 2026-02-22
+
+* feat: replace rich cerulean color variables with a new color palette for improved theming (53cb84d)
+
+## [v0.0.13] - 2026-02-22
+
+* feat: update button and input styles with new color variables and hover/focus states (fe20a69)
+
+## [v0.0.12] - 2026-02-22
+
+* feat: update CSS variables for improved theming and styling (24424cc)
+
+## [v0.0.11] - 2026-02-22
+
+* fix: correct spelling of 'application' in README (f450b6f)
+
 ## [v0.0.10] - 2026-02-22
 
 * feat: add deployment steps for Backend and Frontend to Dokploy (b3f09d5)

README.md

@@ -1,2 +1,2 @@
-# todo
+# Simple TODO applicatoon to use as template.
 

frontend/src/components/TodoList.jsx

@@ -74,7 +74,7 @@ const TodoList = () => {
 
     return (
         <div className="todo-wrapper">
-            <h1 className="title">Tasks</h1>
+            <h1 className="title">Tasks List</h1>
 
             <form className="todo-form" onSubmit={handleCreate}>
                 <input

frontend/src/index.css

@@ -1,58 +1,129 @@
+/* Existing CSS rules */
 :root {
-  --bg-color: #0f172a;
-  --panel-bg: rgba(30, 41, 59, 0.7);
-  --text-main: #f8fafc;
-  --text-muted: #94a3b8;
-  --accent-primary: #8b5cf6;
-  --accent-secondary: #ec4899;
-  --success: #10b981;
-  --danger: #ef4444;
-  --border-color: rgba(255, 255, 255, 0.1);
-  --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
-  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    --color1: #edf0f8;
+    --color2: #dae1f1;
+    --color3: #b6c3e2;
+    --color4: #91a5d4;
+    --color5: #6c87c6;
+    --color6: #4769b8;
+    --color7: #395493;
+    --color8: #2b3f6e;
+    --color9: #1d2a49;
+    --color10: #0e1525;
+    --color11: #0a0f1a;
+
+    --color12: #e8ebfc;
+    --color13: #d1d7fa;
+    --color14: #a3aff5;
+    --color15: #7588f0;
+    --color16: #4760eb;
+    --color17: #1938e6;
+    --color18: #142db8;
+    --color19: #0f228a;
+    --color20: #0a165c;
+    --color21: #050b2e;
+    --color22: #040820;
+    --color23: #02081c;
+
+    --color24: #fff4e5;
+    --color25: #ffe9cc;
+    --color26: #ffd399;
+    --color27: #ffbd66;
+    --color28: #ffa733;
+    --color29: #ff9100;
+    --color30: #cc7400;
+    --color31: #995700;
+    --color32: #663a00;
+    --color33: #331d00;
+    --color34: #241400;
+
+    --color35: #eef2f7;
+    --color36: #dce5ef;
+    --color37: #bacade;
+    --color38: #97b0ce;
+    --color39: #7495be;
+    --color40: #527bad;
+    --color41: #41628b;
+    --color42: #314a68;
+    --color43: #213145;
+    --color44: #101923;
+    --color45: #0b1118;
+
+    /* New CSS Variables */
+    --bg-color: var(--color45);
+    --panel-bg: rgba(30, 41, 59, 0.7);
+    --text-main: var(--color24);
+    --text-muted: var(--color36);
+    --accent-primary: var(--color41);
+    --accent-secondary: var(--color38);
+    --success: var(--color39);
+    --danger: var(--color30);
+    --border-color: rgba(255, 255, 255, 0.1);
+    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
+    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
 * {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
 }
 
 body {
-  font-family: var(--font-family);
-  background-color: var(--bg-color);
-  background-image: radial-gradient(circle at top right, rgba(139, 92, 246, 0.15), transparent 40%),
-    radial-gradient(circle at bottom left, rgba(236, 72, 153, 0.15), transparent 40%);
-  color: var(--text-main);
-  min-height: 100vh;
-  display: flex;
-  justify-content: center;
-  align-items: flex-start;
-  padding: 4rem 1rem;
+    font-family: var(--font-family);
+    background-color: var(--bg-color);
+    background-image: radial-gradient(circle at top right, rgba(139, 92, 246, 0.15), transparent 40%),
+        radial-gradient(circle at bottom left, rgba(236, 72, 153, 0.15), transparent 40%);
+    color: var(--text-main);
+    min-height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+    padding: 4rem 1rem;
 }
 
 @media (max-width: 768px) {
-  body {
-    padding: 2rem 1rem;
-  }
+    body {
+        padding: 2rem 1rem;
+    }
 }
 
 @media (max-width: 480px) {
-  body {
-    padding: 0;
-    align-items: flex-start;
-  }
+    body {
+        padding: 0;
+        align-items: flex-start;
+    }
 }
 
 button {
-  cursor: pointer;
-  font-family: inherit;
-  border: none;
-  outline: none;
-  transition: all 0.3s ease;
+    cursor: pointer;
+    font-family: inherit;
+    border: none;
+    outline: none;
+    transition: all 0.3s ease;
+    background-color: var(--color5); /* Default background color */
+    color: var(--text-main);
+    padding: 10px 20px;
+    border-radius: 4px;
+
+    &:hover {
+        background-color: var(--color6); /* Hover state background color */
+    }
 }
 
 input {
-  font-family: inherit;
-  outline: none;
+    font-family: inherit;
+    outline: none;
+    background-color: var(--bg-color);
+    color: var(--text-main);
+    padding: 8px 12px;
+    border: 1px solid var(--color3);
+
+    &:focus {
+        border-color: var(--color4); /* Focus state border color */
+    }
+}
+
+h1, h2, h3 {
+    color: var(--color5);
 }