ATC/Lakehouse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix homepage icons with simple-icons, add ping widgets, update colorful styling

Browse Source
This commit is contained in:
Lakehouse Admin
2026-05-19 14:36:03 +02:00
parent b4eb42ee57
commit 69712f90a1
2 changed files with 119 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
config/homepage/custom.css
+37 -25
View File
@@ -1,4 +1,4 @@
/* Lakehouse Dashboard - Palantir-style Dark Theme */
/* Lakehouse Dashboard - Colorful Palantir-style Theme */
:root {
--background-color: #0a0e1a;
--card-background: #111827;
@@ -12,7 +12,7 @@
--accent-orange: #f59e0b;
--accent-cyan: #06b6d4;
--accent-red: #ef4444;
--accent-yellow: #fbbf24';
--accent-yellow: #fbbf24;
}
body {
@@ -22,7 +22,7 @@ body {
.service-card {
background: linear-gradient(135deg, var(--card-background) 0%, #1a2332 100%);
border: 1px solid rgba(59, 130, 246, 0.2);
border: 1px solid rgba(59, 130, 246, 0.3);
transition: all 0.3s ease;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
@@ -32,7 +32,7 @@ body {
background: linear-gradient(135deg, var(--card-hover) 0%, #2d3748 100%);
border-color: var(--accent-blue);
transform: translateY(-4px);
box-shadow: 0 20px 40px rgba(59, 130, 246, 0.4);
box-shadow: 0 20px 40px rgba(59, 130, 246, 0.5);
}
.group-header {
@@ -48,35 +48,42 @@ body {
border-bottom: 2px solid rgba(59, 130, 246, 0.3);
}
/* Animated background */
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
/* Widget status colors */
.widget-status-up {
color: var(--accent-green) !important;
}
.animated-background {
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
animation: gradient 20s ease infinite;
.widget-status-down {
color: var(--accent-red) !important;
}
/* Colorful service icons */
.service-icon {
font-size: 2.5em;
margin-bottom: 10px;
filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));
.widget-status-unknown {
color: var(--accent-orange) !important;
}
/* Resource section special styling */
[data-group*="Data Engineering"] .service-card {
border-color: rgba(139, 92, 246, 0.5);
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
/* Animated background for specific groups */
[data-group*="Data Pipeline"] .group-header {
background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #ffe66d);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
[data-group*="Data Engineering"] .service-card:hover {
border-color: var(--accent-purple);
box-shadow: 0 20px 40px rgba(139, 92, 246, 0.5);
[data-group*"Source Systems"] .group-header {
background: linear-gradient(90deg, #f38181, #aa96da, #fcbad3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
[data-group*"Analytics"] .group-header {
background: linear-gradient(90deg, #6c5ce7, #00cec9, #e84393);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
[data-group*"Data Engineering"] .group-header {
background: linear-gradient(90deg, #8b5cf6, #ec4899, #10b981);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Smooth scrolling */
@@ -101,3 +108,8 @@ html {
::-webkit-scrollbar-thumb:hover {
background: var(--accent-purple);
}
/* Icon styling */
svg {
filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.5));
}