a.github-corner { position: fixed !important; top: 0; right: 0; border: 0; z-index: 9999 !important; display: block; } /* FIX: Explicitly apply light mode styles ONLY when .dark is NOT present. This prevents the light mode rule from conflicting with the dark mode rule. */ html:not(.dark) a.github-corner svg { fill: #0d1117 !important; /* Dark triangle */ color: #f0f6fc !important; /* White octocat */ } /* FIX: Increased specificity for the dark mode rule. */ html.dark a.github-corner svg { fill: #f0f6fc !important; /* White triangle */ color: #0d1117 !important; /* Dark octocat */ } a.github-corner:hover .octo-arm { animation: octocat-wave 560ms ease-in-out; } @keyframes octocat-wave { 0%, 100% { transform: rotate(0); } 20%, 60% { transform: rotate(-25deg); } 40%, 80% { transform: rotate(10deg); } } /* Mobile: Hide GitHub corner on small screens */ @media (max-width: 768px) { a.github-corner { display: none; } }