Css podniesienie kontrastu linków
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>.
|
||||||
@@ -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;
|
||||||
}
|
} */
|
||||||
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user