/* ============================================================ AVISON — Farbvarianten zum A/B-Testen B Klassisch warm · C Erdig · D Kühl und klar · E Spannung ERZEUGT von skripte/palette_b.py — nicht von Hand ändern. Greift nur, wenn am data-palette steht (palette.js). ============================================================ */ /* ==================== B — Klassisch warm ==================== */ :root:where([data-palette="b"]) { --pv-fg: #eee0cb; } :root[data-palette="b"] body { background: #161c23; } :root[data-palette="b"] .pv-mark { background: var(--p-fg, #eee0cb); } :root[data-palette="b"] .pv-mark__detail { background: var(--p-bg, #1e252e); } :root[data-palette="b"] .pslide__shade { background: #161c23; } :root[data-palette="b"] .pslide { background: var(--p-bg, #1e252e); color: var(--p-fg, #eee0cb); } :root[data-palette="b"] .pslide__versteckt { background: #1e252e; color: #eee0cb; } :root[data-palette="b"] .pslide__media { background: var(--p-bg, #1e252e); } :root[data-palette="b"] .pslide__media::before { background: linear-gradient(to bottom, rgba(var(--p-bg-rgb, 30, 37, 46), 1) 0, rgba(var(--p-bg-rgb, 30, 37, 46), 0.7) 14%, rgba(var(--p-bg-rgb, 30, 37, 46), 0) 100%); } :root[data-palette="b"] .pslide__media::after { background: linear-gradient(to top, rgba(var(--p-bg-rgb, 30, 37, 46), 1) 0, rgba(var(--p-bg-rgb, 30, 37, 46), 0.75) 14%, rgba(var(--p-bg-rgb, 30, 37, 46), 0) 100%); } :root[data-palette="b"] .pslide__view { background: var(--p-fg, #eee0cb); color: var(--p-bg, #1e252e); } :root[data-palette="b"] .pv-empty p { color: rgba(238, 224, 203, 0.65); } :root[data-palette="b"] .pslide .avedit-panel input[type="color"] { border: 1px solid rgba(247, 239, 227, 0.35); } :root[data-palette="b"] .polaroid { --wimpern-farbe: #420b10; } /* ==================== C — Erdig ==================== */ :root:where([data-palette="c"]) { --pv-fg: #eee0cb; } :root[data-palette="c"] body { background: #2a070a; } :root[data-palette="c"] .pv-mark { background: var(--p-fg, #eee0cb); } :root[data-palette="c"] .pv-mark__detail { background: var(--p-bg, #420b10); } :root[data-palette="c"] .pslide__shade { background: #2a070a; } :root[data-palette="c"] .pslide { background: var(--p-bg, #420b10); color: var(--p-fg, #eee0cb); } :root[data-palette="c"] .pslide__versteckt { background: #420b10; color: #eee0cb; } :root[data-palette="c"] .pslide__media { background: var(--p-bg, #420b10); } :root[data-palette="c"] .pslide__media::before { background: linear-gradient(to bottom, rgba(var(--p-bg-rgb, 66, 11, 16), 1) 0, rgba(var(--p-bg-rgb, 66, 11, 16), 0.7) 14%, rgba(var(--p-bg-rgb, 66, 11, 16), 0) 100%); } :root[data-palette="c"] .pslide__media::after { background: linear-gradient(to top, rgba(var(--p-bg-rgb, 66, 11, 16), 1) 0, rgba(var(--p-bg-rgb, 66, 11, 16), 0.75) 14%, rgba(var(--p-bg-rgb, 66, 11, 16), 0) 100%); } :root[data-palette="c"] .pslide__view { background: var(--p-fg, #eee0cb); color: var(--p-bg, #420b10); } :root[data-palette="c"] .pv-empty p { color: rgba(238, 224, 203, 0.65); } :root[data-palette="c"] .pslide .avedit-panel input[type="color"] { border: 1px solid rgba(247, 239, 227, 0.35); } :root[data-palette="c"] .polaroid { --wimpern-farbe: #474e2d; } /* ==================== D — Kühl und klar ==================== */ :root:where([data-palette="d"]) { --pv-fg: #1e252e; } :root[data-palette="d"] body { background: #0d1117; } :root[data-palette="d"] .pv-mark { background: var(--p-fg, #1e252e); } :root[data-palette="d"] .pv-mark__detail { background: var(--p-bg, #eee0cb); } :root[data-palette="d"] .pslide__shade { background: #0d1117; } :root[data-palette="d"] .pslide { background: var(--p-bg, #eee0cb); color: var(--p-fg, #1e252e); } :root[data-palette="d"] .pslide__versteckt { background: #eee0cb; color: #1e252e; } :root[data-palette="d"] .pslide__media { background: var(--p-bg, #eee0cb); } :root[data-palette="d"] .pslide__media::before { background: linear-gradient(to bottom, rgba(var(--p-bg-rgb, 238, 224, 203), 1) 0, rgba(var(--p-bg-rgb, 238, 224, 203), 0.7) 14%, rgba(var(--p-bg-rgb, 238, 224, 203), 0) 100%); } :root[data-palette="d"] .pslide__media::after { background: linear-gradient(to top, rgba(var(--p-bg-rgb, 238, 224, 203), 1) 0, rgba(var(--p-bg-rgb, 238, 224, 203), 0.75) 14%, rgba(var(--p-bg-rgb, 238, 224, 203), 0) 100%); } :root[data-palette="d"] .pslide__view { background: var(--p-fg, #1e252e); color: var(--p-bg, #eee0cb); } :root[data-palette="d"] .pv-empty p { color: rgba(30, 37, 46, 0.65); } :root[data-palette="d"] .pslide .avedit-panel input[type="color"] { border: 1px solid rgba(39, 48, 59, 0.35); } :root[data-palette="d"] .polaroid { --wimpern-farbe: #80a1c1; } /* ==================== E — Spannung ==================== */ :root:where([data-palette="e"]) { --pv-fg: #eee0cb; } :root[data-palette="e"] body { background: #161c23; } :root[data-palette="e"] .pv-mark { background: var(--p-fg, #eee0cb); } :root[data-palette="e"] .pv-mark__detail { background: var(--p-bg, #1e252e); } :root[data-palette="e"] .pslide__shade { background: #161c23; } :root[data-palette="e"] .pslide { background: var(--p-bg, #1e252e); color: var(--p-fg, #eee0cb); } :root[data-palette="e"] .pslide__versteckt { background: #1e252e; color: #eee0cb; } :root[data-palette="e"] .pslide__media { background: var(--p-bg, #1e252e); } :root[data-palette="e"] .pslide__media::before { background: linear-gradient(to bottom, rgba(var(--p-bg-rgb, 30, 37, 46), 1) 0, rgba(var(--p-bg-rgb, 30, 37, 46), 0.7) 14%, rgba(var(--p-bg-rgb, 30, 37, 46), 0) 100%); } :root[data-palette="e"] .pslide__media::after { background: linear-gradient(to top, rgba(var(--p-bg-rgb, 30, 37, 46), 1) 0, rgba(var(--p-bg-rgb, 30, 37, 46), 0.75) 14%, rgba(var(--p-bg-rgb, 30, 37, 46), 0) 100%); } :root[data-palette="e"] .pslide__view { background: var(--p-fg, #eee0cb); color: var(--p-bg, #1e252e); } :root[data-palette="e"] .pv-empty p { color: rgba(238, 224, 203, 0.65); } :root[data-palette="e"] .pslide .avedit-panel input[type="color"] { border: 1px solid rgba(247, 239, 227, 0.35); } :root[data-palette="e"] .polaroid { --wimpern-farbe: #420b10; }