bluelib/dist/colors-pixeldawn.root.css

/*
 * Bluelib Royal Dawn Colors
 * by <me@steffo.eu>
 */
@media screen {
  :where(body) {
    --burl-background-full: url(https://gh.steffo.eu/bluelib-images/viktya-pixeldawn/full.png);
    --burl-background-3840: url(https://gh.steffo.eu/bluelib-images/viktya-pixeldawn/full.png);
    --burl-background-1920: url(https://gh.steffo.eu/bluelib-images/viktya-pixeldawn/full.png);
    --burl-background-1366: url(https://gh.steffo.eu/bluelib-images/viktya-pixeldawn/full.png);
    --burl-background-640: url(https://gh.steffo.eu/bluelib-images/viktya-pixeldawn/full.png);
    --burl-background-360: url(https://gh.steffo.eu/bluelib-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(body):is(:where(body)) {
    --b-panel-initial-opacity: 0.5;
    --b-border-radius: 0;
    --b-outer-shadow: none;
  }
  :where(body):is(:where(body)) :where(h1),
  :where(body):is(:where(body)) :where(h2),
  :where(body):is(:where(body)) :where(h3),
  :where(body):is(:where(body)) :where(h4),
  :where(body):is(:where(body)) :where(h5),
  :where(body):is(:where(body)) :where(h6) {
    color: white;
    text-shadow: 2px 2px 0 #9832ce;
  }
  :where(body):is(:where(body)) :where(.panel) :where(h1),
  :where(body):is(:where(body)) :where(.panel) :where(h2),
  :where(body):is(:where(body)) :where(.panel) :where(h3),
  :where(body):is(:where(body)) :where(.panel) :where(h4),
  :where(body):is(:where(body)) :where(.panel) :where(h5),
  :where(body):is(:where(body)) :where(.panel) :where(h6) {
    color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness));
    text-shadow: none;
  }
}