tuandesu commited on
Commit
6811524
·
verified ·
1 Parent(s): f446185

thelivesmedia.com

Browse files
Files changed (4) hide show
  1. components/navbar.js +2 -2
  2. index.html +2 -2
  3. script.js +4 -4
  4. style.css +3 -4
components/navbar.js CHANGED
@@ -4,8 +4,8 @@ class CustomNavbar extends HTMLElement {
4
  this.shadowRoot.innerHTML = `
5
  <style>
6
  nav {
7
- background: linear-gradient(135deg, rgba(99, 102, 241, 0.95) 0%, rgba(139, 92, 246, 0.95) 100%);
8
- backdrop-filter: blur(10px);
9
  padding: 0.75rem 1.5rem;
10
  display: flex;
11
  justify-content: space-between;
 
4
  this.shadowRoot.innerHTML = `
5
  <style>
6
  nav {
7
+ background: linear-gradient(135deg, rgba(231, 65, 65, 0.95) 0%, rgba(209, 31, 31, 0.95) 100%);
8
+ backdrop-filter: blur(10px);
9
  padding: 0.75rem 1.5rem;
10
  display: flex;
11
  justify-content: space-between;
index.html CHANGED
@@ -3,8 +3,8 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>DashVista | Dashboard</title>
7
- <link rel="stylesheet" href="style.css">
8
  <script src="https://cdn.tailwindcss.com"></script>
9
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
10
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>The Lives Media | Dashboard</title>
7
+ <link rel="stylesheet" href="style.css">
8
  <script src="https://cdn.tailwindcss.com"></script>
9
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
10
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
script.js CHANGED
@@ -14,9 +14,9 @@ document.addEventListener('DOMContentLoaded', function() {
14
  minWidth: 200.00,
15
  scale: 1.00,
16
  scaleMobile: 1.00,
17
- color: 0x6366f1,
18
  backgroundColor: 0xf9fafb,
19
- points: 12.00,
20
  maxDistance: 22.00,
21
  spacing: 18.00
22
  });
@@ -34,8 +34,8 @@ document.addEventListener('DOMContentLoaded', function() {
34
  minWidth: 200.00,
35
  scale: 1.00,
36
  scaleMobile: 1.00,
37
- color: isDark ? 0x8b5cf6 : 0x6366f1,
38
- backgroundColor: isDark ? 0x111827 : 0xf9fafb,
39
  points: 12.00,
40
  maxDistance: 22.00,
41
  spacing: 18.00
 
14
  minWidth: 200.00,
15
  scale: 1.00,
16
  scaleMobile: 1.00,
17
+ color: 0xe74141,
18
  backgroundColor: 0xf9fafb,
19
+ points: 12.00,
20
  maxDistance: 22.00,
21
  spacing: 18.00
22
  });
 
34
  minWidth: 200.00,
35
  scale: 1.00,
36
  scaleMobile: 1.00,
37
+ color: isDark ? 0xd11f1f : 0xe74141,
38
+ backgroundColor: isDark ? 0x111827 : 0xf9fafb,
39
  points: 12.00,
40
  maxDistance: 22.00,
41
  spacing: 18.00
style.css CHANGED
@@ -15,14 +15,13 @@ body {
15
  ::-webkit-scrollbar-track {
16
  background: #f1f1f1;
17
  }
18
-
19
  ::-webkit-scrollbar-thumb {
20
- background: #888;
21
- border-radius: 3px;
22
  }
23
 
24
  ::-webkit-scrollbar-thumb:hover {
25
- background: #555;
26
  }
27
 
28
  .dark ::-webkit-scrollbar-track {
 
15
  ::-webkit-scrollbar-track {
16
  background: #f1f1f1;
17
  }
 
18
  ::-webkit-scrollbar-thumb {
19
+ background: #e74141;
20
+ border-radius: 3px;
21
  }
22
 
23
  ::-webkit-scrollbar-thumb:hover {
24
+ background: #b31e1e;
25
  }
26
 
27
  .dark ::-webkit-scrollbar-track {