<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">\section{HTML Light}

\begin{lstlisting}[language=bash, style=customStyleHTMLLight, caption=Snippet title]
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/&gt;
    &lt;title&gt;GGHTMLCodeExample&lt;/title&gt;
    &lt;link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"&gt;
    &lt;script&gt;
    	var variable = 4;
    	if(variable != null &amp;&amp; variable == 4) {		
    		variable++;
    		variable += 12 * 4 / 3;
    		document.write(variable);
    	}
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div&gt;&lt;Example HTML/div&gt;
&lt;/body&gt;
&lt;/html&gt;
\end{lstlisting}

\section{HTML Dark}

\begin{lstlisting}[language=bash, style=customStyleHTMLDark, caption=Snippet title]
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/&gt;
    &lt;title&gt;GGHTMLCodeExample&lt;/title&gt;
    &lt;link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"&gt;
    &lt;script&gt;
    	var variable = 4;
    	if(variable != null &amp;&amp; variable == 4) {		
    		variable++;
    		variable += 12 * 4 / 3;
    		document.write(variable);
    	}
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div&gt;&lt;Example HTML/div&gt;
&lt;/body&gt;
&lt;/html&gt;
\end{lstlisting}

\section{HTML Import}

\lstinputlisting[language=bash, style=customStyleHTMLDark, caption=Snippet title]{\SNIPPETHTML}</pre></body></html>