Browse Source

fix contrast

Nostr-Signature: 210177972a67b45a8c56494f2423987ffd30fc5594c539ed6a9f23c0f0992d21 573634b648634cbad10f2451776089ea21090d9407f715e83c577b4611ae6edc c3122ebc0055f5a7145d394b9461b811b6e37a7423493d62a6debf7078c006435352e2e2a4259fce6a8a13486bdd137e2e7a49bfdf512a37a73d0c36d405ff2f
main
Silberengel 3 weeks ago
parent
commit
0c1a0077ff
  1. 1
      nostr/commit-signatures.jsonl
  2. 28
      src/app.css
  3. 2
      src/lib/components/Footer.svelte
  4. 2
      src/lib/components/NavBar.svelte
  5. 2
      src/lib/components/PRDetail.svelte
  6. 6
      src/routes/+page.svelte
  7. 2
      src/routes/dashboard/+page.svelte
  8. 24
      src/routes/repos/[npub]/[repo]/+page.svelte
  9. 8
      src/routes/users/[npub]/+page.svelte

1
nostr/commit-signatures.jsonl

@ -4,3 +4,4 @@ @@ -4,3 +4,4 @@
{"kind":1640,"pubkey":"573634b648634cbad10f2451776089ea21090d9407f715e83c577b4611ae6edc","created_at":1771513666,"tags":[["author","Silberengel","silberengel7@protonmail.com"],["message","setup separate repos"]],"content":"Signed commit: setup separate repos","id":"62fa7c667e07791d898d0af8971165a57df5a061585e4a71447e52f7444dc687","sig":"25ef4575b03248381920985338e0ff4605f0af3fcaf8615d7906e3e116e3fbb64de3f3927f511fd45340e7dbdc4a2c3ea7fa150e5e9c75a6b5880cecaa4d2851"}
{"kind":1640,"pubkey":"573634b648634cbad10f2451776089ea21090d9407f715e83c577b4611ae6edc","created_at":1771516332,"tags":[["author","Silberengel","silberengel7@protonmail.com"],["message","security fixes"]],"content":"Signed commit: security fixes","id":"a16b9538d6ce6ce2f1030042a4106534e2af1583642315893cc56d9f2e7cd385","sig":"0be95c5f2d720c008b52a1d38cef9952b1a615ecd3ef34b5b373266a2afb880e30347d3ee467b4ea42eca4a0e57808f98795ada878357ad39ca1a3063d6b6a22"}
{"kind":1640,"pubkey":"573634b648634cbad10f2451776089ea21090d9407f715e83c577b4611ae6edc","created_at":1771519913,"tags":[["author","Silberengel","silberengel7@protonmail.com"],["message","fix swagger"]],"content":"Signed commit: fix swagger","id":"c0eb40be64306e1b11eba642ad357fd877776f50c8e64867cff845b92851c60e","sig":"194bedf752e25da9924bcf16b55eec0b29ae5da8bcd3f2a646e072f08d2d8f499269d42fafe6c056effb22840be0101c243aa1852b41899a73b242e6d6ad2932"}
{"kind":1640,"pubkey":"573634b648634cbad10f2451776089ea21090d9407f715e83c577b4611ae6edc","created_at":1771520422,"tags":[["author","Silberengel","silberengel7@protonmail.com"],["message","correct icons"]],"content":"Signed commit: correct icons","id":"3d630436d21542aa097b574829ba03f9700db4d707f3d7065bc24000321d0ba2","sig":"6e345bb8ca6fef352400dd10a801d1f41b8798b7a0307eba9af84ea3b4045235b50510905ab2cc9cbdd2894b56a0d1524560a9347c137f39cf756c43ca72c326"}

28
src/app.css

@ -37,6 +37,7 @@ @@ -37,6 +37,7 @@
--input-bg: #ffffff;
--input-border: var(--border-color);
--input-focus: var(--royal-plum);
--input-placeholder: #6a6a6a; /* Medium gray for placeholder text */
--error-bg: #fee2e2;
--error-text: #7a0a0a; /* Darker for better contrast */
--success-bg: #d1fae5;
@ -78,6 +79,7 @@ @@ -78,6 +79,7 @@
--input-bg: var(--lavender-blush);
--input-border: var(--border-color);
--input-focus: var(--royal-plum);
--input-placeholder: #a0a0a0; /* Lighter gray for placeholder on dark bg */
--error-bg: #4a1f1f;
--error-text: #ff8a8a; /* Brighter for better contrast */
--success-bg: #1a3a2a;
@ -119,6 +121,7 @@ @@ -119,6 +121,7 @@
--input-bg: #0d1117; /* GitHub's input background */
--input-border: #30363d; /* GitHub's input border */
--input-focus: var(--royal-plum);
--input-placeholder: #6e7681; /* GitHub's placeholder color */
--error-bg: #3d1f1f;
--error-text: #f85149; /* GitHub's error color */
--success-bg: #1a3a2a;
@ -299,7 +302,7 @@ button:disabled, .button:disabled { @@ -299,7 +302,7 @@ button:disabled, .button:disabled {
.btn-primary, .login-button, .save-button, .search-button, .create-file-button, .create-branch-button, .create-tag-button, .create-issue-button, .create-pr-button, .add-comment-btn, .reply-btn {
background: var(--button-primary);
color: white;
color: var(--accent-text, #ffffff); /* Use theme-aware text color */
border: none;
}
@ -309,7 +312,7 @@ button:disabled, .button:disabled { @@ -309,7 +312,7 @@ button:disabled, .button:disabled {
.btn-secondary, .logout-button {
background: var(--button-secondary);
color: #ffffff; /* Ensure white text for contrast */
color: var(--accent-text, #ffffff); /* Use theme-aware text color */
}
.btn-secondary:hover, .logout-button:hover {
@ -326,7 +329,7 @@ button:disabled, .button:disabled { @@ -326,7 +329,7 @@ button:disabled, .button:disabled {
.btn-danger {
background: var(--error-text);
color: white;
color: #ffffff; /* Always white on error background for maximum contrast */
}
.btn-danger:hover {
@ -415,6 +418,13 @@ input, textarea, select { @@ -415,6 +418,13 @@ input, textarea, select {
transition: border-color 0.2s ease;
}
/* Placeholder styling with proper contrast for all themes */
input::placeholder,
textarea::placeholder {
color: var(--input-placeholder, var(--text-muted));
opacity: 1; /* Ensure full opacity for better contrast */
}
input:focus, textarea:focus, select:focus {
outline: none;
border-color: var(--input-focus);
@ -422,7 +432,14 @@ input:focus, textarea:focus, select:focus { @@ -422,7 +432,14 @@ input:focus, textarea:focus, select:focus {
input:disabled, textarea:disabled, select:disabled {
background: var(--bg-secondary);
color: var(--text-muted);
cursor: not-allowed;
opacity: 0.7;
}
input:disabled::placeholder,
textarea:disabled::placeholder {
color: var(--text-muted);
opacity: 0.6;
}
@ -518,7 +535,7 @@ input:disabled, textarea:disabled, select:disabled { @@ -518,7 +535,7 @@ input:disabled, textarea:disabled, select:disabled {
padding: 0.5rem 0.75rem;
font-size: 0.9rem;
background: var(--button-secondary);
color: white;
color: var(--accent-text, #ffffff); /* Use theme-aware text color */
border: none;
border-radius: 4px;
cursor: pointer;
@ -983,7 +1000,8 @@ input:disabled, textarea:disabled, select:disabled { @@ -983,7 +1000,8 @@ input:disabled, textarea:disabled, select:disabled {
.pr-status.open, .issue-status.open {
background: var(--accent-light);
color: var(--text-primary); /* Better contrast */
color: var(--accent); /* Use accent color for better contrast on light background */
font-weight: 600;
}
.pr-status.closed, .issue-status.closed {

2
src/lib/components/Footer.svelte

@ -38,7 +38,7 @@ @@ -38,7 +38,7 @@
.back-to-top-button {
background: var(--button-primary);
color: white;
color: var(--accent-text, #ffffff);
border: none;
padding: 0.5rem 1rem;
border-radius: 0.375rem;

2
src/lib/components/NavBar.svelte

@ -406,7 +406,7 @@ @@ -406,7 +406,7 @@
.nav-links a.active {
background: var(--accent);
color: white;
color: var(--accent-text, #ffffff);
}
.nav-links a.active::after {

2
src/lib/components/PRDetail.svelte

@ -572,7 +572,7 @@ @@ -572,7 +572,7 @@
.add-comment-btn, .reply-btn {
padding: 0.4rem 0.8rem;
background: var(--button-primary);
color: white;
color: var(--accent-text, #ffffff);
border: none;
border-radius: 4px;
cursor: pointer;

6
src/routes/+page.svelte

@ -382,7 +382,7 @@ @@ -382,7 +382,7 @@
.splash-button-primary {
background: var(--accent, #007bff);
color: white;
color: var(--accent-text, #ffffff);
box-shadow: 0 4px 6px rgba(0, 123, 255, 0.3);
}
@ -393,14 +393,14 @@ @@ -393,14 +393,14 @@
}
.splash-button-secondary {
background: white;
background: var(--card-bg, #ffffff);
color: var(--accent, #007bff);
border: 2px solid var(--accent, #007bff);
}
.splash-button-secondary:hover {
background: var(--accent, #007bff);
color: white;
color: var(--accent-text, #ffffff);
transform: translateY(-2px);
}

2
src/routes/dashboard/+page.svelte

@ -340,7 +340,7 @@ @@ -340,7 +340,7 @@
.refresh-button {
padding: 0.5rem 1rem;
background: var(--button-primary);
color: white;
color: var(--accent-text, #ffffff);
border: none;
border-radius: 6px;
cursor: pointer;

24
src/routes/repos/[npub]/[repo]/+page.svelte

@ -3004,7 +3004,7 @@ @@ -3004,7 +3004,7 @@
disabled={deletingAnnouncement}
class="delete-announcement-button"
title="Send deletion request for repository announcement (NIP-09)"
style="background: var(--danger, #dc2626); color: white; border: none; padding: 0.5rem 1rem; border-radius: 0.25rem; cursor: pointer; font-size: 0.875rem;"
style="background: var(--error-text, #dc2626); color: #ffffff; border: none; padding: 0.5rem 1rem; border-radius: 0.25rem; cursor: pointer; font-size: 0.875rem;"
>
{deletingAnnouncement ? 'Deleting...' : 'Delete Announcement'}
</button>
@ -3031,7 +3031,7 @@ @@ -3031,7 +3031,7 @@
disabled={copyingCloneUrl}
class="clone-url-button"
title="Copy clone URL to clipboard"
style="padding: 0.5rem 1rem; font-size: 0.875rem; background: var(--primary, #3b82f6); color: white; border: none; border-radius: 0.25rem; cursor: pointer; display: flex; align-items: center; gap: 0.5rem;"
style="padding: 0.5rem 1rem; font-size: 0.875rem; background: var(--button-primary, #3b82f6); color: var(--accent-text, #ffffff); border: none; border-radius: 0.25rem; cursor: pointer; display: flex; align-items: center; gap: 0.5rem;"
>
{#if copyingCloneUrl}
<span>Copying...</span>
@ -3060,7 +3060,7 @@ @@ -3060,7 +3060,7 @@
class="delete-branch-button"
disabled={saving}
title="Delete current branch"
style="padding: 0.25rem 0.5rem; font-size: 0.875rem; background: var(--danger, #dc2626); color: white; border: none; border-radius: 0.25rem; cursor: pointer;"
style="padding: 0.25rem 0.5rem; font-size: 0.875rem; background: var(--error-text, #dc2626); color: #ffffff; border: none; border-radius: 0.25rem; cursor: pointer;"
</button>
{/if}
{/if}
@ -4802,18 +4802,18 @@ @@ -4802,18 +4802,18 @@
}
.contributor-badge.owner {
/* High contrast colors for light mode */
background: #4a5568;
color: #ffffff;
border-color: #2d3748;
/* High contrast colors for all themes */
background: var(--bg-tertiary, #4a5568);
color: var(--text-primary, #ffffff);
border-color: var(--border-color, #2d3748);
}
.contributor-badge.maintainer {
/* High contrast colors for light mode */
background: #22543d;
color: #ffffff;
border-color: #1a202c;
/* High contrast colors for all themes */
background: var(--success-bg, #22543d);
color: var(--success-text, #ffffff);
border-color: var(--border-color, #1a202c);
}
@ -4987,7 +4987,7 @@ @@ -4987,7 +4987,7 @@
.save-button {
padding: 0.5rem 1rem;
background: var(--button-primary);
color: white;
color: var(--accent-text, #ffffff);
border: none;
border-radius: 0.25rem;
cursor: pointer;

8
src/routes/users/[npub]/+page.svelte

@ -508,7 +508,7 @@ @@ -508,7 +508,7 @@
height: 80px;
border-radius: 50%;
background: var(--accent);
color: white;
color: var(--accent-text, #ffffff);
display: flex;
align-items: center;
justify-content: center;
@ -585,7 +585,7 @@ @@ -585,7 +585,7 @@
.send-message-button {
padding: 0.5rem 1rem;
background: var(--accent);
color: white;
color: var(--accent-text, #ffffff);
border: none;
border-radius: 6px;
cursor: pointer;
@ -726,7 +726,7 @@ @@ -726,7 +726,7 @@
.send-button {
background: var(--accent);
color: white;
color: var(--accent-text, #ffffff);
}
.send-button:hover:not(:disabled) {
@ -748,7 +748,7 @@ @@ -748,7 +748,7 @@
gap: 0.5rem;
padding: 0.75rem 1.5rem;
background: var(--accent);
color: white;
color: var(--accent-text, #ffffff);
text-decoration: none;
border-radius: 6px;
font-size: 0.95rem;

Loading…
Cancel
Save