Skip to content
This repository was archived by the owner on Jan 28, 2026. It is now read-only.

Commit 6898d69

Browse files
committed
Dark mode update search page and graph page and toggle bar for testing
1 parent aa3a843 commit 6898d69

12 files changed

Lines changed: 732 additions & 539 deletions

File tree

frontend/src/assets/styles/institutionDropdown.module.css

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -89,3 +89,51 @@
8989
color: #4F6AF6;
9090
font-weight: 500;
9191
}
92+
93+
/* Dark mode styles */
94+
:global(.dark) .label {
95+
color: #ccc;
96+
}
97+
98+
:global(.dark) .input {
99+
background-color: #1a1a1a;
100+
border: 1px solid #404040;
101+
color: #fff;
102+
}
103+
104+
:global(.dark) .input:focus {
105+
border-color: #4F6AF6;
106+
box-shadow: 0 0 0 2px rgba(79, 106, 246, 0.2);
107+
}
108+
109+
:global(.dark) .toggleBtn {
110+
color: #ccc;
111+
}
112+
113+
:global(.dark) .toggleBtn:hover {
114+
color: #4F6AF6;
115+
}
116+
117+
:global(.dark) .dropdownList {
118+
background: #2a2a2a;
119+
border: 1px solid #404040;
120+
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
121+
}
122+
123+
:global(.dark) .dropdownItem {
124+
border-bottom: 1px solid #404040;
125+
color: #fff;
126+
}
127+
128+
:global(.dark) .dropdownItem:hover {
129+
background: #404040;
130+
}
131+
132+
:global(.dark) .loading,
133+
:global(.dark) .noResults {
134+
color: #ccc;
135+
}
136+
137+
:global(.dark) .selectedValue {
138+
color: #4F6AF6;
139+
}

0 commit comments

Comments
 (0)