/* ========================================================= Motyw marki Testto dla MkDocs Material Dwa schematy: slate (ciemny, domyślny) + default (jasny, poprzedni). Treść dokumentacji bez zmian — to wyłącznie warstwa wizualna. ========================================================= */ /* ========================================================= Animowana warstwa kafelków w tle (jak testto.com) Wstrzykiwana w overrides/main.html; widoczna tylko w trybie ciemnym. ========================================================= */ .tg-bg { position: fixed; inset: 0; z-index: -1; /* zawsze POD treścią (obrazy, filmy, tekst) */ pointer-events: none; opacity: 0.4; } .tg-bg svg { width: 100%; height: 100%; } /* Kolor bazowy na , aby kafelki (z-index:-1) były nad nim, ale pod treścią. */ html { background-color: #0A0C0C; } /* W trybie ciemnym tło przezroczyste — odsłania warstwę kafelków. */ [data-md-color-scheme="slate"] { background-color: transparent; } /* W trybie jasnym warstwa jest ukryta (na stronie też tylko dla dark). */ [data-md-color-scheme="default"] .tg-bg { display: none; } /* ========================================================= TRYB CIEMNY (slate) — motyw marki, domyślny/primary ========================================================= */ [data-md-color-scheme="slate"] { --md-primary-fg-color: #1E9E9E; /* teal */ --md-primary-fg-color--light: #2BB6B6; --md-primary-fg-color--dark: #167C7C; --md-primary-bg-color: #E8F1EF; /* pierwszy plan nagłówka: ikony/tekst (jasny) */ --md-primary-bg-color--light: #E8F1EFb3; --md-accent-fg-color: #BCE3DD; /* mint */ --md-default-bg-color: #0A0C0C; /* tło */ --md-default-fg-color: #E8F1EF; /* tekst */ --md-default-fg-color--light: #C7D6D3; --md-default-fg-color--lighter: #9DB3B0; --md-default-fg-color--lightest: #16302D; --md-code-bg-color: #11201E; --md-code-fg-color: #E8F1EF; --md-typeset-a-color: #1E9E9E; --md-footer-bg-color: #0A0C0C; --md-footer-bg-color--dark: #0A0C0C; } [data-md-color-scheme="slate"] .md-header, [data-md-color-scheme="slate"] .md-tabs { background-color: #0A0C0C; border-bottom: 1px solid #1E3331; } [data-md-color-scheme="slate"] .md-typeset h1, [data-md-color-scheme="slate"] .md-typeset h2, [data-md-color-scheme="slate"] .md-typeset h3, [data-md-color-scheme="slate"] .md-typeset h4 { color: #E8F1EF; } [data-md-color-scheme="slate"] .md-typeset a { color: #1E9E9E; } [data-md-color-scheme="slate"] .md-typeset a:hover { color: #BCE3DD; } [data-md-color-scheme="slate"] .md-nav__link--active { color: #1E9E9E !important; } [data-md-color-scheme="slate"] .md-search__input { background-color: #11201E; } [data-md-color-scheme="slate"] .md-typeset .admonition, [data-md-color-scheme="slate"] .md-typeset details { border-color: #1E3331; } /* ========================================================= TRYB JASNY (default) — poprzedni motyw ========================================================= */ [data-md-color-scheme="default"] { --md-primary-fg-color: #00868b; --md-primary-fg-color--light: #00868b; --md-primary-fg-color--dark: #1e4042; --md-primary-bg-color: #ffffff; --md-accent-fg-color: #00868b; --md-typeset-a-color: #00868b; } [data-md-color-scheme="default"] .md-typeset a { color: #00868b; } [data-md-color-scheme="default"] .md-typeset a:hover { color: #1e4042; } [data-md-color-scheme="default"] .md-nav__link--active { color: #00868b !important; }