diff --git a/src/components/FloatingContributors/FloatingContributors.css b/src/components/FloatingContributors/FloatingContributors.css index 92c044ad..755b56bb 100644 --- a/src/components/FloatingContributors/FloatingContributors.css +++ b/src/components/FloatingContributors/FloatingContributors.css @@ -83,6 +83,22 @@ cursor: pointer; /* Add pointer cursor to indicate clickable */ } +[data-theme='dark'] .contributor-activity-item { + background-color: rgba(71, 85, 105, 0.3); +} + +[data-theme='dark'] .contributor-activity-item:hover { + background-color: rgba(71, 85, 105, 0.5); +} + +[data-theme='light'] .contributor-activity-item { + background-color: rgba(241, 245, 249, 0.6); +} + +[data-theme='light'] .contributor-activity-item:hover { + background-color: rgba(226, 232, 240, 0.8); +} + .contributor-activity-item:hover { background-color: rgba(255, 255, 255, 0.15); transform: translateY(-2px); /* Slight lift effect on hover */ @@ -131,6 +147,14 @@ color: rgba(255, 255, 255, 0.95); } +[data-theme='dark'] .activity-item-username { + color: #f1f5f9; +} + +[data-theme='light'] .activity-item-username { + color: #1e293b; +} + .activity-item-badge { background-color: rgba(59, 130, 246, 0.2); padding: 2px 6px; @@ -139,12 +163,30 @@ color: rgba(255, 255, 255, 0.9); } +[data-theme='dark'] .activity-item-badge { + background-color: rgba(139, 92, 246, 0.2); + color: #c084fc; +} + +[data-theme='light'] .activity-item-badge { + background-color: rgba(59, 130, 246, 0.15); + color: #3b82f6; +} + .activity-item-action { font-size: 0.8rem; color: rgba(255, 255, 255, 0.7); margin-top: 2px; } +[data-theme='dark'] .activity-item-action { + color: rgba(203, 213, 225, 0.8); +} + +[data-theme='light'] .activity-item-action { + color: rgba(71, 85, 105, 0.8); +} + .activities-more { text-align: center; padding: 8px; @@ -155,6 +197,16 @@ margin-top: 4px; } +[data-theme='dark'] .activities-more { + color: rgba(203, 213, 225, 0.8); + background-color: rgba(71, 85, 105, 0.2); +} + +[data-theme='light'] .activities-more { + color: rgba(71, 85, 105, 0.8); + background-color: rgba(241, 245, 249, 0.5); +} + /* Header embedded version - larger size */ .floating-contributors-container.header-embedded .floating-contributors-card { min-width: 450px; @@ -199,6 +251,71 @@ transition: background 0.3s ease, box-shadow 0.3s ease; } +/* Dark mode text color overrides */ +[data-theme='dark'] .floating-contributors-title { + color: #f1f5f9; +} + +[data-theme='dark'] .floating-contributors-subtitle { + color: rgba(203, 213, 225, 0.8); +} + +[data-theme='dark'] .floating-contributors-close { + color: rgba(203, 213, 225, 0.7); + background: rgba(71, 85, 105, 0.3); +} + +[data-theme='dark'] .activity-username { + color: #f1f5f9; +} + +[data-theme='dark'] .activity-message { + color: rgba(203, 213, 225, 0.8); +} + +[data-theme='dark'] .activity-time { + color: rgba(148, 163, 184, 0.7); +} + +[data-theme='dark'] .contributors-grid-header { + color: #f1f5f9; + background: rgba(71, 85, 105, 0.4); +} + +[data-theme='dark'] .floating-contributors-activity { + background: rgba(71, 85, 105, 0.3); +} + +[data-theme='dark'] .floating-contributors-activity:hover { + background: rgba(71, 85, 105, 0.5); +} + +[data-theme='dark'] .contributors-avatars { + background: rgba(71, 85, 105, 0.2); +} + +[data-theme='dark'] .activity-action-badge { + background: rgba(139, 92, 246, 0.2); + color: #c084fc; +} + +[data-theme='dark'] .contributors-count { + background: rgba(139, 92, 246, 0.2); + color: #c084fc; +} + +[data-theme='dark'] .contributors-more { + background: rgba(71, 85, 105, 0.3); + border-color: rgba(148, 163, 184, 0.3); + color: rgba(203, 213, 225, 0.8); +} + +[data-theme='dark'] .contributors-more:hover { + background: rgba(139, 92, 246, 0.3); + border-color: rgba(139, 92, 246, 0.5); + color: #f1f5f9; +} + .floating-contributors-card::before { content: ''; position: absolute;