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

Compare commits

base: karaolidis:e56e1e8e5187fe1d7f52564b03e4d7cc4de54134
Branches Tags
karaolidis:main
...
compare: karaolidis:62882e594310b763dd21b320f74d20ad9d150821
Branches Tags
karaolidis:main

2 Commits
e56e1e8e51 ... 62882e5943

Author SHA1 Message Date
Nikolaos Karaolidis
62882e5943 Update theme 
Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>
 2025-09-14 23:32:19 +01:00
Nikolaos Karaolidis
c50910bcec Update theme 
Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>
 2025-09-14 22:01:44 +01:00
7 changed files with 127 additions and 198 deletions
Expand all files Collapse all files

1
assets/js/main.js
View File

@@ -4,6 +4,7 @@ import Masonry from "masonry-layout";
const lightbox = new PhotoSwipeLightbox({
gallery: ".lightbox",
children: ".pswp-image",
bgOpacity: 1,
showAnimationDuration: 300,
hideAnimationDuration: 300,
initialZoomLevel: "fit",

108
assets/sass/code.scss
View File

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

194
assets/sass/colors.scss
View File

@@ -1,143 +1,71 @@
:root {
--text: #050c0e;
--background: #f1f8fa;
--primary: #51a9c3;
--secondary: #d88fb9;
--accent: #ce7f71;
}
// https://www.realtimecolors.com/
@media (prefers-color-scheme: dark) {
:root {
--text: #f0f8fa;
--background: #050d0f;
--primary: #3c94af;
--secondary: #712853;
--accent: #8d3e30;
}
--text: #0d1416;
--background: #fdfdfd;
--primary: #669ca3;
--secondary: #a5abc9;
--accent: #8d8cba;
}
:root {
--text-50: #ecf6f8;
--text-100: #daecf1;
--text-200: #b4dae4;
--text-300: #8fc7d6;
--text-400: #69b4c9;
--text-500: #44a1bb;
--text-600: #368196;
--text-700: #296170;
--text-800: #1b414b;
--text-900: #0e2025;
--text-950: #071013;
--text-50: #eff4f6;
--text-100: #dfe9ec;
--text-200: #bfd4d9;
--text-300: #9fbec6;
--text-400: #7ea8b4;
--text-500: #5e92a1;
--text-600: #4b7581;
--text-700: #395860;
--text-800: #263b40;
--text-900: #131d20;
--text-950: #090f10;
--background-50: #ecf6f8;
--background-100: #daecf1;
--background-200: #b4dae4;
--background-300: #8fc7d6;
--background-400: #69b4c9;
--background-500: #44a1bb;
--background-600: #368196;
--background-700: #296170;
--background-800: #1b414b;
--background-900: #0e2025;
--background-950: #071013;
--background-50: #f0f5f5;
--background-100: #e0ebeb;
--background-200: #c2d6d6;
--background-300: #a3c2c2;
--background-400: #85adad;
--background-500: #669999;
--background-600: #527a7a;
--background-700: #3d5c5c;
--background-800: #293d3d;
--background-900: #141f1f;
--background-950: #0a0f0f;
--primary-50: #ecf6f8;
--primary-100: #d9ecf2;
--primary-200: #b3d9e5;
--primary-300: #8dc6d8;
--primary-400: #67b4cb;
--primary-500: #41a1be;
--primary-600: #348198;
--primary-700: #276072;
--primary-800: #1a404c;
--primary-900: #0d2026;
--primary-950: #071013;
--primary-50: #eff5f5;
--primary-100: #dfeaec;
--primary-200: #bfd6d9;
--primary-300: #9fc1c6;
--primary-400: #80adb3;
--primary-500: #60989f;
--primary-600: #4d7a80;
--primary-700: #395b60;
--primary-800: #263d40;
--primary-900: #131e20;
--primary-950: #0a0f10;
--secondary-50: #f8ecf3;
--secondary-100: #f2d9e8;
--secondary-200: #e4b4d0;
--secondary-300: #d78eb9;
--secondary-400: #ca68a1;
--secondary-500: #bd428a;
--secondary-600: #97356e;
--secondary-700: #712853;
--secondary-800: #4b1b37;
--secondary-900: #260d1c;
--secondary-950: #13070e;
--secondary-50: #eff0f5;
--secondary-100: #dfe1ec;
--secondary-200: #bfc4d9;
--secondary-300: #9fa6c6;
--secondary-400: #8088b3;
--secondary-500: #606a9f;
--secondary-600: #4d5580;
--secondary-700: #394060;
--secondary-800: #262b40;
--secondary-900: #131520;
--secondary-950: #0a0b10;
--accent-50: #f8eeec;
--accent-100: #f2ddd9;
--accent-200: #e5bbb3;
--accent-300: #d8988d;
--accent-400: #cb7667;
--accent-500: #be5441;
--accent-600: #984334;
--accent-700: #723227;
--accent-800: #4c221a;
--accent-900: #26110d;
--accent-950: #130807;
}
@media (prefers-color-scheme: dark) {
:root {
--text-50: #061113;
--text-100: #0d2126;
--text-200: #19424d;
--text-300: #266373;
--text-400: #338599;
--text-500: #40a6bf;
--text-600: #66b8cc;
--text-700: #8cc9d9;
--text-800: #b3dbe6;
--text-900: #d9edf2;
--text-950: #ecf6f9;
--background-50: #061113;
--background-100: #0d2126;
--background-200: #19424d;
--background-300: #266373;
--background-400: #338599;
--background-500: #40a6bf;
--background-600: #66b8cc;
--background-700: #8cc9d9;
--background-800: #b3dbe6;
--background-900: #d9edf2;
--background-950: #ecf6f9;
--primary-50: #071013;
--primary-100: #0d2026;
--primary-200: #1a404c;
--primary-300: #276072;
--primary-400: #348198;
--primary-500: #41a1be;
--primary-600: #67b4cb;
--primary-700: #8dc6d8;
--primary-800: #b3d9e5;
--primary-900: #d9ecf2;
--primary-950: #ecf6f8;
--secondary-50: #13070e;
--secondary-100: #260d1c;
--secondary-200: #4b1b37;
--secondary-300: #712853;
--secondary-400: #97356e;
--secondary-500: #bd428a;
--secondary-600: #ca68a1;
--secondary-700: #d78eb9;
--secondary-800: #e4b4d0;
--secondary-900: #f2d9e8;
--secondary-950: #f8ecf3;
--accent-50: #130807;
--accent-100: #26110d;
--accent-200: #4c221a;
--accent-300: #723227;
--accent-400: #984334;
--accent-500: #be5441;
--accent-600: #cb7667;
--accent-700: #d8988d;
--accent-800: #e5bbb3;
--accent-900: #f2ddd9;
--accent-950: #f8eeec;
}
--accent-50: #efeff5;
--accent-100: #dfdfec;
--accent-200: #c0bfd9;
--accent-300: #a09fc6;
--accent-400: #8080b3;
--accent-500: #61609f;
--accent-600: #4d4d80;
--accent-700: #3a3960;
--accent-800: #272640;
--accent-900: #131320;
--accent-950: #0a0a10;
}

2
assets/sass/details.scss
View File

@@ -19,7 +19,7 @@ main.with-details {
}
.length {
color: color-mix(in srgb, var(--text) 50%, var(--background));
color: color-mix(in srgb, var(--text) 70%, var(--background));
margin: 0.5rem 0 0.5rem 0;
font-size: 0.8rem;
}

2
assets/sass/footer.scss
View File

@@ -13,7 +13,7 @@
font-size: 0.85rem;
color: color-mix(in srgb, var(--text) 30%, var(--background));
color: color-mix(in srgb, var(--text) 50%, var(--background));
a {
color: inherit;

2
assets/sass/image.scss
View File

@@ -11,6 +11,6 @@ img {
figcaption {
text-align: center;
padding-top: 1rem;
color: color-mix(in srgb, var(--text) 50%, var(--background));
color: color-mix(in srgb, var(--text) 70%, var(--background));
}
}

14
assets/sass/meta.scss
View File

@@ -2,19 +2,19 @@
margin: 1rem 0 1rem 0;
font-size: 0.8rem;
.date {
color: var(--text);
}
.tag {
color: var(--secondary-600);
color: var(--primary-600);
}
.tag:hover {
color: var(--secondary-800);
}
.date {
color: var(--text-600);
color: var(--primary-800);
}
.duration {
color: color-mix(in srgb, var(--text) 50%, var(--background));
color: color-mix(in srgb, var(--text) 70%, var(--background));
}
}