corey/inpharmaticist.github.io
1
0
Fork 0
mirror of https://github.com/inpharmaticist/inpharmaticist.github.io.git synced 2026-04-26 16:54:02 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update nostr-contact.html

Browse Source 
correct field label color
This commit is contained in:
inpharmaticist
2026-03-27 20:01:09 -07:00
committed by GitHub
parent 05c09ff64d
commit 834ca47b2f
1 changed files with 18 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
layouts/shortcodes/nostr-contact.html
View File

@@ -4,18 +4,20 @@
max-width: 600px; max-width: 600px;
margin: 2rem 0; margin: 2rem 0;
font-family: inherit; font-family: inherit;
color: #000; /* Force black text */ color: #000;
}
.nostr-contact-wrapper .form-group {
margin-bottom: 1.5rem;
} }
.nostr-contact-wrapper label { .nostr-contact-wrapper label {
display: block; display: block;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
font-weight: 600; font-weight: 600;
font-size: 0.9rem; font-size: 0.9rem;
color: #000; /* Black labels */ color: #000; /* Light mode: black */
} }
/* Dark mode override */
.dark .nostr-contact-wrapper label {
color: #fff; /* Dark mode: white */
}
.nostr-contact-wrapper input, .nostr-contact-wrapper input,
.nostr-contact-wrapper textarea { .nostr-contact-wrapper textarea {
width: 100%; width: 100%;
@@ -24,57 +26,24 @@
border-radius: 0.375rem; border-radius: 0.375rem;
background: white; background: white;
font-size: 1rem; font-size: 1rem;
color: #000; /* Black input text */
}
.nostr-contact-wrapper input::placeholder,
.nostr-contact-wrapper textarea::placeholder {
color: #6b7280; /* Keep placeholders grey */
}
.nostr-contact-wrapper input:focus,
.nostr-contact-wrapper textarea:focus {
outline: 2px solid #3b82f6;
outline-offset: -1px;
color: #000; color: #000;
} }
/* Optional: Dark mode input styling */
.dark .nostr-contact-wrapper input,
.dark .nostr-contact-wrapper textarea {
background: #1f2937;
border-color: #374151;
color: #fff;
}
.nostr-contact-wrapper small { .nostr-contact-wrapper small {
display: block; display: block;
margin-top: 0.25rem; margin-top: 0.25rem;
color: #374151; /* Darker grey for helper text (was #6b7280) */ color: #374151; /* Light mode */
font-size: 0.875rem; font-size: 0.875rem;
} }
.nostr-contact-wrapper button { .dark .nostr-contact-wrapper small {
background: #111827; color: #9ca3af; /* Dark mode: lighter grey */
color: white;
padding: 0.75rem 1.5rem;
border-radius: 0.375rem;
font-weight: 600;
width: 100%;
cursor: pointer;
}
.nostr-contact-wrapper button:hover {
background: #374151;
}
.nostr-contact-wrapper button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.nostr-contact-wrapper #status {
margin-top: 1rem;
padding: 1rem;
border-radius: 0.375rem;
display: none;
}
.nostr-contact-wrapper #status.success {
display: block;
background: #f0fdf4;
border: 1px solid #86efac;
color: #166534;
}
.nostr-contact-wrapper #status.error {
display: block;
background: #fef2f2;
border: 1px solid #fecaca;
color: #991b1b;
} }
</style> </style>