Added color palettes

This commit is contained in:
Francesco 2024-06-09 14:39:48 +02:00
parent 9c16b36696
commit 14082d9032
4 changed files with 50 additions and 21 deletions

View file

@ -0,0 +1,15 @@
:root {
--content-primary: rgb(76, 79, 105);
--content-secondary: rgb(108, 111, 133);
--background: rgb(239, 241, 245);
--code-background: rgb(230, 233, 239);
--code-border: rgb(188, 192, 204);
}
.dark {
--content-primary: rgb(198, 208, 245);
--content-secondary: rgb(165, 173, 206);
--background: rgb(48, 52, 70);
--code-background: rgb(41, 44, 60);
--code-border: rgb(81, 87, 109);
}

View file

@ -0,0 +1,15 @@
:root {
--content-primary: rgb(36, 36, 36);
--content-secondary: rgb(117, 117, 117);
--background: rgb(255, 255, 255);
--code-background: rgb(249, 249, 249);
--code-border: rgb(229, 229, 229);
}
.dark {
--content-primary: rgb(218, 218, 218);
--content-secondary: rgb(140, 140, 140);
--background: rgb(20, 20, 20);
--code-background: rgb(30, 30, 30);
--code-border: rgb(50, 50, 50);
}

View file

@ -55,21 +55,6 @@
--table-cell-padding: .5rem;
--table-margin-top: 1.5rem;
--table-margin-bottom: 1.5rem;
/* Theme */
--content-primary: rgb(36, 36, 36);
--content-secondary: rgb(117, 117, 117);
--background: rgb(255, 255, 255);
--code-background: rgb(249, 249, 249);
--code-border: rgb(229, 229, 229);
}
.dark {
--content-primary: rgb(218, 218, 218);
--content-secondary: rgb(140, 140, 140);
--background: rgb(20, 20, 20);
--code-background: rgb(30, 30, 30);
--code-border: rgb(50, 50, 50);
}
@media screen and (max-width: 1024px) {

View file

@ -1,12 +1,26 @@
{{- $CSS := slice
{{
$CSS := slice
(resources.Get "css/reset.css")
(resources.Get "css/vars.css")
(resources.Get "css/utils.css")
(resources.Get "css/fonts.css")
(resources.Get "css/main.css")
(resources.Get "css/custom.css") |
resources.Concat "assets/combined.css" |
minify |
fingerprint }}
(resources.Get "css/custom.css")
(resources.Get "css/colors/default.css")
}}
<link rel="stylesheet" href="{{ $CSS.RelPermalink }}" media="all">
{{ with .Site.Params.colorPalette }}
{{ $path := printf "css/colors/%s.css" . }}
{{ $CSS = $CSS | append (resources.Get $path)}}
{{ end }}
{{
$combined := $CSS
| resources.Concat "assets/combined.css"
| minify
| fingerprint
}}
<link rel="stylesheet" href="{{ $combined.RelPermalink }}" media="all">