From b23f2dcd5c099ada02a99cd43e0992a4c9169db9 Mon Sep 17 00:00:00 2001 From: Kenneth Hendricks <50819541+kenhendricks00@users.noreply.github.com> Date: Sun, 3 Nov 2024 22:04:28 -0500 Subject: [PATCH] Update settings-page.html Made text more readable on button and toast --- platform/firefox/pub/settings-page.html | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/platform/firefox/pub/settings-page.html b/platform/firefox/pub/settings-page.html index 470a350..5d4bf80 100644 --- a/platform/firefox/pub/settings-page.html +++ b/platform/firefox/pub/settings-page.html @@ -405,7 +405,7 @@ border-radius: 8px; border: none; font-family: inherit; - font-weight: 500; + font-weight: 600; /* Made slightly bolder */ font-size: 0.9rem; cursor: pointer; transition: transform 0.2s, opacity 0.2s; @@ -415,11 +415,12 @@ var(--accent-blue) ); color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Subtle text shadow for better readability */ } .btn:hover { transform: translateY(-2px); - opacity: 0.9; + opacity: 0.95; } .btn:active { @@ -446,7 +447,7 @@ position: fixed; bottom: 20px; right: 20px; - padding: 1rem; + padding: 1rem 1.5rem; background: linear-gradient( 120deg, var(--accent-purple), @@ -457,12 +458,19 @@ transform: translateY(150%); transition: transform 0.3s ease-out; z-index: 1000; + font-weight: 600; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .notification.show { transform: translateY(0); } + /* Error state */ + .notification.error { + background: linear-gradient(120deg, #ff6b6b, #ff8787); + } + @media (max-width: 640px) { .container { padding: 1rem;