Nurfog/openccb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Implement dark mode support by adjusting background and text colors across various pages and components.

Browse Source
This commit is contained in:
Juan Enrique Allende Cifuentes
2026-02-26 16:57:28 -03:00
parent 947abcb0bc
commit e5373919c9
56 changed files with 536 additions and 517 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/experience/src/app/profile/[id]/page.tsx
+2 -2
View File
@@ -39,7 +39,7 @@ export default function StudentPortfolioPage() {
if (!profile) return null;
return (
<div className="min-h-screen bg-[#050505] text-white selection:bg-blue-500/30">
<div className="min-h-screen bg-transparent text-gray-900 dark:text-white selection:bg-blue-500/30 transition-colors duration-300">
{/* Hero Section / Profile Header */}
<div className="relative h-64 bg-gradient-to-r from-blue-900/30 to-purple-900/30 border-b border-white/5">
<div className="absolute inset-0 bg-[url('/grid.svg')] opacity-20" />
@@ -47,7 +47,7 @@ export default function StudentPortfolioPage() {
<div className="flex items-end gap-6">
<div className="relative group">
<div className="absolute -inset-1 bg-gradient-to-r from-blue-600 to-purple-600 rounded-2xl blur opacity-30 group-hover:opacity-60 transition duration-1000"></div>
<div className="relative w-32 h-32 rounded-2xl bg-black border-2 border-white/10 overflow-hidden shadow-2xl">
<div className="relative w-32 h-32 rounded-2xl bg-black/5 dark:bg-black border-2 border-black/10 dark:border-white/10 overflow-hidden shadow-2xl">
{profile.avatar_url ? (
<img src={profile.avatar_url} alt={profile.full_name} className="w-full h-full object-cover" />
) : (
web/experience/src/app/profile/page.tsx
+1 -1
View File
@@ -204,7 +204,7 @@ export default function ProfilePage() {
<Award size={24} className="text-gray-600 group-hover:text-yellow-500 transition-colors" />
)}
</div>
<div className="absolute bottom-full left-1/2 -translate-x-1/2 mb-2 p-2 bg-black border border-white/10 rounded-lg text-[10px] font-bold text-white whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none z-10">
<div className="absolute bottom-full left-1/2 -translate-x-1/2 mb-2 p-2 bg-gray-900 dark:bg-black border border-black/10 dark:border-white/10 rounded-lg text-[10px] font-bold text-white whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none z-10">
{badge.name}
</div>
</div>