blz-d1-calibre-dark-theme.css

/*
 * ------------------------------------------------------------------------ *
 *     Calibre "BLZ-1" a dark theme for calibre.                            *
 *     Built by blazardsky (http://blazardsky.space)                        *
 *     I referenced sanitize.css and some other theme found on github.      *
 * ------------------------------------------------------------------------ *
*/

*, ::before, ::after {
	box-sizing: border-box;
  	outline: 0;
  	border-style: none;
}

html {
  	cursor: default;
  	-moz-tab-size: 4;
  	tab-size: 4;
  	-webkit-tap-highlight-color: transparent;
  	font-size: 62.5% !important;
  	-ms-text-size-adjust: 62.5% !important;
	-webkit-text-size-adjust: 62.5% !important;
  	scroll-behavior: smooth;
}

body {
 	color: #c1c9d8;
 	background: #16233c;
	line-height: 2.625  !important;
	font-size: 1.675rem  !important;
	font-weight: 400  !important;
 	word-break: break-word;
 	text-rendering: geometricPrecision  !important;
 	letter-spacing: .0085em;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 	font-family: "Raleway", sans-serif !important;
 	page-break-before: always;
	text-align: justify !important;
}

html, body {
	width: 100%;
	height: 100%;
}

button,
input,
select {
	margin: 0;
}

table, th, td, thead, tbody, tfoot {
	border-collapse: collapse;
	border-spacing: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
label,
legend,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

[hidden] {
	display: none;
}

::selection,
::-moz-selection,
::-webkit-selection {
	color: #3C2B42 !important;
	background: #593F62 !important;
}

::-webkit-scrollbar {
	width: 0.2rem !important;
}

::-webkit-scrollbar-track {
	background-color: transparent;
	border: 0;
}

::-webkit-scrollbar-thumb {
	background-color: #050407 !important;
	background-color: rgba(5, 4, 7, 0.6) !important;
	border-radius: 8px !important;
}

::-webkit-scrollbar-track:hover,
::-webkit-scrollbar-thumb:hover {
	background-color: #120D17 !important;
	background-color: rgba(18, 13, 23, 0.8) !important;
}

::-webkit-scrollbar-track:focus,
::-webkit-scrollbar-thumb:focus {
	background-color: #3C2B42 !important;
}

a, a[href] {
	background-color: transparent !important;
	color: #a780df !important;
	text-decoration: none;
}

a:visited, a[href]:visited {
	color: #443756 !important;
}
a[href]:hover, a:hover {
	color: #80b8df !important;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover, a[href]:hover {
	outline: none;
}

b,
strong {
	font-weight: 700;
}
dfn {
	font-style: italic;
}
mark {
	color: #3C2B42 !important;
	background: #593F62 !important;
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
	overflow: auto;
}
code, pre, samp {
	white-space: pre-wrap;
	word-wrap: break-word;
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

blockquote {
	border-left: 0.3rem solid #996cda;
	margin: .5em 0;
	padding: 1rem;
}

blockquote *:last-child {
	margin-bottom: 0;
}

del {
	opacity: 0.8;
	filter: alpha(opacity=80);
	zoom: 1;
}

small {
	font-size: 50% !important;
}

}
sub,
sup {
	font-size: 56.5% !important;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {  top: -0.5em; }
sub {  bottom: -0.25em; }
img {
	border: 0;
	max-width: 100% !important;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

fieldset {
	border-width: 0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

progress {
	vertical-align: baseline;
}

label,
legend {
	border: 0;
	padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

audio,
video {
	display: inline-block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

svg:not([fill]) {
	fill: currentColor;
}

dialog {
	background-color: white;
	border: solid;
	color: black;
	display: block;
	height: -moz-fit-content;
	height: -webkit-fit-content;
	height: fit-content;
	left: 0;
	margin: auto;
	padding: 1em;
	position: absolute;
	right: 0;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
}

dialog:not([open]) {
	display: none;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

ul { list-style: circle inside; }
ol { list-style: decimal-leading-zero inside; }

ul li,
ol li,
ol ol,
ul ul:first-of-type,
ul ol:first-of-type,
ol ul:first-of-type,
ol ol:first-of-type {
	margin-left: 0.25rem;
}

hr {
	border: 0;
	border-top: 0.1rem solid #1c1c1c;
	margin: 2.0rem 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", sans-serif;
	margin: 1rem 0 2rem 0;
	font-weight: 700;
}
h1 {
	font-size: 5.8rem;
	line-height: 3;
	letter-spacing: .15rem;
	color: #996cda;
}
h2 {
	font-size: 3.6rem;
	line-height: 1.25;
	letter-spacing: .15rem;
}
h3 {
	font-size: 3.0rem;
	line-height: 1.3;
	letter-spacing: .15rem;
}
h4 {
	font-size: 2.4rem;
	line-height: 1.35;
	letter-spacing: .1rem;
}
h5 {
	font-size: 2rem;
	line-height: 1.8;
	letter-spacing: .05rem;
}
h6 {
	font-size: 1.6rem;
	line-height: 1.6;
	letter-spacing: 0;
}

h2,
h3,
h4,
h5,
h6 {
	color: #6c76da;
	padding-left: .2rem;
}

p {
	margin: 1rem 0;
}

code {
	padding: .2rem .5rem;
	margin: 0 .2rem;
	font-size: 90%;
	white-space: nowrap;
	background: #052730;
	border: 1px solid #717f7f;
	border-radius: 4px;
}

pre > code {
	display: block;
	padding: 1rem 1.5rem;
	white-space: pre;
}

/* Calibre tags */
.center {
	text-align: center;
}
.cover {
	height: 100%;
	max-height: 100vh;
}
.tag {
	background-color: #073642;
	color: #6c76da ;
	padding: 0 0.2em;
}
.todo,
.next,
.done {
	color: #002b36;
	background-color: #da6c76;
	padding: 0 0.2em;
}
.tag {
	-webkit-border-radius: 0.35em;
	-moz-border-radius: 0.35em;
	border-radius: 0.35em;
}
.TODO {
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	background-color: #6cdad0;
}
.NEXT {
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	background-color: #d06cda;
}
.ACTIVE {
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	background-color: #d06cda;
}
.DONE {
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	background-color: #6cda99;
}
.WAITING {
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	background-color: #da996c;
}
.HOLD {
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	background-color: #adda6c;
}
.NOTE {
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	background-color: #adda6c;
}
.CANCELLED {
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	background-color: #dad06c;
}