/* ============================================================ Sahin OTS — motyw dopasowany 1:1 do https://sahin.pl Silnik UI Yopassa: Tailwind + DaisyUI v5 (zmienne --color-*). Metoda: nadpisujemy zmienne theme DaisyUI paletą sahin.pl (z !important, więc wygrywa nad light/dark prefers-color-scheme), + drobne korekty (pill-gradient na przyciskach, header, brandbar) + ukrycie wbudowanego logo/wordmarku „Yopass". Wstrzykiwane przez nginx sub_filter (/brand/yopass-theme.css). ============================================================ */ :root { /* --- Font sahin.pl --- */ --sf-font: 'Aptos', 'Aptos Display', 'Segoe UI Variable Text', 'Segoe UI', system-ui, -apple-system, sans-serif; --sf-font-mono: 'Aptos Mono', 'Cascadia Code', 'Consolas', monospace; /* --- Paleta sahin.pl (do brandbara / gradientów) --- */ --sf-bg: #0a0e0c; --sf-bg-2: #0f1512; --sf-panel: #121a16; --sf-line: #1f2b24; --sf-ink: #e8efea; --sf-ink-dim: #aebeb5; --sf-accent: #00d15f; --sf-accent-2: #00b336; --sf-cyan: #37d7ff; --sf-accent-ink:#04140b; /* === Nadpisanie motywu DaisyUI v5 paletą sahin.pl === */ --color-base-100: #0a0e0c !important; /* tło strony */ --color-base-200: #121a16 !important; /* karty / pola / panele */ --color-base-300: #1f2b24 !important; /* obramowania / elewacja */ --color-base-content: #e8efea !important; /* tekst */ --color-primary: #00d15f !important; --color-primary-content: #04140b !important; --color-secondary: #00b336 !important; --color-secondary-content:#04140b !important; --color-accent: #37d7ff !important; --color-accent-content: #04140b !important; --color-neutral: #121a16 !important; --color-neutral-content: #e8efea !important; --color-info: #37d7ff !important; --color-info-content: #04140b !important; --color-success: #00d15f !important; --color-success-content: #04140b !important; --color-warning: #ffb84d !important; --color-warning-content: #04140b !important; --color-error: #ff6b6b !important; --color-error-content: #04140b !important; /* Promienie zaokrągleń jak na sahin.pl */ --radius-selector: 0.6rem !important; --radius-field: 0.55rem !important; /* pola input */ --radius-box: 1rem !important; /* karty */ color-scheme: dark !important; } /* --- Font Aptos WSZĘDZIE (także klasy Tailwind font-sans/mono/serif) --- */ *, *::before, *::after, .font-sans, .font-mono, .font-serif, input, textarea, select, button, kbd, code, pre { font-family: var(--sf-font) !important; } /* --- Tło strony: płaskie ciemne + subtelna poświata jak sekcja sahin.pl --- */ html, body { background-color: var(--sf-bg) !important; color: var(--sf-ink) !important; } body { background-image: radial-gradient(1100px 520px at 85% -20%, rgba(0,209,95,.05), transparent 62%) !important; background-attachment: fixed !important; background-repeat: no-repeat !important; } /* ============================================================ UKRYCIE wbudowanego logo + napisu „Yopass" w górnym pasku. Brand = z Yopass

+ tekst. ============================================================ */ a[href="/"]:has(img[src="/yopass.svg"]), a[href="/"]:has(img[alt="Yopass"]) { display: none !important; } img[src="/yopass.svg"], img[alt="Yopass"] { display: none !important; } /* ============================================================ Brand bar (sub_filter po ) — styl .site-head sahin.pl ============================================================ */ #sf-brandbar { background: rgba(10,14,12,.82); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: var(--sf-ink); padding: 12px 26px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--sf-line); position: sticky; top: 0; z-index: 1400; } #sf-brandbar .sf-mark { width: 16px; height: 16px; border-radius: 4px; background: linear-gradient(135deg, var(--sf-accent), var(--sf-cyan)); box-shadow: 0 0 14px rgba(0,209,95,.55); flex: none; } #sf-brandbar .sf-title { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; } #sf-brandbar .sf-name { font-size: 17px; font-weight: 700; letter-spacing: .3px; background: linear-gradient(135deg, var(--sf-accent), var(--sf-cyan)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; } /* ============================================================ Górny pasek aplikacji (DaisyUI navbar) — szkło + zielona linia ============================================================ */ .navbar, header.navbar, .navbar.bg-base-100, [class*="navbar"] { background-color: rgba(10,14,12,.72) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid var(--sf-line) !important; } /* ============================================================ Przyciski — pill + zielony gradient jak .btn-primary sahin.pl ============================================================ */ .btn { text-transform: none !important; border-radius: 999px !important; font-weight: 600 !important; } .btn-primary, .btn-success { background-image: linear-gradient(135deg, var(--sf-accent), var(--sf-accent-2)) !important; border: 0 !important; color: var(--sf-accent-ink) !important; box-shadow: 0 8px 26px rgba(0,209,95,.28) !important; } .btn-primary:hover, .btn-success:hover { filter: brightness(1.05); box-shadow: 0 10px 30px rgba(0,209,95,.36) !important; } /* Toggle/segmenty czasu życia (join) — aktywny zielony */ .btn-active, .join .btn-primary, [aria-pressed="true"].btn { color: var(--sf-accent-ink) !important; } /* ============================================================ Karty / panele ============================================================ */ .card, .card.bg-base-100, .card.bg-base-200 { background-color: var(--sf-panel) !important; border: 1px solid var(--sf-line) !important; border-radius: 16px !important; } /* Pola tekstowe / textarea — ciemne jak na sahin.pl */ .input, .textarea, .select, textarea, input[type="text"], input[type="password"] { background-color: #08100c !important; border-color: #26362d !important; color: var(--sf-ink) !important; } .input:focus, .textarea:focus, .select:focus, .input:focus-within, .textarea:focus-within { border-color: var(--sf-accent) !important; outline-color: var(--sf-accent) !important; } /* ============================================================ Główne nagłówki — gradient zieleń→cyan z „background-clip:text", jak wyróżnione napisy (VMCE / 16 / 3-2-1-1-0 / Recovery proof) na sahin.pl. Pomijamy text-error (błędy zostają czerwone). ============================================================ */ .text-3xl.font-bold:not(.text-error), .text-2xl.font-bold:not(.text-error) { background: linear-gradient(135deg, var(--sf-accent), var(--sf-cyan)) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important; width: fit-content; } /* Linki akcentowane */ a:not(.btn) { color: var(--sf-accent); } a:not(.btn):hover { color: #33e07f; } /* Scrollbar */ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: var(--sf-bg); } ::-webkit-scrollbar-thumb { background: #2a3a31; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: var(--sf-accent); }