From 67527326f949f4befda0885d41a723acfedeba54 Mon Sep 17 00:00:00 2001
From: alejandro-angulo <iam@alejandr0angul0.dev>
Date: Fri, 15 Nov 2024 18:35:09 -0800
Subject: [PATCH] Updated to follow catppuccin colors

---
 .../alejandro-angulo/assets/css/highlight.css | 176 +++++++++++-------
 themes/alejandro-angulo/assets/css/main.css   |  25 ++-
 2 files changed, 123 insertions(+), 78 deletions(-)

diff --git a/themes/alejandro-angulo/assets/css/highlight.css b/themes/alejandro-angulo/assets/css/highlight.css
index 7c51f7d..d7853a6 100644
--- a/themes/alejandro-angulo/assets/css/highlight.css
+++ b/themes/alejandro-angulo/assets/css/highlight.css
@@ -1,13 +1,28 @@
 /* Background */
+.bg {
+  color: #cdd6f4;
+  background-color: #1e1e2e;
+}
+/* PreWrapper */
 .chroma {
-  color: #f8f8f2;
-  background-color: #282a36;
+  color: #cdd6f4;
+  background-color: #1e1e2e;
 }
 /* Other */
 .chroma .x {
 }
 /* Error */
 .chroma .err {
+  color: #f38ba8;
+}
+/* CodeLine */
+.chroma .cl {
+}
+/* LineLink */
+.chroma .lnlinks {
+  outline: none;
+  text-decoration: none;
+  color: inherit;
 }
 /* LineTableTD */
 .chroma .lntd {
@@ -22,135 +37,143 @@
   padding: 0;
   margin: 0;
   border: 0;
-  width: auto;
-  overflow: auto;
-  display: block;
 }
 /* LineHighlight */
 .chroma .hl {
-  display: block;
-  width: 100%;
-  background-color: #ffffcc;
+  background-color: #45475a;
 }
 /* LineNumbersTable */
 .chroma .lnt {
+  white-space: pre;
+  -webkit-user-select: none;
+  user-select: none;
   margin-right: 0.4em;
   padding: 0 0.4em 0 0.4em;
-  color: #7f7f7f;
+  color: #7f849c;
 }
 /* LineNumbers */
 .chroma .ln {
+  white-space: pre;
+  -webkit-user-select: none;
+  user-select: none;
   margin-right: 0.4em;
   padding: 0 0.4em 0 0.4em;
-  color: #7f7f7f;
+  color: #7f849c;
+}
+/* Line */
+.chroma .line {
+  display: flex;
 }
 /* Keyword */
 .chroma .k {
-  color: #ff79c6;
+  color: #cba6f7;
 }
 /* KeywordConstant */
 .chroma .kc {
-  color: #ff79c6;
+  color: #fab387;
 }
 /* KeywordDeclaration */
 .chroma .kd {
-  color: #8be9fd;
-  font-style: italic;
+  color: #f38ba8;
 }
 /* KeywordNamespace */
 .chroma .kn {
-  color: #ff79c6;
+  color: #94e2d5;
 }
 /* KeywordPseudo */
 .chroma .kp {
-  color: #ff79c6;
+  color: #cba6f7;
 }
 /* KeywordReserved */
 .chroma .kr {
-  color: #ff79c6;
+  color: #cba6f7;
 }
 /* KeywordType */
 .chroma .kt {
-  color: #8be9fd;
+  color: #f38ba8;
 }
 /* Name */
 .chroma .n {
 }
 /* NameAttribute */
 .chroma .na {
-  color: #50fa7b;
+  color: #89b4fa;
 }
 /* NameBuiltin */
 .chroma .nb {
-  color: #8be9fd;
-  font-style: italic;
+  color: #89dceb;
 }
 /* NameBuiltinPseudo */
 .chroma .bp {
+  color: #89dceb;
 }
 /* NameClass */
 .chroma .nc {
-  color: #50fa7b;
+  color: #f9e2af;
 }
 /* NameConstant */
 .chroma .no {
+  color: #f9e2af;
 }
 /* NameDecorator */
 .chroma .nd {
+  color: #89b4fa;
+  font-weight: bold;
 }
 /* NameEntity */
 .chroma .ni {
+  color: #94e2d5;
 }
 /* NameException */
 .chroma .ne {
+  color: #fab387;
 }
 /* NameFunction */
 .chroma .nf {
-  color: #50fa7b;
+  color: #89b4fa;
 }
 /* NameFunctionMagic */
 .chroma .fm {
+  color: #89b4fa;
 }
 /* NameLabel */
 .chroma .nl {
-  color: #8be9fd;
-  font-style: italic;
+  color: #89dceb;
 }
 /* NameNamespace */
 .chroma .nn {
+  color: #fab387;
 }
 /* NameOther */
 .chroma .nx {
 }
 /* NameProperty */
 .chroma .py {
+  color: #fab387;
 }
 /* NameTag */
 .chroma .nt {
-  color: #ff79c6;
+  color: #cba6f7;
 }
 /* NameVariable */
 .chroma .nv {
-  color: #8be9fd;
-  font-style: italic;
+  color: #f5e0dc;
 }
 /* NameVariableClass */
 .chroma .vc {
-  color: #8be9fd;
-  font-style: italic;
+  color: #f5e0dc;
 }
 /* NameVariableGlobal */
 .chroma .vg {
-  color: #8be9fd;
-  font-style: italic;
+  color: #f5e0dc;
 }
 /* NameVariableInstance */
 .chroma .vi {
-  color: #8be9fd;
-  font-style: italic;
+  color: #f5e0dc;
 }
 /* NameVariableMagic */
 .chroma .vm {
+  color: #f5e0dc;
 }
 /* Literal */
 .chroma .l {
@@ -160,166 +183,181 @@
 }
 /* LiteralString */
 .chroma .s {
-  color: #f1fa8c;
+  color: #a6e3a1;
 }
 /* LiteralStringAffix */
 .chroma .sa {
-  color: #f1fa8c;
+  color: #f38ba8;
 }
 /* LiteralStringBacktick */
 .chroma .sb {
-  color: #f1fa8c;
+  color: #a6e3a1;
 }
 /* LiteralStringChar */
 .chroma .sc {
-  color: #f1fa8c;
+  color: #a6e3a1;
 }
 /* LiteralStringDelimiter */
 .chroma .dl {
-  color: #f1fa8c;
+  color: #89b4fa;
 }
 /* LiteralStringDoc */
 .chroma .sd {
-  color: #f1fa8c;
+  color: #6c7086;
 }
 /* LiteralStringDouble */
 .chroma .s2 {
-  color: #f1fa8c;
+  color: #a6e3a1;
 }
 /* LiteralStringEscape */
 .chroma .se {
-  color: #f1fa8c;
+  color: #89b4fa;
 }
 /* LiteralStringHeredoc */
 .chroma .sh {
-  color: #f1fa8c;
+  color: #6c7086;
 }
 /* LiteralStringInterpol */
 .chroma .si {
-  color: #f1fa8c;
+  color: #a6e3a1;
 }
 /* LiteralStringOther */
 .chroma .sx {
-  color: #f1fa8c;
+  color: #a6e3a1;
 }
 /* LiteralStringRegex */
 .chroma .sr {
-  color: #f1fa8c;
+  color: #94e2d5;
 }
 /* LiteralStringSingle */
 .chroma .s1 {
-  color: #f1fa8c;
+  color: #a6e3a1;
 }
 /* LiteralStringSymbol */
 .chroma .ss {
-  color: #f1fa8c;
+  color: #a6e3a1;
 }
 /* LiteralNumber */
 .chroma .m {
-  color: #bd93f9;
+  color: #fab387;
 }
 /* LiteralNumberBin */
 .chroma .mb {
-  color: #bd93f9;
+  color: #fab387;
 }
 /* LiteralNumberFloat */
 .chroma .mf {
-  color: #bd93f9;
+  color: #fab387;
 }
 /* LiteralNumberHex */
 .chroma .mh {
-  color: #bd93f9;
+  color: #fab387;
 }
 /* LiteralNumberInteger */
 .chroma .mi {
-  color: #bd93f9;
+  color: #fab387;
 }
 /* LiteralNumberIntegerLong */
 .chroma .il {
-  color: #bd93f9;
+  color: #fab387;
 }
 /* LiteralNumberOct */
 .chroma .mo {
-  color: #bd93f9;
+  color: #fab387;
 }
 /* Operator */
 .chroma .o {
-  color: #ff79c6;
+  color: #89dceb;
+  font-weight: bold;
 }
 /* OperatorWord */
 .chroma .ow {
-  color: #ff79c6;
+  color: #89dceb;
+  font-weight: bold;
 }
 /* Punctuation */
 .chroma .p {
 }
 /* Comment */
 .chroma .c {
-  color: #6272a4;
+  color: #6c7086;
+  font-style: italic;
 }
 /* CommentHashbang */
 .chroma .ch {
-  color: #6272a4;
+  color: #6c7086;
+  font-style: italic;
 }
 /* CommentMultiline */
 .chroma .cm {
-  color: #6272a4;
+  color: #6c7086;
+  font-style: italic;
 }
 /* CommentSingle */
 .chroma .c1 {
-  color: #6272a4;
+  color: #6c7086;
+  font-style: italic;
 }
 /* CommentSpecial */
 .chroma .cs {
-  color: #6272a4;
+  color: #6c7086;
+  font-style: italic;
 }
 /* CommentPreproc */
 .chroma .cp {
-  color: #ff79c6;
+  color: #6c7086;
+  font-style: italic;
 }
 /* CommentPreprocFile */
 .chroma .cpf {
-  color: #ff79c6;
+  color: #6c7086;
+  font-weight: bold;
+  font-style: italic;
 }
 /* Generic */
 .chroma .g {
 }
 /* GenericDeleted */
 .chroma .gd {
-  color: #ff5555;
+  color: #f38ba8;
+  background-color: #313244;
 }
 /* GenericEmph */
 .chroma .ge {
-  text-decoration: underline;
+  font-style: italic;
 }
 /* GenericError */
 .chroma .gr {
+  color: #f38ba8;
 }
 /* GenericHeading */
 .chroma .gh {
+  color: #fab387;
   font-weight: bold;
 }
 /* GenericInserted */
 .chroma .gi {
-  color: #50fa7b;
-  font-weight: bold;
+  color: #a6e3a1;
+  background-color: #313244;
 }
 /* GenericOutput */
 .chroma .go {
-  color: #44475a;
 }
 /* GenericPrompt */
 .chroma .gp {
 }
 /* GenericStrong */
 .chroma .gs {
+  font-weight: bold;
 }
 /* GenericSubheading */
 .chroma .gu {
+  color: #fab387;
   font-weight: bold;
 }
 /* GenericTraceback */
 .chroma .gt {
+  color: #f38ba8;
 }
 /* GenericUnderline */
 .chroma .gl {
diff --git a/themes/alejandro-angulo/assets/css/main.css b/themes/alejandro-angulo/assets/css/main.css
index 921a4bc..1f00a99 100644
--- a/themes/alejandro-angulo/assets/css/main.css
+++ b/themes/alejandro-angulo/assets/css/main.css
@@ -3,8 +3,8 @@
 }
 
 body {
-  background-color: #1d2021;
-  color: #ffffdf;
+  background-color: #1e1e2e;
+  color: #cdd6f4;
   margin: 1em;
   max-width: var(--main-page-max-width);
   margin: 1em auto 0;
@@ -27,15 +27,17 @@ i.fab {
 }
 
 a {
-  color: #00a7af;
+  color: #89b4fa;
   padding: 0.1em;
 }
+
 a:visited {
-  color: #961ee1;
+  color: #cba6f7;
 }
+
 a:hover {
-  background-color: #00a7af;
-  color: #1d2021;
+  background-color: #89b4fa;
+  color: #1e1e2e;
   text-decoration: none;
 }
 
@@ -49,7 +51,7 @@ a:hover {
 }
 
 #header {
-  background-color: #3a3a3a;
+  background-color: #11111b;
   top: 0;
   left: 0;
   margin: 0;
@@ -63,8 +65,9 @@ a:hover {
   margin: 0 auto;
   padding: 0.3em 0;
 }
+
 #banner .current-page {
-  color: #ffaf00;
+  color: #94e2d5;
   padding-left: 5px;
 }
 
@@ -85,12 +88,14 @@ a:hover {
   text-decoration: none;
   padding: 0 5px;
 }
+
 .nav-link,
 .nav-link:visited,
 .home-link,
 .home-link:visited {
-  color: #949494;
+  color: #7f849c;
 }
+
 .nav-link:hover,
 .home-link:hover {
   color: inherit;
@@ -100,6 +105,8 @@ a:hover {
 .highlight .chroma {
   padding: 1em;
   overflow-x: scroll;
+  border: 5px solid #b4befe;
+  border-radius: 10px;
 }
 
 .active:before {