alejandro-angulo/alejandr0angul0.dev
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Updated to follow catppuccin colors
Some checks failed
CI / lint (push) Failing after 17s
Details
CI / build (push) Has been skipped
Details
CI / deploy (push) Has been skipped
Details

Browse source
This commit is contained in:
alejandro-angulo 2024-11-15 18:35:09 -08:00
parent 1712d4fba7
commit 67527326f9
Signed by: alejandro-angulo
GPG key ID: 75579581C74554B6
2 changed files with 123 additions and 78 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

176
themes/alejandro-angulo/assets/css/highlight.css
View file

@ -1,13 +1,28 @@
/* Background */ /* Background */
.bg {
color: #cdd6f4;
background-color: #1e1e2e;
}
/* PreWrapper */
.chroma { .chroma {
color: #f8f8f2; color: #cdd6f4;
background-color: #282a36; background-color: #1e1e2e;
} }
/* Other */ /* Other */
.chroma .x { .chroma .x {
} }
/* Error */ /* Error */
.chroma .err { .chroma .err {
color: #f38ba8;
}
/* CodeLine */
.chroma .cl {
}
/* LineLink */
.chroma .lnlinks {
outline: none;
text-decoration: none;
color: inherit;
} }
/* LineTableTD */ /* LineTableTD */
.chroma .lntd { .chroma .lntd {
@ -22,135 +37,143 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
border: 0; border: 0;
width: auto;
overflow: auto;
display: block;
} }
/* LineHighlight */ /* LineHighlight */
.chroma .hl { .chroma .hl {
display: block; background-color: #45475a;
width: 100%;
background-color: #ffffcc;
} }
/* LineNumbersTable */ /* LineNumbersTable */
.chroma .lnt { .chroma .lnt {
white-space: pre;
-webkit-user-select: none;
user-select: none;
margin-right: 0.4em; margin-right: 0.4em;
padding: 0 0.4em 0 0.4em; padding: 0 0.4em 0 0.4em;
color: #7f7f7f; color: #7f849c;
} }
/* LineNumbers */ /* LineNumbers */
.chroma .ln { .chroma .ln {
white-space: pre;
-webkit-user-select: none;
user-select: none;
margin-right: 0.4em; margin-right: 0.4em;
padding: 0 0.4em 0 0.4em; padding: 0 0.4em 0 0.4em;
color: #7f7f7f; color: #7f849c;
}
/* Line */
.chroma .line {
display: flex;
} }
/* Keyword */ /* Keyword */
.chroma .k { .chroma .k {
color: #ff79c6; color: #cba6f7;
} }
/* KeywordConstant */ /* KeywordConstant */
.chroma .kc { .chroma .kc {
color: #ff79c6; color: #fab387;
} }
/* KeywordDeclaration */ /* KeywordDeclaration */
.chroma .kd { .chroma .kd {
color: #8be9fd; color: #f38ba8;
font-style: italic;
} }
/* KeywordNamespace */ /* KeywordNamespace */
.chroma .kn { .chroma .kn {
color: #ff79c6; color: #94e2d5;
} }
/* KeywordPseudo */ /* KeywordPseudo */
.chroma .kp { .chroma .kp {
color: #ff79c6; color: #cba6f7;
} }
/* KeywordReserved */ /* KeywordReserved */
.chroma .kr { .chroma .kr {
color: #ff79c6; color: #cba6f7;
} }
/* KeywordType */ /* KeywordType */
.chroma .kt { .chroma .kt {
color: #8be9fd; color: #f38ba8;
} }
/* Name */ /* Name */
.chroma .n { .chroma .n {
} }
/* NameAttribute */ /* NameAttribute */
.chroma .na { .chroma .na {
color: #50fa7b; color: #89b4fa;
} }
/* NameBuiltin */ /* NameBuiltin */
.chroma .nb { .chroma .nb {
color: #8be9fd; color: #89dceb;
font-style: italic;
} }
/* NameBuiltinPseudo */ /* NameBuiltinPseudo */
.chroma .bp { .chroma .bp {
color: #89dceb;
} }
/* NameClass */ /* NameClass */
.chroma .nc { .chroma .nc {
color: #50fa7b; color: #f9e2af;
} }
/* NameConstant */ /* NameConstant */
.chroma .no { .chroma .no {
color: #f9e2af;
} }
/* NameDecorator */ /* NameDecorator */
.chroma .nd { .chroma .nd {
color: #89b4fa;
font-weight: bold;
} }
/* NameEntity */ /* NameEntity */
.chroma .ni { .chroma .ni {
color: #94e2d5;
} }
/* NameException */ /* NameException */
.chroma .ne { .chroma .ne {
color: #fab387;
} }
/* NameFunction */ /* NameFunction */
.chroma .nf { .chroma .nf {
color: #50fa7b; color: #89b4fa;
} }
/* NameFunctionMagic */ /* NameFunctionMagic */
.chroma .fm { .chroma .fm {
color: #89b4fa;
} }
/* NameLabel */ /* NameLabel */
.chroma .nl { .chroma .nl {
color: #8be9fd; color: #89dceb;
font-style: italic;
} }
/* NameNamespace */ /* NameNamespace */
.chroma .nn { .chroma .nn {
color: #fab387;
} }
/* NameOther */ /* NameOther */
.chroma .nx { .chroma .nx {
} }
/* NameProperty */ /* NameProperty */
.chroma .py { .chroma .py {
color: #fab387;
} }
/* NameTag */ /* NameTag */
.chroma .nt { .chroma .nt {
color: #ff79c6; color: #cba6f7;
} }
/* NameVariable */ /* NameVariable */
.chroma .nv { .chroma .nv {
color: #8be9fd; color: #f5e0dc;
font-style: italic;
} }
/* NameVariableClass */ /* NameVariableClass */
.chroma .vc { .chroma .vc {
color: #8be9fd; color: #f5e0dc;
font-style: italic;
} }
/* NameVariableGlobal */ /* NameVariableGlobal */
.chroma .vg { .chroma .vg {
color: #8be9fd; color: #f5e0dc;
font-style: italic;
} }
/* NameVariableInstance */ /* NameVariableInstance */
.chroma .vi { .chroma .vi {
color: #8be9fd; color: #f5e0dc;
font-style: italic;
} }
/* NameVariableMagic */ /* NameVariableMagic */
.chroma .vm { .chroma .vm {
color: #f5e0dc;
} }
/* Literal */ /* Literal */
.chroma .l { .chroma .l {
@ -160,166 +183,181 @@
} }
/* LiteralString */ /* LiteralString */
.chroma .s { .chroma .s {
color: #f1fa8c; color: #a6e3a1;
} }
/* LiteralStringAffix */ /* LiteralStringAffix */
.chroma .sa { .chroma .sa {
color: #f1fa8c; color: #f38ba8;
} }
/* LiteralStringBacktick */ /* LiteralStringBacktick */
.chroma .sb { .chroma .sb {
color: #f1fa8c; color: #a6e3a1;
} }
/* LiteralStringChar */ /* LiteralStringChar */
.chroma .sc { .chroma .sc {
color: #f1fa8c; color: #a6e3a1;
} }
/* LiteralStringDelimiter */ /* LiteralStringDelimiter */
.chroma .dl { .chroma .dl {
color: #f1fa8c; color: #89b4fa;
} }
/* LiteralStringDoc */ /* LiteralStringDoc */
.chroma .sd { .chroma .sd {
color: #f1fa8c; color: #6c7086;
} }
/* LiteralStringDouble */ /* LiteralStringDouble */
.chroma .s2 { .chroma .s2 {
color: #f1fa8c; color: #a6e3a1;
} }
/* LiteralStringEscape */ /* LiteralStringEscape */
.chroma .se { .chroma .se {
color: #f1fa8c; color: #89b4fa;
} }
/* LiteralStringHeredoc */ /* LiteralStringHeredoc */
.chroma .sh { .chroma .sh {
color: #f1fa8c; color: #6c7086;
} }
/* LiteralStringInterpol */ /* LiteralStringInterpol */
.chroma .si { .chroma .si {
color: #f1fa8c; color: #a6e3a1;
} }
/* LiteralStringOther */ /* LiteralStringOther */
.chroma .sx { .chroma .sx {
color: #f1fa8c; color: #a6e3a1;
} }
/* LiteralStringRegex */ /* LiteralStringRegex */
.chroma .sr { .chroma .sr {
color: #f1fa8c; color: #94e2d5;
} }
/* LiteralStringSingle */ /* LiteralStringSingle */
.chroma .s1 { .chroma .s1 {
color: #f1fa8c; color: #a6e3a1;
} }
/* LiteralStringSymbol */ /* LiteralStringSymbol */
.chroma .ss { .chroma .ss {
color: #f1fa8c; color: #a6e3a1;
} }
/* LiteralNumber */ /* LiteralNumber */
.chroma .m { .chroma .m {
color: #bd93f9; color: #fab387;
} }
/* LiteralNumberBin */ /* LiteralNumberBin */
.chroma .mb { .chroma .mb {
color: #bd93f9; color: #fab387;
} }
/* LiteralNumberFloat */ /* LiteralNumberFloat */
.chroma .mf { .chroma .mf {
color: #bd93f9; color: #fab387;
} }
/* LiteralNumberHex */ /* LiteralNumberHex */
.chroma .mh { .chroma .mh {
color: #bd93f9; color: #fab387;
} }
/* LiteralNumberInteger */ /* LiteralNumberInteger */
.chroma .mi { .chroma .mi {
color: #bd93f9; color: #fab387;
} }
/* LiteralNumberIntegerLong */ /* LiteralNumberIntegerLong */
.chroma .il { .chroma .il {
color: #bd93f9; color: #fab387;
} }
/* LiteralNumberOct */ /* LiteralNumberOct */
.chroma .mo { .chroma .mo {
color: #bd93f9; color: #fab387;
} }
/* Operator */ /* Operator */
.chroma .o { .chroma .o {
color: #ff79c6; color: #89dceb;
font-weight: bold;
} }
/* OperatorWord */ /* OperatorWord */
.chroma .ow { .chroma .ow {
color: #ff79c6; color: #89dceb;
font-weight: bold;
} }
/* Punctuation */ /* Punctuation */
.chroma .p { .chroma .p {
} }
/* Comment */ /* Comment */
.chroma .c { .chroma .c {
color: #6272a4; color: #6c7086;
font-style: italic;
} }
/* CommentHashbang */ /* CommentHashbang */
.chroma .ch { .chroma .ch {
color: #6272a4; color: #6c7086;
font-style: italic;
} }
/* CommentMultiline */ /* CommentMultiline */
.chroma .cm { .chroma .cm {
color: #6272a4; color: #6c7086;
font-style: italic;
} }
/* CommentSingle */ /* CommentSingle */
.chroma .c1 { .chroma .c1 {
color: #6272a4; color: #6c7086;
font-style: italic;
} }
/* CommentSpecial */ /* CommentSpecial */
.chroma .cs { .chroma .cs {
color: #6272a4; color: #6c7086;
font-style: italic;
} }
/* CommentPreproc */ /* CommentPreproc */
.chroma .cp { .chroma .cp {
color: #ff79c6; color: #6c7086;
font-style: italic;
} }
/* CommentPreprocFile */ /* CommentPreprocFile */
.chroma .cpf { .chroma .cpf {
color: #ff79c6; color: #6c7086;
font-weight: bold;
font-style: italic;
} }
/* Generic */ /* Generic */
.chroma .g { .chroma .g {
} }
/* GenericDeleted */ /* GenericDeleted */
.chroma .gd { .chroma .gd {
color: #ff5555; color: #f38ba8;
background-color: #313244;
} }
/* GenericEmph */ /* GenericEmph */
.chroma .ge { .chroma .ge {
text-decoration: underline; font-style: italic;
} }
/* GenericError */ /* GenericError */
.chroma .gr { .chroma .gr {
color: #f38ba8;
} }
/* GenericHeading */ /* GenericHeading */
.chroma .gh { .chroma .gh {
color: #fab387;
font-weight: bold; font-weight: bold;
} }
/* GenericInserted */ /* GenericInserted */
.chroma .gi { .chroma .gi {
color: #50fa7b; color: #a6e3a1;
font-weight: bold; background-color: #313244;
} }
/* GenericOutput */ /* GenericOutput */
.chroma .go { .chroma .go {
color: #44475a;
} }
/* GenericPrompt */ /* GenericPrompt */
.chroma .gp { .chroma .gp {
} }
/* GenericStrong */ /* GenericStrong */
.chroma .gs { .chroma .gs {
font-weight: bold;
} }
/* GenericSubheading */ /* GenericSubheading */
.chroma .gu { .chroma .gu {
color: #fab387;
font-weight: bold; font-weight: bold;
} }
/* GenericTraceback */ /* GenericTraceback */
.chroma .gt { .chroma .gt {
color: #f38ba8;
} }
/* GenericUnderline */ /* GenericUnderline */
.chroma .gl { .chroma .gl {

25
themes/alejandro-angulo/assets/css/main.css
View file

@ -3,8 +3,8 @@
} }
body { body {
background-color: #1d2021; background-color: #1e1e2e;
color: #ffffdf; color: #cdd6f4;
margin: 1em; margin: 1em;
max-width: var(--main-page-max-width); max-width: var(--main-page-max-width);
margin: 1em auto 0; margin: 1em auto 0;
@ -27,15 +27,17 @@ i.fab {
} }
a { a {
color: #00a7af; color: #89b4fa;
padding: 0.1em; padding: 0.1em;
} }
a:visited { a:visited {
color: #961ee1; color: #cba6f7;
} }
a:hover { a:hover {
background-color: #00a7af; background-color: #89b4fa;
color: #1d2021; color: #1e1e2e;
text-decoration: none; text-decoration: none;
} }
@ -49,7 +51,7 @@ a:hover {
} }
#header { #header {
background-color: #3a3a3a; background-color: #11111b;
top: 0; top: 0;
left: 0; left: 0;
margin: 0; margin: 0;
@ -63,8 +65,9 @@ a:hover {
margin: 0 auto; margin: 0 auto;
padding: 0.3em 0; padding: 0.3em 0;
} }
#banner .current-page { #banner .current-page {
color: #ffaf00; color: #94e2d5;
padding-left: 5px; padding-left: 5px;
} }
@ -85,12 +88,14 @@ a:hover {
text-decoration: none; text-decoration: none;
padding: 0 5px; padding: 0 5px;
} }
.nav-link, .nav-link,
.nav-link:visited, .nav-link:visited,
.home-link, .home-link,
.home-link:visited { .home-link:visited {
color: #949494; color: #7f849c;
} }
.nav-link:hover, .nav-link:hover,
.home-link:hover { .home-link:hover {
color: inherit; color: inherit;
@ -100,6 +105,8 @@ a:hover {
.highlight .chroma { .highlight .chroma {
padding: 1em; padding: 1em;
overflow-x: scroll; overflow-x: scroll;
border: 5px solid #b4befe;
border-radius: 10px;
} }
.active:before { .active:before {