Spaces:
Running
Running
change niopurple color to black - Follow Up Deployment
Browse files- index.html +5 -5
index.html
CHANGED
|
@@ -12,7 +12,7 @@
|
|
| 12 |
extend: {
|
| 13 |
colors: {
|
| 14 |
'niogold': '#D4AF37',
|
| 15 |
-
'niopurple': '#
|
| 16 |
'nioblack': '#0F0F0F',
|
| 17 |
'nioglass': 'rgba(30, 30, 30, 0.75)'
|
| 18 |
},
|
|
@@ -57,7 +57,7 @@
|
|
| 57 |
border: 1px solid transparent;
|
| 58 |
background: linear-gradient(45deg,
|
| 59 |
rgba(212, 175, 55, 0.2),
|
| 60 |
-
rgba(
|
| 61 |
rgba(212, 175, 55, 0.2)) border-box;
|
| 62 |
-webkit-mask: linear-gradient(#fff 0 0) padding-box,
|
| 63 |
linear-gradient(#fff 0 0);
|
|
@@ -67,7 +67,7 @@
|
|
| 67 |
}
|
| 68 |
|
| 69 |
.premium-gradient {
|
| 70 |
-
background: linear-gradient(45deg, rgba(
|
| 71 |
}
|
| 72 |
|
| 73 |
.card-hover {
|
|
@@ -164,7 +164,7 @@
|
|
| 164 |
border-radius: 9999px;
|
| 165 |
background: linear-gradient(45deg,
|
| 166 |
rgba(212, 175, 55, 0.8),
|
| 167 |
-
rgba(
|
| 168 |
rgba(212, 175, 55, 0.8));
|
| 169 |
z-index: -1;
|
| 170 |
filter: blur(2px);
|
|
@@ -457,7 +457,7 @@
|
|
| 457 |
<button class="px-6 py-2 glass-panel rounded-full text-sm font-semibold glow-text hover:shadow-glow transition-all duration-300 flex items-center">
|
| 458 |
<span class="relative z-10">PLAY NOW</span>
|
| 459 |
<i class="fas fa-play ml-2 text-xs relative z-10"></i>
|
| 460 |
-
<div class="absolute inset-0 rounded-full bg-gradient-to-r from-niogold/80 to-
|
| 461 |
</button>
|
| 462 |
</div>
|
| 463 |
</div>
|
|
|
|
| 12 |
extend: {
|
| 13 |
colors: {
|
| 14 |
'niogold': '#D4AF37',
|
| 15 |
+
'niopurple': '#000000',
|
| 16 |
'nioblack': '#0F0F0F',
|
| 17 |
'nioglass': 'rgba(30, 30, 30, 0.75)'
|
| 18 |
},
|
|
|
|
| 57 |
border: 1px solid transparent;
|
| 58 |
background: linear-gradient(45deg,
|
| 59 |
rgba(212, 175, 55, 0.2),
|
| 60 |
+
rgba(0, 0, 0, 0.2),
|
| 61 |
rgba(212, 175, 55, 0.2)) border-box;
|
| 62 |
-webkit-mask: linear-gradient(#fff 0 0) padding-box,
|
| 63 |
linear-gradient(#fff 0 0);
|
|
|
|
| 67 |
}
|
| 68 |
|
| 69 |
.premium-gradient {
|
| 70 |
+
background: linear-gradient(45deg, rgba(0, 0, 0, 0.4), rgba(212, 175, 55, 0.4));
|
| 71 |
}
|
| 72 |
|
| 73 |
.card-hover {
|
|
|
|
| 164 |
border-radius: 9999px;
|
| 165 |
background: linear-gradient(45deg,
|
| 166 |
rgba(212, 175, 55, 0.8),
|
| 167 |
+
rgba(0, 0, 0, 0.8),
|
| 168 |
rgba(212, 175, 55, 0.8));
|
| 169 |
z-index: -1;
|
| 170 |
filter: blur(2px);
|
|
|
|
| 457 |
<button class="px-6 py-2 glass-panel rounded-full text-sm font-semibold glow-text hover:shadow-glow transition-all duration-300 flex items-center">
|
| 458 |
<span class="relative z-10">PLAY NOW</span>
|
| 459 |
<i class="fas fa-play ml-2 text-xs relative z-10"></i>
|
| 460 |
+
<div class="absolute inset-0 rounded-full bg-gradient-to-r from-niogold/80 to-black/80 opacity-70 hover:opacity-100 transition-opacity duration-300"></div>
|
| 461 |
</button>
|
| 462 |
</div>
|
| 463 |
</div>
|