engineering/uncloseai.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: light mode styling for copy button and modal title

Browse source 
- Add light mode specific styling for copy code button (white bg, dark text)
- Ensure modal title stays white in both builtin and pico CSS versions
- Prevent PicoCSS from overriding title color in light mode

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Russell Ballestrini 2025-07-10 18:15:26 -04:00
parent bbbd24503f
commit e8066e29f9
2 changed files with 16 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/uncloseai-modal-builtin.css
View file

@ -816,6 +816,13 @@ dialog#tts-modal {
z-index: 5;
}
/* Light theme copy button */
dialog#uncloseai-embedded-modal[data-theme="light"] .uncloseai-code-copy-btn {
background: rgba(255, 255, 255, 0.9);
color: #333;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.uncloseai-code-copy-btn:hover {
opacity: 1;
}
@ -857,6 +864,7 @@ dialog#tts-modal {
.uncloseai-modal-title {
margin: 0;
font-weight: 600;
color: white;
}
.uncloseai-modal-title-mobile {

8
src/uncloseai-modal-pico.css
View file

@ -872,6 +872,13 @@ dialog#tts-modal::backdrop {
z-index: 5;
}
/* Light theme copy button */
dialog#uncloseai-embedded-modal[data-theme="light"] .uncloseai-code-copy-btn {
background: rgba(255, 255, 255, 0.9);
color: #333;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.uncloseai-code-copy-btn:hover {
opacity: 1;
}
@ -913,6 +920,7 @@ dialog#tts-modal::backdrop {
.uncloseai-modal-title {
margin: 0 !important;
font-weight: 600 !important;
color: white !important;
}
.uncloseai-modal-title-mobile {