Skip to content

Commit 68fe3c1

Browse files
committed
Fix light mode
1 parent a747893 commit 68fe3c1

File tree

6 files changed

+86
-0
lines changed

6 files changed

+86
-0
lines changed

src/components/HeartbeatSimulator/styles.module.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -166,6 +166,10 @@
166166
margin-bottom: 1rem;
167167
}
168168

169+
[data-theme='light'] .codeContainer {
170+
background: var(--ifm-color-emphasis-200);
171+
}
172+
169173
.codeBlock {
170174
margin: 0;
171175
padding: 0;
@@ -202,6 +206,14 @@
202206
flex: 1;
203207
}
204208

209+
[data-theme='light'] .lineNumber {
210+
color: #9ca3af;
211+
}
212+
213+
[data-theme='light'] .lineContent {
214+
color: #1f2937;
215+
}
216+
205217
/* Stats section */
206218
.statsSection {
207219
background: var(--ifm-color-emphasis-100);

src/components/PassingDataSimulator/styles.module.css

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -141,6 +141,20 @@
141141
color: #e5e7eb;
142142
}
143143

144+
[data-theme='light'] .fileTab {
145+
background: var(--ifm-color-emphasis-200);
146+
color: var(--ifm-color-emphasis-600);
147+
}
148+
149+
[data-theme='light'] .fileTab:hover {
150+
color: var(--ifm-color-emphasis-800);
151+
}
152+
153+
[data-theme='light'] .fileTab.active {
154+
background: var(--ifm-color-emphasis-300);
155+
color: var(--ifm-color-emphasis-900);
156+
}
157+
144158
/* Code display styles */
145159
.codeContainer {
146160
background: #2d2d2d;
@@ -149,6 +163,10 @@
149163
margin-bottom: 1rem;
150164
}
151165

166+
[data-theme='light'] .codeContainer {
167+
background: var(--ifm-color-emphasis-200);
168+
}
169+
152170
.codeBlock {
153171
margin: 0;
154172
padding: 0;
@@ -185,6 +203,14 @@
185203
flex: 1;
186204
}
187205

206+
[data-theme='light'] .lineNumber {
207+
color: #9ca3af;
208+
}
209+
210+
[data-theme='light'] .lineContent {
211+
color: #1f2937;
212+
}
213+
188214
/* Data flow indicator */
189215
.dataFlow {
190216
display: flex;

src/components/QuerySimulator/styles.module.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,10 @@
120120
margin-bottom: 1rem;
121121
}
122122

123+
[data-theme='light'] .codeContainer {
124+
background: var(--ifm-color-emphasis-200);
125+
}
126+
123127
.codeBlock {
124128
margin: 0;
125129
padding: 0;
@@ -176,6 +180,14 @@
176180
flex: 1;
177181
}
178182

183+
[data-theme='light'] .lineNumber {
184+
color: #9ca3af;
185+
}
186+
187+
[data-theme='light'] .lineContent {
188+
color: #1f2937;
189+
}
190+
179191
.waitingBadge {
180192
position: absolute;
181193
right: 1rem;

src/components/SignalSimulator/styles.module.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,10 @@
120120
margin-bottom: 1rem;
121121
}
122122

123+
[data-theme='light'] .codeContainer {
124+
background: var(--ifm-color-emphasis-200);
125+
}
126+
123127
.codeBlock {
124128
margin: 0;
125129
padding: 0;
@@ -171,6 +175,14 @@
171175
flex: 1;
172176
}
173177

178+
[data-theme='light'] .lineNumber {
179+
color: #9ca3af;
180+
}
181+
182+
[data-theme='light'] .lineContent {
183+
color: #1f2937;
184+
}
185+
174186
.waitingBadge {
175187
position: absolute;
176188
right: 1rem;

src/components/SignalTimerSimulator/styles.module.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,10 @@
120120
margin-bottom: 1rem;
121121
}
122122

123+
[data-theme='light'] .codeContainer {
124+
background: var(--ifm-color-emphasis-200);
125+
}
126+
123127
.codeBlock {
124128
margin: 0;
125129
padding: 0;
@@ -161,6 +165,14 @@
161165
flex: 1;
162166
}
163167

168+
[data-theme='light'] .lineNumber {
169+
color: #9ca3af;
170+
}
171+
172+
[data-theme='light'] .lineContent {
173+
color: #1f2937;
174+
}
175+
164176
.countdown {
165177
position: absolute;
166178
right: 1rem;

src/components/TimerSimulator/styles.module.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,10 @@
120120
margin-bottom: 1rem;
121121
}
122122

123+
[data-theme='light'] .codeContainer {
124+
background: var(--ifm-color-emphasis-200);
125+
}
126+
123127
.codeBlock {
124128
margin: 0;
125129
padding: 0;
@@ -156,6 +160,14 @@
156160
flex: 1;
157161
}
158162

163+
[data-theme='light'] .lineNumber {
164+
color: #9ca3af;
165+
}
166+
167+
[data-theme='light'] .lineContent {
168+
color: #1f2937;
169+
}
170+
159171
.countdown {
160172
position: absolute;
161173
right: 1rem;

0 commit comments

Comments
 (0)