art: 🎨 color profile changed

Author: codeperfectplus

src/config.py

@@ -4,7 +4,7 @@
 app = Flask(__name__)
 
 # Configure the SQLite database
-app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///speedtest_results.db'
+app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///dashboard.db'
 app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
 app.config['SECRET_KEY'] = 'secret'
 

src/models.py

@@ -47,4 +47,3 @@ class SystemInfo(db.Model):
 
     def __repr__(self):
         return f'<SystemInfo {self.username}, {self.cpu_percent}, {self.memory_percent}, {self.disk_usage}, {self.battery_percent}, {self.cpu_core}, {self.boot_time}, {self.network_sent}, {self.network_received}, {self.process_count}, {self.swap_memory}, {self.uptime}, {self.ipv4_connections}, {self.ipv6_connections}, {self.dashboard_memory_usage}>'
-

src/static/css/style.css

@@ -12,17 +12,18 @@
     --color-black: #000000; /* Black for text */
 
     /* card colors */
-    --color-username: #007bff; /* Bright blue for username */
+    --color-username: #469fff; /* Bright blue for username */
     --color-boot: #28a745; /* Green for boot time */
-    --color-cpu: #af13e3; /* Red for CPU */
-    --color-ip: #03e77c; /* Bright blue for IP address */
-    --color-cpu-usage: #ffc107; /* Yellow for CPU usage */
-    --color-memory: #6f42c1; /* Purple for memory */
-    --color-disk: #6711e9; /* Gray for disk */
-    --color-uptime: #042b31; /* Cyan for uptime */
-    --color-network: #20053d; /* Bright blue for network */
-    --color-speedtest: #253003; /* Bright blue for speedtest */
+    --color-cpu: #ac0fea; /* Red for CPU */
+    --color-cpu-usage: #ca11eb; /* Yellow for CPU usage */
+    --color-memory: #ffbf00; /* Purple for memory */
+    --color-disk: #047507; /* Gray for disk */
+    --color-uptime: #f44336; /* Cyan for uptime */
+    --color-network: #08a2a8; /* Bright blue for network */
+    --color-speedtest: #f44336; /* Bright blue for speedtest */
     --color-battery: #007bff; /* Bright blue for battery */
+    --color-connection: #f44336; /* Red for connection */
+    --color-bg-dashboard-memory: #28a745; /* Green for memory card */
 
     /* shadow colors */
     --color-shadow: #f80000; /* Red shadow for username */
@@ -150,6 +151,14 @@ body {
     background-color: var(--color-boot); /* Green for boot time */
 }
 
+.card.bg-connection {
+    background-color: var(--color-connection); /* Red for connection */
+}
+
+.card.bg-dashboard-memory {
+    background-color: var(--color-bg-dashboard-memory); /* Green for memory card */
+}
+
 .card.bg-cpu-usage {
     background-color: var(--color-cpu-usage); /* Yellow for CPU usage */
 }

src/templates/dasbhboard_comp/connection.html

@@ -1,5 +1,5 @@
 <div class="col-md-6 col-lg-4 mb-4">
-    <div class="card bg-ipv4">
+    <div class="card bg-connection">
         <div class="card-body">
             <h5 class="card-title">IPV4 Connections <i class="fas fa-network-wired"></i></h5>
             <p class="card-text fs-4">{{ system_info['ipv4_connections'] }}</p>

src/templates/dasbhboard_comp/dashboard_memory_usage.html

@@ -1,5 +1,5 @@
 <div class="col-md-6 col-lg-4 mb-4">
-    <div class="card bg-username">
+    <div class="card bg-dashboard-memory">
         <div class="card-body">
             <h5 class="card-title">Dashboard Memory Usages <i class="fas fa-memory"></i></h5>
             <p class="card-text fs-4">{{ system_info['dashboard_memory_usage'] }}</p>

src/templates/dasbhboard_comp/uptime.html

@@ -1,6 +1,6 @@
 <div class="col-md-6 col-lg-6 mb-4">
     <div class="card bg-uptime" data-disk="{{ system_info['disk_usage'] }}" shadow-sm border-0 rounded-3>
-        <div class="card-body">
+        <div class="card-body bg-uptime">
             <h5 class="card-title">System Uptime <i class="fas fa-clock"></i></h5>
             <p class="card-text fs-4">{{ system_info['uptime'] }}</p>
             <a href="{{ url_for('system_health') }}" class="btn btn-primary">View Details</a>