54 lines
1.1 KiB
CSS
54 lines
1.1 KiB
CSS
:root {
|
|
--fuz-bg: #ffffff;
|
|
--fuz-text: #1a1a1a;
|
|
--fuz-accent: #0066ff;
|
|
--fuz-accent: #0094ff;
|
|
--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-ghost-text: var(--fuz-text);
|
|
--btn-ghost-hover-bg: rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
:root.dark {
|
|
--fuz-text: #e6edf3;
|
|
--fuz-bg: #0d1117;
|
|
--fuz-accent: #58a6ff;
|
|
--fuz-accent-text: #0d1117;
|
|
|
|
/* 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(88, 166, 255, 0.15);
|
|
|
|
--btn-ghost-text: var(--fuz-text);
|
|
--btn-ghost-hover-bg: rgba(255,255,255,0.08);
|
|
}
|
|
|
|
/* Ustawienia bazowe motywu */
|
|
body {
|
|
background-color: var(--fuz-bg);
|
|
color: var(--fuz-text);
|
|
}
|
|
|
|
/* Przycisk przełącznika */
|
|
.theme-toggle-btn {
|
|
@apply text-xl p-2 rounded-full cursor-pointer transition-colors;
|
|
color: var(--fuz-text);
|
|
}
|
|
|
|
.theme-toggle-btn:hover {
|
|
opacity: 0.8;
|
|
}
|
|
|