karaolidis/caldwell
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: karaolidis:main
Branches Tags
karaolidis:main
..
compare: karaolidis:fe8250f18225e406d38256c878a310883719d35a
Branches Tags
karaolidis:main

1 Commits
main ... fe8250f182

Author SHA1 Message Date
Nikolaos Karaolidis
fe8250f182 Update theme 
Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>
 2025-09-14 23:10:30 +01:00
6 changed files with 122 additions and 126 deletions
Expand all files Collapse all files

110
assets/sass/code.scss
View File

@@ -1,6 +1,6 @@
pre { pre {
color: var(--text); color: var(--text);
background-color: var(--background-50); background-color: color-mix(in srgb, var(--background) 70%, var(--background-50));
padding: 1rem; padding: 1rem;
border-radius: 0.5rem; border-radius: 0.5rem;
overflow-x: auto; overflow-x: auto;
@@ -14,7 +14,7 @@ pre {
/* Error */ /* Error */
.err { .err {
color: var(--accent-600); color: var(--accent-500);
} }
/* LineLink */ /* LineLink */
@@ -42,7 +42,7 @@ pre {
/* LineHighlight */ /* LineHighlight */
.hl { .hl {
background-color: var(--background-100); background-color: var(--background-200);
} }
/* LineNumbersTable */ /* LineNumbersTable */
@@ -71,250 +71,250 @@ pre {
/* Keyword */ /* Keyword */
.k { .k {
color: var(--secondary-700); color: var(--secondary-600);
} }
/* KeywordConstant */ /* KeywordConstant */
.kc { .kc {
color: var(--primary-600); color: var(--primary-500);
} }
/* KeywordDeclaration */ /* KeywordDeclaration */
.kd { .kd {
color: var(--secondary-700); color: var(--secondary-600);
} }
/* KeywordNamespace */ /* KeywordNamespace */
.kn { .kn {
color: var(--secondary-700); color: var(--secondary-600);
} }
/* KeywordPseudo */ /* KeywordPseudo */
.kp { .kp {
color: var(--primary-600); color: var(--primary-500);
} }
/* KeywordReserved */ /* KeywordReserved */
.kr { .kr {
color: var(--secondary-700); color: var(--secondary-600);
} }
/* KeywordType */ /* KeywordType */
.kt { .kt {
color: var(--secondary-700); color: var(--secondary-600);
} }
/* Name */ /* Name */
.nc { .nc {
color: var(--accent-700); color: var(--accent-600);
font-weight: bold; font-weight: bold;
} }
/* NameConstant */ /* NameConstant */
.no { .no {
color: var(--primary-600); color: var(--primary-500);
font-weight: bold; font-weight: bold;
} }
/* NameDecorator */ /* NameDecorator */
.nd { .nd {
color: var(--secondary-800); color: var(--secondary-700);
font-weight: bold; font-weight: bold;
} }
/* NameEntity */ /* NameEntity */
.ni { .ni {
color: var(--accent-700); color: var(--accent-600);
} }
/* NameException */ /* NameException */
.ne { .ne {
color: var(--accent-700); color: var(--accent-600);
font-weight: bold; font-weight: bold;
} }
/* NameLabel */ /* NameLabel */
.nl { .nl {
color: var(--primary-600); color: var(--primary-500);
font-weight: bold; font-weight: bold;
} }
/* NameNamespace */ /* NameNamespace */
.nn { .nn {
color: var(--secondary-700); color: var(--secondary-600);
} }
/* NameProperty */ /* NameProperty */
.py { .py {
color: var(--primary-600); color: var(--primary-500);
} }
/* NameTag */ /* NameTag */
.nt { .nt {
color: var(--primary-700); color: var(--primary-600);
} }
/* NameVariable */ /* NameVariable */
.nv { .nv {
color: var(--primary-600); color: var(--primary-500);
} }
/* NameVariableClass */ /* NameVariableClass */
.vc { .vc {
color: var(--primary-600); color: var(--primary-500);
} }
/* NameVariableGlobal */ /* NameVariableGlobal */
.vg { .vg {
color: var(--primary-600); color: var(--primary-500);
} }
/* NameVariableInstance */ /* NameVariableInstance */
.vi { .vi {
color: var(--primary-600); color: var(--primary-500);
} }
/* NameVariableMagic */ /* NameVariableMagic */
.vm { .vm {
color: var(--primary-600); color: var(--primary-500);
} }
/* NameFunction */ /* NameFunction */
.nf { .nf {
color: var(--secondary-800); color: var(--secondary-700);
font-weight: bold; font-weight: bold;
} }
/* NameFunctionMagic */ /* NameFunctionMagic */
.fm { .fm {
color: var(--secondary-800); color: var(--secondary-700);
font-weight: bold; font-weight: bold;
} }
/* Literal */ /* Literal */
.l { .l {
color: var(--primary-700); color: var(--primary-600);
} }
/* LiteralDate */ /* LiteralDate */
.ld { .ld {
color: var(--primary-600); color: var(--primary-500);
} }
/* LiteralString */ /* LiteralString */
.s { .s {
color: var(--primary-700); color: var(--primary-600);
} }
/* LiteralStringAffix */ /* LiteralStringAffix */
.sa { .sa {
color: var(--primary-600); color: var(--primary-500);
} }
/* LiteralStringBacktick */ /* LiteralStringBacktick */
.sb { .sb {
color: var(--primary-700); color: var(--primary-600);
} }
/* LiteralStringChar */ /* LiteralStringChar */
.sc { .sc {
color: var(--primary-700); color: var(--primary-600);
} }
/* LiteralStringDelimiter */ /* LiteralStringDelimiter */
.dl { .dl {
color: var(--primary-600); color: var(--primary-500);
} }
/* LiteralStringDoc */ /* LiteralStringDoc */
.sd { .sd {
color: var(--primary-700); color: var(--primary-600);
} }
/* LiteralStringDouble */ /* LiteralStringDouble */
.s2 { .s2 {
color: var(--primary-700); color: var(--primary-600);
} }
/* LiteralStringEscape */ /* LiteralStringEscape */
.se { .se {
color: var(--primary-600); color: var(--primary-500);
} }
/* LiteralStringHeredoc */ /* LiteralStringHeredoc */
.sh { .sh {
color: var(--primary-600); color: var(--primary-500);
} }
/* LiteralStringInterpol */ /* LiteralStringInterpol */
.si { .si {
color: var(--primary-700); color: var(--primary-600);
} }
/* LiteralStringOther */ /* LiteralStringOther */
.sx { .sx {
color: var(--primary-700); color: var(--primary-600);
} }
/* LiteralStringRegex */ /* LiteralStringRegex */
.sr { .sr {
color: var(--primary-600); color: var(--primary-500);
} }
/* LiteralStringSingle */ /* LiteralStringSingle */
.s1 { .s1 {
color: var(--primary-700); color: var(--primary-600);
} }
/* LiteralStringSymbol */ /* LiteralStringSymbol */
.ss { .ss {
color: var(--primary-700); color: var(--primary-600);
} }
/* LiteralNumber */ /* LiteralNumber */
.m { .m {
color: var(--primary-700); color: var(--primary-600);
} }
/* LiteralNumberBin */ /* LiteralNumberBin */
.mb { .mb {
color: var(--primary-700); color: var(--primary-600);
} }
/* LiteralNumberFloat */ /* LiteralNumberFloat */
.mf { .mf {
color: var(--primary-700); color: var(--primary-600);
} }
/* LiteralNumberHex */ /* LiteralNumberHex */
.mh { .mh {
color: var(--primary-700); color: var(--primary-600);
} }
/* LiteralNumberInteger */ /* LiteralNumberInteger */
.mi { .mi {
color: var(--primary-700); color: var(--primary-600);
} }
/* LiteralNumberIntegerLong */ /* LiteralNumberIntegerLong */
.il { .il {
color: var(--primary-700); color: var(--primary-600);
} }
/* LiteralNumberOct */ /* LiteralNumberOct */
.mo { .mo {
color: var(--primary-700); color: var(--primary-600);
} }
/* Operator */ /* Operator */
.o { .o {
color: var(--secondary-700); color: var(--secondary-600);
font-weight: bold; font-weight: bold;
} }
/* OperatorWord */ /* OperatorWord */
.ow { .ow {
color: var(--secondary-700); color: var(--secondary-600);
font-weight: bold; font-weight: bold;
} }
@@ -376,12 +376,12 @@ pre {
/* GenericError */ /* GenericError */
.gr { .gr {
color: var(--accent-600); color: var(--accent-500);
} }
/* GenericHeading */ /* GenericHeading */
.gh { .gh {
color: var(--primary-600); color: var(--primary-500);
font-weight: bold; font-weight: bold;
} }
@@ -408,12 +408,12 @@ pre {
/* GenericSubheading */ /* GenericSubheading */
.gu { .gu {
color: var(--primary-600); color: var(--primary-500);
} }
/* GenericTraceback */ /* GenericTraceback */
.gt { .gt {
color: var(--secondary-700); color: var(--secondary-600);
} }
/* GenericUnderline */ /* GenericUnderline */

120
assets/sass/colors.scss
View File

@@ -1,71 +1,71 @@
// https://www.realtimecolors.com/ // https://www.realtimecolors.com/
:root { :root {
--text: #0d1416; --text: #060208;
--background: #fdfdfd; --background: #fefdff;
--primary: #669ca3; --primary: #41255f;
--secondary: #a5abc9; --secondary: #d086bb;
--accent: #8d8cba; --accent: #963c64;
} }
:root { :root {
--text-50: #eff4f6; --text-50: #f5ebfa;
--text-100: #dfe9ec; --text-100: #ebd6f5;
--text-200: #bfd4d9; --text-200: #d6adeb;
--text-300: #9fbec6; --text-300: #c285e0;
--text-400: #7ea8b4; --text-400: #ad5cd6;
--text-500: #5e92a1; --text-500: #9933cc;
--text-600: #4b7581; --text-600: #7a29a3;
--text-700: #395860; --text-700: #5c1f7a;
--text-800: #263b40; --text-800: #3d1452;
--text-900: #131d20; --text-900: #1f0a29;
--text-950: #090f10; --text-950: #0f0514;
--background-50: #f0f5f5; --background-50: #f2e5ff;
--background-100: #e0ebeb; --background-100: #e5ccff;
--background-200: #c2d6d6; --background-200: #cc99ff;
--background-300: #a3c2c2; --background-300: #b266ff;
--background-400: #85adad; --background-400: #9933ff;
--background-500: #669999; --background-500: #7f00ff;
--background-600: #527a7a; --background-600: #6600cc;
--background-700: #3d5c5c; --background-700: #4c0099;
--background-800: #293d3d; --background-800: #330066;
--background-900: #141f1f; --background-900: #190033;
--background-950: #0a0f0f; --background-950: #0d001a;
--primary-50: #eff5f5; --primary-50: #f2edf8;
--primary-100: #dfeaec; --primary-100: #e5daf1;
--primary-200: #bfd6d9; --primary-200: #cbb6e2;
--primary-300: #9fc1c6; --primary-300: #b191d4;
--primary-400: #80adb3; --primary-400: #986cc6;
--primary-500: #60989f; --primary-500: #7e47b8;
--primary-600: #4d7a80; --primary-600: #653993;
--primary-700: #395b60; --primary-700: #4b2b6e;
--primary-800: #263d40; --primary-800: #321d49;
--primary-900: #131e20; --primary-900: #190e25;
--primary-950: #0a0f10; --primary-950: #0d0712;
--secondary-50: #eff0f5; --secondary-50: #f8edf5;
--secondary-100: #dfe1ec; --secondary-100: #f1daea;
--secondary-200: #bfc4d9; --secondary-200: #e2b6d6;
--secondary-300: #9fa6c6; --secondary-300: #d491c1;
--secondary-400: #8088b3; --secondary-400: #c66cac;
--secondary-500: #606a9f; --secondary-500: #b84798;
--secondary-600: #4d5580; --secondary-600: #933979;
--secondary-700: #394060; --secondary-700: #6e2b5b;
--secondary-800: #262b40; --secondary-800: #491d3d;
--secondary-900: #131520; --secondary-900: #250e1e;
--secondary-950: #0a0b10; --secondary-950: #12070f;
--accent-50: #efeff5; --accent-50: #f8edf2;
--accent-100: #dfdfec; --accent-100: #f0dbe4;
--accent-200: #c0bfd9; --accent-200: #e2b6ca;
--accent-300: #a09fc6; --accent-300: #d392af;
--accent-400: #8080b3; --accent-400: #c56d95;
--accent-500: #61609f; --accent-500: #b6497a;
--accent-600: #4d4d80; --accent-600: #923a62;
--accent-700: #3a3960; --accent-700: #6d2c49;
--accent-800: #272640; --accent-800: #491d31;
--accent-900: #131320; --accent-900: #240f18;
--accent-950: #0a0a10; --accent-950: #12070c;
} }

2
assets/sass/common.scss
View File

@@ -64,7 +64,7 @@ li {
} }
details { details {
background-color: var(--background-50); background-color: color-mix(in srgb, var(--background) 70%, var(--background-50));
padding: 1rem 1.5rem 1rem 1.5rem; padding: 1rem 1.5rem 1rem 1.5rem;
border-radius: 0.5rem; border-radius: 0.5rem;

2
assets/sass/hero.scss
View File

@@ -15,6 +15,6 @@
@media (max-width: $width-mobile) { @media (max-width: $width-mobile) {
.hero { .hero {
padding: 1rem 1rem 0 1rem; padding: 1rem;
} }
} }

2
assets/sass/meta.scss
View File

@@ -3,7 +3,7 @@
font-size: 0.8rem; font-size: 0.8rem;
.date { .date {
color: var(--text); color: var(--text-800);
} }
.tag { .tag {

12
layouts/partials/components/image/process.html
View File

@@ -11,17 +11,13 @@
{{- $original = ($page.Resources.Get $src) | default (resources.Get $src) -}} {{- $original = ($page.Resources.Get $src) | default (resources.Get $src) -}}
{{- end -}} {{- end -}}
{{- $rotate := images.AutoOrient -}} {{- $full := $original | images.Filter (images.Process "webp q90") -}}
{{- $processFull := images.Process "webp q90" -}} {{- $thumb := "" -}}
{{- $full := $original | images.Filter (slice $rotate $processFull) -}}
{{- $processThumb := "" -}}
{{- if gt $original.Width 2000 -}} {{- if gt $original.Width 2000 -}}
{{- $processThumb = images.Process "resize 2000x webp q75" -}} {{- $thumb = $original | images.Filter (images.Process "resize 2000x webp q75") -}}
{{- else -}} {{- else -}}
{{- $processThumb = images.Process "webp q75" -}} {{- $thumb = $original | images.Filter (images.Process "webp q75") -}}
{{- end -}} {{- end -}}
{{- $thumb := $original | images.Filter (slice $rotate $processThumb) -}}
{{- return dict "original" $original "full" $full "thumb" $thumb -}} {{- return dict "original" $original "full" $full "thumb" $thumb -}}