Skip to content

Commit 1f3b979

Browse files
committed
Fix: Improve contrast in palette generator for light/dark mode
1 parent aad0fe6 commit 1f3b979

1 file changed

Lines changed: 17 additions & 0 deletions

File tree

web-app/js/projects/color-palette.js

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -260,6 +260,23 @@ function getColorPaletteHTML() {
260260
font-family: 'Courier New', Courier, monospace;
261261
white-space: pre;
262262
}
263+
/* Fix: Light mode button text contrast */
264+
[data-theme='light'] .cp-btn-primary {
265+
color: #1a1a2e !important;
266+
}
267+
268+
/* Fix: Dropdown text contrast for both themes */
269+
[data-theme='light'] .cp-form-group select {
270+
background: #ffffff;
271+
color: #1a1a2e;
272+
border-color: #cbd5e1;
273+
}
274+
275+
[data-theme='dark'] .cp-form-group select {
276+
background: #1e1e2e;
277+
color: #e2e8f0;
278+
border-color: #334155;
279+
}
263280
</style>
264281
`;
265282
}

0 commit comments

Comments
 (0)