Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
77 changes: 77 additions & 0 deletions src/css/custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -1357,6 +1357,82 @@ html {
pointer-events: auto !important;
}


/* STAR section border fixes for dark mode */
[data-theme='dark'] .star-border-red {
border-color: #ef4444 !important;
}

[data-theme='dark'] .star-border-yellow {
border-color: #eab308 !important;
}

[data-theme='dark'] .star-border-green {
border-color: #22c55e !important;
}

[data-theme='dark'] .star-border-blue {
border-color: #3b82f6 !important;
}

[data-theme='light'] .interview-prep-page h1,
[data-theme='light'] .interview-prep-page h2,
[data-theme='light'] .interview-prep-page h3,
[data-theme='light'] .interview-prep-page h4,
[data-theme='light'] .interview-prep-page h5,
[data-theme='light'] .interview-prep-page h6 {
color: #ffffff !important;
}

.watch-video-btn {
background-color: #dc2626;
color: #ffffff;
padding: 0.5rem 1rem;
border-radius: 0.5rem;
font-size: 0.875rem;
font-weight: 500;
display: inline-flex;
align-items: center;
transition: background-color 0.2s ease-in-out;
}

.watch-video-btn:hover {
background-color: #b91c1c;
}

[data-theme='dark'] .interview-prep-sidebar:hover {
border-color: #3b82f6 !important;
}

[data-theme='dark'] .interview-prep-sidebar {
border-color:#4b5563 !important;
}

/* Active tab in dark mode */
[data-theme='dark'] .interview-prep-nav-tab-active {
border-bottom-color: #60a5fa !important;
color: #60a5fa !important;
}

/* Inactive tab in dark mode */
[data-theme='dark'] .interview-prep-nav-tab-inactive {
border-bottom-color: transparent !important;
color: #9ca3af !important;
}

[data-theme='dark'] .interview-prep-nav-tab-inactive:hover {
color: #d1d5db !important;
}

.interview-prep-discord-btn{
color:white;

Copy link

Copilot AI Aug 14, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[nitpick] The CSS rule only sets color to white but the actual button has background-color defined inline in the JSX. Consider moving all button styles to CSS for better maintainability.

Suggested change
color: white;
background-color: #5865F2; /* Discord brand color, or use the color from the inline JSX */

Copilot uses AI. Check for mistakes.

}

[data-theme='dark'].interview-prep-join-comm{
Copy link

Copilot AI Aug 14, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Missing space between attribute selector and class selector. Should be '[data-theme="dark"] .interview-prep-join-comm' to properly target elements with the class inside dark theme.

Suggested change
[data-theme='dark'].interview-prep-join-comm{
[data-theme='dark'] .interview-prep-join-comm{

Copilot uses AI. Check for mistakes.

border-color:#854D0E
}

/* Fix: Remove extra box/space above dropdown nav items in sidebar */
.navbar-sidebar__item,
.navbar-sidebar__link,
Expand Down Expand Up @@ -1388,3 +1464,4 @@ html {
padding-top: 0 !important;
}
}

Loading
Loading