frontend update

README.md

@@ -57,7 +57,7 @@ Akaryakıt istasyonu için geliştirilmiş modern ve kullanıcı dostu yönetim
 ## 🎨 Tasarım Özellikleri
 
 - **Renk Şeması**:
-  - Ana Renk: #6CA5E3 (Butonlar)
+  - Ana Renk: #2c3e50 (Butonlar)
   - Pasif Renk: #F2F3F7 (Pasif butonlar)
   - Arka Plan: #FFFFFF
   - Kart Çerçevesi: #F7F7F7

src/app.css

@@ -1,9 +1,9 @@
 /* Tailwind benzeri stil sistemi */
 :root {
-  --primary-color: #6CA5E3;
+  --primary-color: #2c3e50;
   --inactive-color: #F2F3F7;
   --background-color: #FFFFFF;
-  --card-border-color: #F7F7F7;
+  --card-border-color: #c9c8cb;
   --text-color: #1F2937;
   --text-secondary: #6B7280;
 }
@@ -44,7 +44,7 @@ body {
 /* Kart yapısı */
 .card {
   background: var(--background-color);
-  border: 1px solid #5B5865;
+  border: 1px solid #c9c8cb;
   border-radius: 12px;
   box-shadow: none;
   padding: 2rem;
@@ -73,7 +73,7 @@ body {
 }
 
 .btn-primary:hover {
-  background-color: #5A94D3;
+  background-color: #284057;
   transform: translateY(-1px);
 }
 

src/lib/components/Navbar.svelte

@@ -5,8 +5,8 @@
 <nav class="navbar">
 	<div class="navbar-content">
 		<div class="navbar-brand">
-			<span class="brand-text">YTP</span>
 			<img src="/logo.png" alt="YTP Logo" class="brand-logo" />
+			<span class="brand-text">YTP</span>
 		</div>
 
 		<div class="navbar-menu">
@@ -38,18 +38,18 @@
 	.navbar-brand {
 		display: flex;
 		align-items: center;
-		gap: 15px;
+		gap: 0px;
 	}
 
 	.brand-text {
-		font-size: 24px;
+		font-size: 50px;
 		font-weight: bold;
 		color: #ffffff;
 		text-decoration: none;
 	}
 
 	.brand-logo {
-		height: 40px;
+		height: 65px;
 		width: auto;
 		object-fit: contain;
 	}

src/routes/dashboard/+page.svelte

@@ -1205,7 +1205,7 @@
 		display: flex;
 		align-items: center;
 		padding: 1.5rem;
-		border: 1px solid #5B5865;
+		border: 1px solid #c9c8cb;
 		border-radius: 12px;
 		transition: transform 0.3s ease, box-shadow 0.3s ease;
 	}
@@ -1332,7 +1332,7 @@
 	.sidebar {
 		width: 280px;
 		background: white;
-		border: 1px solid #5B5865;
+		border: 1px solid #c9c8cb;
 		border-radius: 12px;
 		padding: 1.5rem;
 		height: fit-content;
@@ -1823,7 +1823,7 @@
 	.table-container {
 		background: white;
 		border-radius: 12px;
-		border: 1px solid #5B5865;
+		border: 1px solid #c9c8cb;
 		overflow: hidden;
 	}