mirror of
https://github.com/tomfran/typo.git
synced 2025-04-25 13:09:54 +03:00
Added color palettes
This commit is contained in:
parent
9c16b36696
commit
14082d9032
4 changed files with 50 additions and 21 deletions
15
assets/css/colors/catpuccin.css
Normal file
15
assets/css/colors/catpuccin.css
Normal 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);
|
||||
}
|
15
assets/css/colors/default.css
Normal file
15
assets/css/colors/default.css
Normal 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);
|
||||
}
|
|
@ -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) {
|
||||
|
|
|
@ -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">
|
Loading…
Add table
Add a link
Reference in a new issue