Untitled

documentclass{scrreprt}
usepackage[dvipsnames,cmyk]{xcolor}
usepackage{listings}

% --------------------------------------------------------------
% Colors
% --------------------------------------------------------------
definecolor{editorGray}{cmyk}{0, 0, 0, 0.2}
definecolor{editorBlue}{cmyk}{1, 0.35, 0, 0}
definecolor{editorPink}{cmyk}{0, 1, 0, 0}
definecolor{editorDarkOrange}{cmyk}{0, 0.8, 0.9, 0}
definecolor{editorGray}{gray}{0}
definecolor{editorPurple}{cmyk}{0.75, 1, 0, 0}
% ----------------------------------------------------------------------
%  CSS
% ----------------------------------------------------------------------
lstdefinelanguage{CSS3}{
  sensitive=true,
  tagstyle=color{editorBlue},
  markfirstintag=true,
  % Line numbers
  xleftmargin={14pt},
  numbers=left,
  stepnumber=1,
  firstnumber=1,
  numberfirstline=true,
  numberstyle=color{black},
  frame=l,
  % Keywords
  keywords={color},
  sensitive=true,
  morecomment=[l][color{darkgray}]{//},
  morecomment=[s][color{darkgray}]{/*}{*/},
  morestring=[b]',
  morestring=[b]",
  alsoletter={.:#{};},
  alsodigit={-}
}
% ----------------------------------------------------------------------
%  HTML
% ----------------------------------------------------------------------
lstdefinelanguage{HTML5}{
  language=html,
  sensitive=true,
  tagstyle=color{editorBlue},
  markfirstintag=true,
  morecomment=[s][color{darkgray}]{<!-}{-->},
  alsoletter={!-'},
  keywords={},
  % Line numbers
  xleftmargin={14pt},
  numbers=left,
  stepnumber=1,
  firstnumber=1,
  numberfirstline=true,
  numberstyle=color{black},
  % Frame
  frame=l
}
% ----------------------------------------------------------------------
%  Code style
% ----------------------------------------------------------------------
lstset{%
  % General design
  inputencoding=utf8,
  backgroundcolor=color{white},
  basicstyle=normalsizettfamilyupshapelst@ifdisplaystyletinyfi,
  frame=none,
  escapeinside=`',
  % Code design
  identifierstyle=color{editorDarkOrange},
  keywordstyle=color{editorPink},
  ndkeywordstyle=color{editorPink},
  commentstyle=color{editorGray},
  stringstyle=color{editorPurple},
  % Languages
  language=HTML5,
  alsolanguage=CSS3,
  % Code
  alsodigit={.:},
  tabsize=2,
  showtabs=false,
  showspaces=false,
  showstringspaces=false,
  extendedchars=true,
  breaklines=false,
}

begin{document}

noindent CSS

begin{lstlisting}[language=CSS3]
.p { color: #ffffff; }
end{lstlisting}

noindent HTML

begin{lstlisting}[language=HTML5]
<!DOCTYPE html>
<html lang="sv">
  <head>
    <title>Comments in HTML</title>
    <meta charset="utf-8">
  </head>
  <body>
    <!-- This is a comment, it works! -->
    <div class="test">Hello</div>
  </body>
</html>
end{lstlisting}

end{document}