Css podniesienie kontrastu linków

This commit is contained in:
dm
2025-11-23 07:30:53 +01:00
parent 65d16575f2
commit eb7fc021af
5 changed files with 38 additions and 22 deletions

View File

@@ -67,7 +67,7 @@ const footer = yaml.load(
<!-- ReCAPTCHA info -->
<div
class="mt-2 fuz-footer-text text-xs opacity-70"
class="mt-2 fuz-footer-text text-xs"
set:html={footer.recaptcha}
/>
</div>

View File

@@ -30,5 +30,5 @@ services:
recaptcha:
Ta strona jest chroniona przez reCAPTCHA.
Obowiązują
Google <a class="fuz-link" href="https://policies.google.com/privacy" title="Odnośnik do polityka prywatności Google">Polityka prywatności</a> oraz
<a class="fuz-link" href="https://policies.google.com/terms" title="Odnośnik do warynków korzystania Google">Warunki korzystania</a>.
Google <a href="https://policies.google.com/privacy" title="Odnośnik do polityka prywatności Google">Polityka prywatności</a> oraz
<a href="https://policies.google.com/terms" title="Odnośnik do warynków korzystania Google">Warunki korzystania</a>.

View File

@@ -88,7 +88,7 @@
resize: none;
} */
.fuz-link {
/* .fuz-link {
color: var(--fuz-accent);
transition: color 0.2s ease;
}
} */

View File

@@ -7,7 +7,7 @@
}
/* Linki */
.fuz-footer-link {
/* .fuz-footer-link {
color: var(--fuz-text);
text-decoration: none;
transition: opacity 0.2s ease;
@@ -15,7 +15,7 @@
.fuz-footer-link:hover {
opacity: 0.7;
}
} */
.footer-col {
@apply max-w-sm pt-4;

View File

@@ -1,33 +1,41 @@
:root {
--fuz-bg: #ffffff;
--fuz-text: #1a1a1a;
--fuz-text: #0d0d0d;
/* Links */
--fuz-link: #0050c8;
--fuz-link-hover: #003f9a;
/* Accent (buttons, highlights) */
--fuz-accent: #0066ff;
--fuz-accent-hover: #9e133d;
--fuz-accent-hover: #004bcc;
--fuz-accent-text: #ffffff;
/* Buttons */
--btn-bg: var(--fuz-accent);
--btn-text: var(--fuz-accent-text);
--btn-outline-border: var(--fuz-accent);
--btn-outline-text: var(--fuz-accent);
--btn-outline-bg-hover: rgba(0, 148, 255, 0.07);
--btn-outline-border: var(--fuz-link);
--btn-outline-text: var(--fuz-link);
--btn-outline-bg-hover: rgba(0, 80, 200, 0.08);
--btn-ghost-text: var(--fuz-text);
--btn-ghost-hover-bg: rgba(0, 0, 0, 0.05);
}
:root.dark {
--fuz-text: #e6edf3;
--fuz-bg: #0d1117;
--fuz-text: #e6edf3;
/* Links (GitHub Dark palette) */
--fuz-link: #58a6ff;
--fuz-link-hover: #79b7ff;
/* Accent */
--fuz-accent: #58a6ff;
--fuz-accent-hover: #9e133d;
--fuz-accent-hover: #79b7ff;
--fuz-accent-text: #0d1117;
/* Buttons */
--btn-bg: var(--fuz-accent);
--btn-text: var(--fuz-accent-text);
@@ -40,13 +48,22 @@
--btn-ghost-hover-bg: rgba(255,255,255,0.08);
}
/* Ustawienia bazowe motywu */
/* Body */
body {
background-color: var(--fuz-bg);
color: var(--fuz-text);
}
/* Przycisk przełącznika */
/* Links */
a {
color: var(--fuz-link);
}
a:hover {
color: var(--fuz-link-hover);
}
/* Theme Toggle */
.theme-toggle-btn {
@apply text-xl p-2 rounded-full cursor-pointer transition-colors;
color: var(--fuz-text);
@@ -55,4 +72,3 @@ body {
.theme-toggle-btn:hover {
opacity: 0.8;
}