notes-dark.tex

%Typora theme : https://github.com/adesurirey/typora-notes-dark-theme
\documentclass{article}
% Use upquote if available, for straight quotes in verbatim environments
\usepackage{upquote}
\usepackage[]{microtype}
\UseMicrotypeSet[protrusion]{basicmath} % disable protrusion for tt fonts
\makeatletter
\@ifundefined{KOMAClassName}{% if non-KOMA class
  \IfFileExists{parskip.sty}{%
    \usepackage{parskip}
  }{% else
    \setlength{\parindent}{0pt}
    \setlength{\parskip}{6pt plus 2pt minus 1pt}}
}{% if KOMA class
  \KOMAoptions{parskip=half}}
\makeatother
\usepackage{color}
\usepackage{fancyvrb}
\newcommand{\VerbBar}{|}
\usepackage{fvextra}
\DefineVerbatimEnvironment{Highlighting}{Verbatim}{breaklines,breakanywhere,commandchars=\\\{\}}
% Add ',fontsize=\small' for more characters per line
\usepackage{calc} % for calculating minipage widths
% Correct order of tables after \paragraph or \subparagraph
\usepackage{etoolbox}
\makeatletter
\makeatother
\usepackage{footnotehyper}
\usepackage{graphicx}
\makeatletter
\def\maxwidth{\ifdim\Gin@nat@width>\linewidth\linewidth\else\Gin@nat@width\fi}
\def\maxheight{\ifdim\Gin@nat@height>\textheight\textheight\else\Gin@nat@height\fi}
\makeatother
% Scale images if necessary, so that they will not overflow the page
% margins by default, and it is still possible to overwrite the defaults
% using explicit options in \includegraphics[width, height, ...]{}
\setkeys{Gin}{width=\maxwidth,height=\maxheight,keepaspectratio}
% Set default figure placement to htbp
\makeatletter
\def\fps@figure{htbp}
\makeatother
\usepackage{soul}
\setul{0.175em}{0.06em}
% Avoid problems with \sout in headers with hyperref
%\pdfstringdefDisableCommands{\renewcommand{\sout}{}}
\setlength{\emergencystretch}{3em} % prevent overfull lines
\providecommand{\tightlist}{%
  \setlength{\itemsep}{0pt}\setlength{\parskip}{0pt}}
\setcounter{secnumdepth}{-\maxdimen} % remove section numbering
%---
\newlength{\px}
\setlength{\px}{0.0104166667in}
\author{}
\date{}
\usepackage[a4paper,textwidth=860\px,top=30\px,bottom=100\px,left=30\px,right=30\px]{geometry}
%colors
\usepackage[table]{xcolor}
\definecolor{PrimaryColor}{HTML}{FCBA03}
\definecolor{BackgroundColor}{HTML}{292929}
\definecolor{BackgroundDarkColor}{HTML}{1F1F1F}
\definecolor{DarkTraitColor}{HTML}{141414}
\definecolor{LightTraitOneHundredColor}{HTML}{3D3D3D}
\definecolor{LightTraitTwoHundredColor}{HTML}{545454}
\definecolor{LightTraitThreeHundredColor}{HTML}{777777}
\definecolor{LightTraitFourHundredColor}{HTML}{8C8C8C}
\definecolor{TextColor}{HTML}{F8F8F2}
\definecolor{TextSecondaryColor}{HTML}{D2D3D3}
\definecolor{CodeColor}{HTML}{F3B3F8}
\definecolor{TableEvenColor}{HTML}{E8E7E7}
\definecolor{UncheckedColor}{HTML}{DDDDDD}
\pagecolor{BackgroundColor}
\usepackage[colorlinks=true,allcolors=PrimaryColor,hidelinks]{hyperref}
%metadata
\hypersetup{
	$if(subject)$
	$if(title-meta)$
	  pdftitle={$title-meta$},
	$endif$
	$if(author-meta)$
	  pdfauthor={$author-meta$},
	$endif$
	$if(subject)$
	  pdfsubject={$subject$},
	$endif$
	$if(keywords)$
	  pdfkeywords={$for(keywords)$$keywords$$sep$, $endfor$},
	$endif$
	$if(subject)$
	pdfsubject={$subject$},
	$endif$
	pdfsubject={$subject$},
	$endif$
	pdfcreator={XeLaTeX via Pandoc notes-dark theme},
}
%--------underline links
\makeatletter
\begingroup%copied and modified from href-ul.sty
%$$ used as escape sequence
\catcode`\$$=6 %
\catcode`\#=12 %
\gdef\href@split$$1#$$2#$$3\\$$4{%
  \hyper@@link{$$1}{$$2}{\ul{$$4}}%
  \endgroup%
}
\endgroup
\makeatother
%--------
%fonts
\usepackage{fontspec}
	%-------set global color
\makeatletter
		\color{TextColor}\global\let\default@color\current@color
\makeatother
	%-------https://tex.stackexchange.com/a/29409
\setmainfont[Extension=.ttf,Path=/usr/share/fonts/pandoc-fonts/notes-dark-fonts/segoeui-,UprightFont=regular,ItalicFont=italic,BoldFont=bold,BoldItalicFont=bolditalic]{}
\setmonofont[Extension=.ttf,Path=/usr/share/fonts/pandoc-fonts/notes-dark-fonts/firamono-,UprightFont=regular,BoldFont=bold]{}
\usepackage[fontsize=0.1458333338in]{fontsize}%14px
\linespread{1.3333}%1.6/1.2
%headings
\usepackage{sectsty}
\usepackage{titlesec}
\titleformat{\section}{\fontsize{2.2em}{1.3em}\bfseries}{}{}{}
\titlespacing{\section}{0pt}{1em}{1.3em}
\titleformat{\subsection}{\fontsize{1.75em}{1.225em}\bfseries}{}{}{}
\titlespacing{\subsection}{0pt}{1em}{1.3em}
\titleformat{\subsubsection}{\fontsize{1.4em}{1.43em}\bfseries}{}{}{}
\titlespacing{\subsubsection}{0pt}{1em}{1em}
\titleformat{\paragraph}{\fontsize{1.2em}{1.4em}\bfseries}{}{}{}
\titlespacing{\paragraph}{0pt}{1em}{1em}
\titleformat{\subparagraph}{\fontsize{1em}{1.4em}\bfseries}{}{}{}
\raggedright
\usepackage[most]{tcolorbox}
%quotes
\renewenvironment{quote}{
	\begin{tcolorbox}[
		notitle,
		frame hidden,
		enhanced,
		boxrule=0pt,
		colback=LightTraitOneHundredColor,
		coltext=TextColor,
		boxsep=0em,
		arc=3\px,
		outer arc=3\px,
		top=7\px,
		right=14\px,
		bottom=7\px,
		left=10\px,
		grow sidewards by=14\px,
		overlay={
			\fill[LightTraitThreeHundredColor]
			([xshift=4\px]frame.north west) --
			([xshift=4\px]frame.south west) --
			([xshift=3\px]frame.south west)
			arc(270:180:3\px) --
			([yshift=3\px]frame.south west) --
			([yshift=-3\px]frame.north west)
			arc(180:90:3\px) --
			([xshift=3\px]frame.north west) --
			cycle;
		}
	]
}{
	\end{tcolorbox}
	\color{TextColor}
}
%code background
\newcommand{\codesize}{\fontsize{0.875em}{1.714285em}}
\newenvironment{Shaded}{
	\begin{tcolorbox}[
		notitle,
		breakable,
		frame hidden,
		enhanced,
		boxrule=0pt,
		colback=BackgroundDarkColor,
		colframe=DarkTraitColor,
		coltext=TextColor,
		boxrule=1\px,
		boxsep=0.125em,
		arc=3\px,
		outer arc=3\px,
		top=0\px,
		bottom=0em,
		left=2\px,
		right=2\px,
		fontupper=\fontsize{14\px}{\baselineskip},
	]
}{
	\end{tcolorbox}
}
%syntax highlighting - taken from CodeMirror
\newcommand{\AlertTok}[1]{#1}
\newcommand{\AnnotationTok}[1]{#1}
\newcommand{\AttributeTok}[1]{\textcolor[HTML]{C594C5}{\FancyVerbBreakStart#1\FancyVerbBreakStop}}
\newcommand{\BaseNTok}[1]{#1}
\newcommand{\BuiltInTok}[1]{\textcolor[HTML]{3300AA}{\FancyVerbBreakStart#1\FancyVerbBreakStop}}
\newcommand{\CharTok}[1]{\textcolor[HTML]{99C794}{\FancyVerbBreakStart#1\FancyVerbBreakStop}}
\newcommand{\CommentTok}[1]{\textcolor[HTML]{65737E}{\FancyVerbBreakStart#1\FancyVerbBreakStop}}
\newcommand{\CommentVarTok}[1]{#1}
\newcommand{\ConstantTok}[1]{#1}
\newcommand{\ControlFlowTok}[1]{#1}
\newcommand{\DataTypeTok}[1]{\textcolor[HTML]{1CC685}{\FancyVerbBreakStart#1\FancyVerbBreakStop}}
\newcommand{\DecValTok}[1]{\textcolor[HTML]{F99157}{\FancyVerbBreakStart#1\FancyVerbBreakStop}}
\newcommand{\DocumentationTok}[1]{#1}
\newcommand{\ErrorTok}[1]{\textcolor[HTML]{FF0000}{\FancyVerbBreakStart#1\FancyVerbBreakStop}}
\newcommand{\ExtensionTok}[1]{#1}
\newcommand{\FloatTok}[1]{\textcolor[HTML]{F99157}{\FancyVerbBreakStart#1\FancyVerbBreakStop}}
\newcommand{\FunctionTok}[1]{#1}
\newcommand{\ImportTok}[1]{#1}
\newcommand{\InformationTok}[1]{#1}
\newcommand{\KeywordTok}[1]{\textcolor[HTML]{6699CC}{\FancyVerbBreakStart#1\FancyVerbBreakStop}}
\newcommand{\NormalTok}[1]{#1}
\newcommand{\OperatorTok}[1]{\textcolor[HTML]{C594C5}{\FancyVerbBreakStart#1\FancyVerbBreakStop}}
\newcommand{\OtherTok}[1]{#1}
\newcommand{\PreprocessorTok}[1]{\textcolor[HTML]{C594C5}{\FancyVerbBreakStart#1\FancyVerbBreakStop}}
\newcommand{\RegionMarkerTok}[1]{#1}
\newcommand{\SpecialCharTok}[1]{\textcolor[HTML]{99C794}{\FancyVerbBreakStart#1\FancyVerbBreakStop}}
\newcommand{\SpecialStringTok}[1]{\textcolor[HTML]{99C794}{\FancyVerbBreakStart#1\FancyVerbBreakStop}}
\newcommand{\StringTok}[1]{\textcolor[HTML]{99C794}{\FancyVerbBreakStart#1\FancyVerbBreakStop}}
\newcommand{\VariableTok}[1]{\textcolor[HTML]{B8BFC6}{\FancyVerbBreakStart#1\FancyVerbBreakStop}}
\newcommand{\VerbatimStringTok}[1]{#1}
\newcommand{\WarngingTok}[1]{#1}
%no highlighting code
\RecustomVerbatimEnvironment{verbatim}{Verbatim}{breaklines,breakanywhere}%https://tex.stackexchange.com/a/469504
\BeforeBeginEnvironment{verbatim}{\begin{Shaded}}
\AfterEndEnvironment{verbatim}{\end{Shaded}}
%inline code behaviour
\def\VERB|#1|{
	\tcbox[
		notitle,
		on line,
		coltext=TextColor,
		colback=BackgroundDarkColor,
		colframe=DarkTraitColor,
		boxrule=1\px,
		boxsep=0.125em,
		arc=3\px,
		outer arc=3\px,
		top=0\px,
		bottom=0em,
		left=2\px,
		right=2\px,
		fontupper=\fontsize{0.9em}{\baselineskip}
	]{\Verb[breaklines,breakanywhere,commandchars=\\\{\}]|#1|}
	\color{TextColor}
}
\renewcommand{\texttt}[1]{\VERB|#1|}
%tables
%deviation: not making table head bold and capital to give user more freedom
%deviation: not stretching table across width for aesthetics
	%underline on every row
\makeatletter
\let\Tabularcr\@arraycr
\def\@arraycr{\Tabularcr\hline}
\makeatother
	%https://stackoverflow.com/a/3175486 second comment
\usepackage{xstring}
\usepackage{longtable}
\let\Longtable\longtable
\let\EndLongtable\endlongtable
\def\table#1{\Longtable{#1}}
%deviation: not making table head bold and capital to give user more freedom
%deviation: not stretching table across width for aesthetics
\arrayrulecolor{DarkTraitColor}
\global\arrayrulewidth=1\px%https://tex.stackexchange.com/a/337790
\setlength{\tabcolsep}{13\px}
\renewenvironment{longtable}[3]{
	\gdef\embolden{\bfseries}
	\newcolumntype{L}{|>{\embolden}l}
	\newcolumntype{R}{|>{\embolden}r}
	\newcolumntype{C}{|>{\embolden}c}
	\StrGobbleLeft{#3}{2}[\pream]
	\StrGobbleRight{\pream}{2}[\pream]
	\StrSubstitute{\pream}{l}{L}[\pream]
	\StrSubstitute{\pream}{r}{R}[\pream]
	\StrSubstitute{\pream}{c}{C}[\pream]
	\edef\pream{{\pream|}}
	\newcommand{\toprule}[2]{}
	\newcommand{\midrule}[2]{}
	\def\endhead{\gdef\embolden{}\normalfont}
	\newcommand{\bottomrule}[2]{}
	\renewcommand{\endlastfoot}{}
	\begin{center}
	\rowcolors{2}{BackgroundDarkColor}{BackgroundColor}%https://tex.stackexchange.com/a/5365
	\expandafter\table\pream
	\hline
}{
	\EndLongtable
	\end{center}
}
%lists
	%task lists
\newlength{\boxside}
\setlength{\boxside}{1.1em}
\newtcbox{\checkbox}[2]{
	enhanced,
	notitle,
	on line,
	coltext=BackgroundColor,
	colback=#1,
	colframe=#2,
	boxrule=1\px,
	arc=0.5em,%experimentation, using 1.1em produces wierd pattern
	outer arc=0.5em,
	height=\boxside,
	width=\boxside,%doesn't work for some reason
	left=0em,
	right=0em,
	top=0em,
	bottom=0em,
	boxsep=0em,
}
\usepackage{environ}
\usepackage{amssymb}
\renewcommand{\square}{
	\checkbox{BackgroundColor}{LightTraitTwoHundredColor}{\hspace*{\boxside-2\px}}
}
\renewcommand{\boxtimes}{
	\checkbox{PrimaryColor}{PrimaryColor}{\hspace*{0.1em}\fontsize{12\px}{\baselineskip}\textbf{\checkmark}\hspace*{0.1em}}%font weight 500 not available
}
	%unordered lists
%deviation unordered list inside ordered list is not considered as nested
\renewcommand{\labelitemi}{\textbullet\hspace{1.8mm}}%1.8 from eyeballing
\renewcommand{\labelitemii}{\tiny\(\circ\)\hspace{1.5mm}}%1.5 from eyeballing
\renewcommand{\labelitemiii}{\tiny\(\blacksquare\)\hspace{1.5mm}}
\renewcommand{\labelitemiv}{\tiny\(\blacksquare\)\hspace{1.5mm}}
	%definition lists
\renewcommand{\descriptionlabel}[1]{#1}%remove bold
\usepackage{enumitem}
\setlist[description]{style=nextline,leftmargin=0pt}
\def\colon{: }
\AtBeginEnvironment{description}{
	\AddToHook{para/begin}[colon]{\colon}
	\let\Item\item
	\renewcommand{\item}[1][\null]{\gdef\colon{}\Item[#1]:\gdef\colon{: }}
}
\AtEndEnvironment{description}{
	\RemoveFromHook{para/begin}[colon]
}
%horizontal rules
\let\Rule\rule
\renewcommand{\rule}[2]{\textcolor{LightTraitOneHundredColor}{\vspace{16\px}\Rule{\linewidth}{2\px}}\vspace{16\px}}
%document
\begin{document}
$body$
\end{document}