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 --> <!-- ReCAPTCHA info -->
<div <div
class="mt-2 fuz-footer-text text-xs opacity-70" class="mt-2 fuz-footer-text text-xs"
set:html={footer.recaptcha} set:html={footer.recaptcha}
/> />
</div> </div>

View File

@@ -30,5 +30,5 @@ services:
recaptcha: recaptcha:
Ta strona jest chroniona przez reCAPTCHA. Ta strona jest chroniona przez reCAPTCHA.
Obowiązują 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 Google <a 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>. <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; resize: none;
} */ } */
.fuz-link { /* .fuz-link {
color: var(--fuz-accent); color: var(--fuz-accent);
transition: color 0.2s ease; transition: color 0.2s ease;
} } */

View File

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

View File

@@ -1,33 +1,41 @@
:root { :root {
--fuz-bg: #ffffff; --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: #0066ff;
--fuz-accent-hover: #9e133d; --fuz-accent-hover: #004bcc;
--fuz-accent-text: #ffffff; --fuz-accent-text: #ffffff;
/* Buttons */ /* Buttons */
--btn-bg: var(--fuz-accent); --btn-bg: var(--fuz-accent);
--btn-text: var(--fuz-accent-text); --btn-text: var(--fuz-accent-text);
--btn-outline-border: var(--fuz-accent); --btn-outline-border: var(--fuz-link);
--btn-outline-text: var(--fuz-accent); --btn-outline-text: var(--fuz-link);
--btn-outline-bg-hover: rgba(0, 148, 255, 0.07); --btn-outline-bg-hover: rgba(0, 80, 200, 0.08);
--btn-ghost-text: var(--fuz-text); --btn-ghost-text: var(--fuz-text);
--btn-ghost-hover-bg: rgba(0, 0, 0, 0.05); --btn-ghost-hover-bg: rgba(0, 0, 0, 0.05);
} }
:root.dark { :root.dark {
--fuz-text: #e6edf3;
--fuz-bg: #0d1117; --fuz-bg: #0d1117;
--fuz-text: #e6edf3;
/* Links (GitHub Dark palette) */
--fuz-link: #58a6ff;
--fuz-link-hover: #79b7ff;
/* Accent */
--fuz-accent: #58a6ff; --fuz-accent: #58a6ff;
--fuz-accent-hover: #9e133d; --fuz-accent-hover: #79b7ff;
--fuz-accent-text: #0d1117; --fuz-accent-text: #0d1117;
/* Buttons */ /* Buttons */
--btn-bg: var(--fuz-accent); --btn-bg: var(--fuz-accent);
--btn-text: var(--fuz-accent-text); --btn-text: var(--fuz-accent-text);
@@ -40,13 +48,22 @@
--btn-ghost-hover-bg: rgba(255,255,255,0.08); --btn-ghost-hover-bg: rgba(255,255,255,0.08);
} }
/* Ustawienia bazowe motywu */ /* Body */
body { body {
background-color: var(--fuz-bg); background-color: var(--fuz-bg);
color: var(--fuz-text); 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 { .theme-toggle-btn {
@apply text-xl p-2 rounded-full cursor-pointer transition-colors; @apply text-xl p-2 rounded-full cursor-pointer transition-colors;
color: var(--fuz-text); color: var(--fuz-text);
@@ -55,4 +72,3 @@ body {
.theme-toggle-btn:hover { .theme-toggle-btn:hover {
opacity: 0.8; opacity: 0.8;
} }