/* * Bluelib Royal Dawn Colors * by */ @media screen { :where(.bluelib) { --burl-background-full: url(../images/viktya-pixeldawn/full.png); --burl-background-3840: url(../images/viktya-pixeldawn/full.png); --burl-background-1920: url(../images/viktya-pixeldawn/full.png); --burl-background-1366: url(../images/viktya-pixeldawn/full.png); --burl-background-640: url(../images/viktya-pixeldawn/full.png); --burl-background-360: url(../images/viktya-pixeldawn/full.png); --bhsl-background-hue: 14deg; --bhsl-background-saturation: 85%; --bhsl-background-lightness: 74%; --bhsl-foreground-hue: 340deg; --bhsl-foreground-saturation: 40%; --bhsl-foreground-lightness: 20%; --bhsl-primary-hue: 220deg; --bhsl-primary-saturation: 92%; --bhsl-primary-lightness: 11%; --bhsl-link-hue: 237deg; --bhsl-link-saturation: 80%; --bhsl-link-lightness: 41%; --bhsl-mark-foreground-hue: 194deg; --bhsl-mark-foreground-saturation: 64%; --bhsl-mark-foreground-lightness: 14%; --bhsl-mark-background-hue: 194deg; --bhsl-mark-background-saturation: 100%; --bhsl-mark-background-lightness: 81%; --bhsl-todo-foreground-hue: 43deg; --bhsl-todo-foreground-saturation: 100%; --bhsl-todo-foreground-lightness: 65%; --bhsl-todo-background-hue: 204deg; --bhsl-todo-background-saturation: 11%; --bhsl-todo-background-lightness: 18%; --bhsl-sample-input-hue: 0deg; --bhsl-sample-input-saturation: 100%; --bhsl-sample-input-lightness: 0%; --bhsl-sample-output-hue: 0deg; --bhsl-sample-output-saturation: 100%; --bhsl-sample-output-lightness: 100%; --bhsl-red-hue: 0deg; --bhsl-red-saturation: 100%; --bhsl-red-lightness: 15%; --bhsl-yellow-hue: 60deg; --bhsl-yellow-saturation: 100%; --bhsl-yellow-lightness: 15%; --bhsl-green-hue: 120deg; --bhsl-green-saturation: 100%; --bhsl-green-lightness: 15%; --bhsl-cyan-hue: 180deg; --bhsl-cyan-saturation: 100%; --bhsl-cyan-lightness: 15%; --bhsl-blue-hue: 240deg; --bhsl-blue-saturation: 100%; --bhsl-blue-lightness: 15%; --bhsl-magenta-hue: 300deg; --bhsl-magenta-saturation: 100%; --bhsl-magenta-lightness: 15%; --bhsl-inserted-hue: var(--bhsl-green-hue); --bhsl-inserted-saturation: var(--bhsl-green-saturation); --bhsl-inserted-lightness: var(--bhsl-green-lightness); --bhsl-deleted-hue: var(--bhsl-red-hue); --bhsl-deleted-saturation: var(--bhsl-red-saturation); --bhsl-deleted-lightness: var(--bhsl-red-lightness); /* @{panel} { @{panel} { background-color: .hsl-group(background; 0; - 8%; - 5%; 1.0)[@c] !important; @{panel} { background-color: .hsl-group(background; 0; - 16%; - 10%; 1.0)[@c] !important; } } } */ } :where(.bluelib):is(:where(.bluelib)) { --b-panel-initial-opacity: 0.5; --b-border-radius: 0; --b-outer-shadow: none; } :where(.bluelib):is(:where(.bluelib)) :where(.header-1), :where(.bluelib):is(:where(.bluelib)) :where(.header-2), :where(.bluelib):is(:where(.bluelib)) :where(.header-3), :where(.bluelib):is(:where(.bluelib)) :where(.header-4), :where(.bluelib):is(:where(.bluelib)) :where(.header-5), :where(.bluelib):is(:where(.bluelib)) :where(.header-6) { color: white; text-shadow: 2px 2px 0 #9832ce; } :where(.bluelib):is(:where(.bluelib)) :where(.panel) :where(.header-1), :where(.bluelib):is(:where(.bluelib)) :where(.panel) :where(.header-2), :where(.bluelib):is(:where(.bluelib)) :where(.panel) :where(.header-3), :where(.bluelib):is(:where(.bluelib)) :where(.panel) :where(.header-4), :where(.bluelib):is(:where(.bluelib)) :where(.panel) :where(.header-5), :where(.bluelib):is(:where(.bluelib)) :where(.panel) :where(.header-6) { color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness)); text-shadow: none; } }