kienan
/
hugo-theme-zzo
mirror of https://github.com/zzossig/hugo-theme-zzo.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge 25bec23bad into 01f9e43e59

This commit is contained in:
Prateek Yadav 2021-10-05 08:27:45 +05:30 committed by GitHub
parent 01f9e43e59 25bec23bad
commit e1264737b4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
21 changed files with 372 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
assets/sass/main.scss
View File

@ -14,18 +14,21 @@ $theme_dark_chroma: {{ .Site.Data.skin.theme_dark_chroma }};
$theme_hacker_chroma: {{ .Site.Data.skin.theme_hacker_chroma }};
$theme_solarized_chroma: {{ .Site.Data.skin.theme_solarized_chroma }};
$theme_kimbie_chroma: {{ .Site.Data.skin.theme_kimbie_chroma }};
$theme_gruv_chroma: {{ .Site.Data.skin.theme_gruv_chroma }};
$theme_light_chroma_background: {{ .Site.Data.skin.theme_light_chroma_background }};
$theme_dark_chroma_background: {{ .Site.Data.skin.theme_dark_chroma_background }};
$theme_hacker_chroma_background: {{ .Site.Data.skin.theme_hacker_chroma_background }};
$theme_solarized_chroma_background: {{ .Site.Data.skin.theme_solarized_chroma_background }};
$theme_kimbie_chroma_background: {{ .Site.Data.skin.theme_kimbie_chroma_background }};
$theme_gruv_chroma_background: {{ .Site.Data.skin.theme_gruv_chroma_background }};
$button_dark_primary_color: {{ .Site.Data.button.dark_primary_color }};
$button_light_primary_color: {{ .Site.Data.button.light_primary_color }};
$button_hacker_primary_color: {{ .Site.Data.button.hacker_primary_color }};
$button_solarized_primary_color: {{ .Site.Data.button.solarized_primary_color }};
$button_kimbie_primary_color: {{ .Site.Data.button.kimbie_primary_color }};
$button_gruv_primary_color: {{ .Site.Data.button.gruv_primary_color }};
$title-font: {{ .Site.Data.font.title_font }};
$content-font: {{ .Site.Data.font.content_font }};

61
assets/sass/syntax/_gruv.scss Normal file
View File

@ -0,0 +1,61 @@
@mixin chroma-gruv {
/* Background */ .chroma { color: #ebdbb2; background-color: #1d2021 }
/* Error */ .chroma .err { color: #fb4934; background-color: #1d2021 }
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: black }
/* LineNumbersTable */ .chroma .lnt { padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* LineNumbers */ .chroma .ln { padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* Keyword */ .chroma .k { color: #fb4934 }
/* KeywordConstant */ .chroma .kc { color: #fabd2f }
/* KeywordDeclaration */ .chroma .kd { color: #fabd2f }
/* KeywordNamespace */ .chroma .kn { color: #f92672 }
/* KeywordPseudo */ .chroma .kp { color: #fabd2f }
/* KeywordReserved */ .chroma .kr { color: #fabd2f}
/* KeywordType */ .chroma .kt { color: #fabd2f }
/* NameAttribute */ .chroma .na { color: #458588 }
/* NameClass */ .chroma .nc { color: #458588 }
/* NameConstant */ .chroma .no { color: #fb4934 }
/* NameDecorator */ .chroma .nd { color: #458588 }
/* NameException */ .chroma .ne { color: #458588 }
/* NameFunction */ .chroma .nf { color: #458588 }
/* NameOther */ .chroma .nx { color: #458588 }
/* NameTag */ .chroma .nt { color: #f92672 }
/* Literal */ .chroma .l { color: #b16286 }
/* LiteralDate */ .chroma .ld { color: #b8bb26 }
/* LiteralString */ .chroma .s { color: #b8bb26 }
/* LiteralStringAffix */ .chroma .sa { color: #b8bb26 }
/* LiteralStringBacktick */ .chroma .sb { color: #b8bb26 }
/* LiteralStringChar */ .chroma .sc { color: #b8bb26 }
/* LiteralStringDelimiter */ .chroma .dl { color: #b8bb26 }
/* LiteralStringDoc */ .chroma .sd { color: #b8bb26 }
/* LiteralStringDouble */ .chroma .s2 { color: #b8bb26 }
/* LiteralStringEscape */ .chroma .se { color: #b16286 }
/* LiteralStringHeredoc */ .chroma .sh { color: #b8bb26 }
/* LiteralStringInterpol */ .chroma .si { color: #b8bb26 }
/* LiteralStringOther */ .chroma .sx { color: #b8bb26 }
/* LiteralStringRegex */ .chroma .sr { color: #b8bb26 }
/* LiteralStringSingle */ .chroma .s1 { color: #b8bb26 }
/* LiteralStringSymbol */ .chroma .ss { color: #b8bb26 }
/* LiteralNumber */ .chroma .m { color: #b16286 }
/* LiteralNumberBin */ .chroma .mb { color: #b16286 }
/* LiteralNumberFloat */ .chroma .mf { color: #b16286 }
/* LiteralNumberHex */ .chroma .mh { color: #b16286 }
/* LiteralNumberInteger */ .chroma .mi { color: #b16286 }
/* LiteralNumberIntegerLong */ .chroma .il { color: #b16286 }
/* LiteralNumberOct */ .chroma .mo { color: #b16286 }
/* Operator */ .chroma .o { color: #8ec07c }
/* OperatorWord */ .chroma .ow { color: #8ec07c }
/* Comment */ .chroma .c { color: #75715e }
/* CommentHashbang */ .chroma .ch { color: #75715e }
/* CommentMultiline */ .chroma .cm { color: #75715e }
/* CommentSingle */ .chroma .c1 { color: #75715e }
/* CommentSpecial */ .chroma .cs { color: #75715e }
/* CommentPreproc */ .chroma .cp { color: #75715e }
/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
/* GenericDeleted */ .chroma .gd { color: #f92672 }
/* GenericEmph */ .chroma .ge { font-style: italic }
/* GenericInserted */ .chroma .gi { color: #fb4934 }
/* GenericStrong */ .chroma .gs { font-weight: bold }
/* GenericSubheading */ .chroma .gu { color: #75715e }
}

87
assets/sass/syntax/_syntax.scss
View File

@ -13,6 +13,7 @@
@import 'friendly';
@import 'fruity';
@import 'github';
@import 'gruv';
@import 'igor';
@import 'lovelace';
@import 'manni';
@ -202,9 +203,91 @@
}
}
.theme__gruv {
@if $theme_gruv_chroma == default {
@include chroma-gruv;
} @else if $theme_dark_chroma == abap {
@include chroma-abap;
} @else if $theme_dark_chroma == algol {
@include chroma-algol;
} @else if $theme_dark_chroma == algolnu {
@include chroma-algolnu;
} @else if $theme_dark_chroma == api {
@include chroma-api;
} @else if $theme_dark_chroma == arduino {
@include chroma-arduino;
} @else if $theme_dark_chroma == autumn {
@include chroma-autumn;
} @else if $theme_dark_chroma == borland {
@include chroma-borland;
} @else if $theme_dark_chroma == bw {
@include chroma-bw;
} @else if $theme_dark_chroma == colorful {
@include chroma-colorful;
} @else if $theme_dark_chroma == dracula {
@include chroma-dracula;
} @else if $theme_dark_chroma == emacs {
@include chroma-emacs;
} @else if $theme_dark_chroma == friendly {
@include chroma-friendly;
} @else if $theme_dark_chroma == fruity {
@include chroma-fruity;
} @else if $theme_dark_chroma == github {
@include chroma-github;
} @else if $theme_dark_chroma == igor {
@include chroma-igor;
} @else if $theme_dark_chroma == lovelace {
@include chroma-lovelace;
} @else if $theme_dark_chroma == manni {
@include chroma-manni;
} @else if $theme_dark_chroma == monokai {
@include chroma-monokai;
} @else if $theme_dark_chroma == monokailight {
@include chroma-monokailight;
} @else if $theme_dark_chroma == murphy {
@include chroma-murphy;
} @else if $theme_dark_chroma == native {
@include chroma-native;
} @else if $theme_dark_chroma == paraisodark {
@include chroma-paraisodark;
} @else if $theme_dark_chroma == paraisolight {
@include chroma-paraisolight;
} @else if $theme_dark_chroma == pastie {
@include chroma-pastie;
} @else if $theme_dark_chroma == perldoc {
@include chroma-perldoc;
} @else if $theme_dark_chroma == pygments {
@include chroma-pygments;
} @else if $theme_dark_chroma == rainbowdash {
@include chroma-rainbowdash;
} @else if $theme_dark_chroma == rrt {
@include chroma-rrt;
} @else if $theme_dark_chroma == solarizeddark {
@include chroma-solarizeddark;
} @else if $theme_dark_chroma == solarizeddark256 {
@include chroma-solarizeddark256;
} @else if $theme_dark_chroma == solarizedlight {
@include chroma-solarizedlight;
} @else if $theme_dark_chroma == swapoff {
@include chroma-swapoff;
} @else if $theme_dark_chroma == tango {
@include chroma-tango;
} @else if $theme_dark_chroma == trac {
@include chroma-trac;
} @else if $theme_dark_chroma == vim {
@include chroma-vim;
} @else if $theme_dark_chroma == vs {
@include chroma-vs;
} @else if $theme_dark_chroma == xcode {
@include chroma-xcode;
} @else {
@include chroma-monokai;
}
}
.theme__hacker {
@if $theme_hacker_chroma == default {
@include chroma-dracula;
@include chroma-monokai;
} @else if $theme_hacker_chroma == abap {
@include chroma-abap;
} @else if $theme_hacker_chroma == algol {
@ -280,7 +363,7 @@
} @else if $theme_hacker_chroma == xcode {
@include chroma-xcode;
} @else {
@include chroma-dracula;
@include chroma-monokai;
}
}

110
assets/sass/themes/_gruv.scss Normal file
View File

@ -0,0 +1,110 @@
$gruv: (
footer-background-color: #282828,
footer-color: #98971a,
link: #83a598,
link-hover: #83a598,
title-color: #e2d6b8,
meta-color: #928374,
body-color: #bdae93,
hr-color: #928374,
body-background-color: #282828,
backdrop-background-color: #1d2021,
dropdown-border-top-color: #928374,
dropdown-item-active-background-color: lighten(#151715, 12%),
dropdown-content-background-color: lighten(#151715, 5%),
dropdown-item-hover-background-color: lighten(#151715, 20%),
dropdown-item-hover-color: #ebdbb2,
dropdown-item-color: #928374,
navbar-border-bottom-color: #504945,
navbar-background-color: #252526,
navbar-mobile-background-color: #323232,
navbar-title-color: #9fc391,
navbar-title-hover-color: #b8bb26,
navbar-title-active-color: #b8bb26,
navbar-menu-hover-background-color: lighten(#00e600, 20%),
navbar-dropdown-item-hover-color: #E08C48,
sidebar-title-color: #8ec07c,
sidebar-li-color: #d5c4a1,
taxo-title-color: #8ec07c,
taxo-num-color: #458588,
taxo-num-background-color: #252526,
taxo-tags-background-color: lighten(#151715, 9%),
taxo-tags-color: #d79921,
taxo-series-background-color: lighten(#151715, 9%),
taxo-series-color: #d79921,
taxo-categories-background-color: lighten(#151715, 9%),
taxo-categories-color: #b16286,
breadcrumb-item-color: #bdae93,
breadcrumb-background-color: #252526,
breadcrumb-item-active-color: #fbf1c7,
list-header-title-color: #689d6a,
figcaption-color: #1FFF2A,
figcaption-strong-color: #FCFCFA,
single-hr-background-color: #504945,
single-blockquote-border-color: #b16286,
single-header-title-color: #d4ccb6,
single-contents-title-color: #d3d388,
single-contents-subtitle-color: #d3d399,
related-header-title-color: #bdae93,
related-link-color: #83a598,
content-box-border-color: #6B6B6B,
content-box-background-color: #252526,
burger-menu-color: #dbdbdb,
social-icon-color: #a89984,
social-icon-hover-color: lighten(#a89984, 20%),
pagination-link-color: #996287,
pagination-background-color: #252526,
pagination-disabled-color: #424242,
pagination-number-color: #FCFCFA,
terms-title-color: #a7a83f,
terms-title-shadow-color: #242425,
terms-tags-color: #78DCE8,
terms-categories-color: #AB9DF2,
terms-series-color: #EA9C77,
terms-len-color: #E08C48,
toc-label-color: #727072,
toc-title-color: #727072,
toc-vertical-line: #727072,
toc-vertical-line-active: #d3869b,
toc-header-background-color: lighten(#151715, 7%),
toc-header-background-color-hover: lighten(#151715, 5%),
toc-body-background-color: lighten(#151715, 3%),
search-placeholder-color: #727072,
search-color: #83a598,
search-icon-color: #727072,
search-border-color: #504945,
search-border-outline-color: rgba(161, 173, 100, 0.2),
search-border-active-color: #414141,
search-background-color: #252526,
search-content-color: #ebdbb2, //TODO: from this
search-content-background-color: #252526,
search-hover-background-color: lighten(#252526, 14%),
search-highlight-color: #d3869b,
selection-color: #FCFCFA,
selection-background-color: #FF6188,
archive-key-color: #FCFCFA,
archive-type-color: #FCFCFA,
archive-meta-color: #E3CD26,
archive-key-background-color: #E08C48,
archive-type-background-color: #855E78,
archive-hover-line-color: #FF6188,
gtt-color: #9e9e9e,
gtt-background-color: #252526,
gtt-hover-color: #E3CD26,
gtt-hover-background-color: lighten(#252526, 5%),
switch-background-color: #403E41,
switch-button-color: #FCFCFA,
switch-active-color: #FF6188,
gallery-mask-color: #FCFCFA,
gallery-mask-background-color: rgba(0, 0, 0, 0.7),
contact-input-color: #FCFCFA,
contact-input-background-color: lighten(#252526, 4%),
contact-button-background-color: lighten(#252526, 4%),
custom-scrollbar-foreground-color: #616161,
custom-scrollbar-background-color: #FCFCFA,
share-color: #dbdbdb,
share-shadow-color: #888,
share-background-color: #383b4c,
donation-background-color: #43454d,
button-primary-color: $button_gruv_primary_color,
);

69
assets/sass/themes/_gruvcode.scss Normal file
View File

@ -0,0 +1,69 @@
$gruvcode: '';
@if $theme_gruv_chroma_background == dark {
$gruvcode: (
content-code-color: #fcfcfa,
content-pre-main-color: #FFA7C4,
content-pre-color: #eee,
content-pre-number-color: #666,
content-pre-background-color: #171f2e,
content-pre-header-background-color: darken(#011627, 1.5%),
content-pre-border-background-color: #3a3a3a,
content-pre-header-color: #FCFCFA,
);
} @else if $theme_gruv_chroma_background == light {
$gruvcode: (
content-code-color: #26a69a,
content-pre-main-color: #607d8b,
content-pre-color: #344952,
content-pre-number-color: #aaa,
content-pre-background-color: #F5F2F0,
content-pre-border-background-color: darken(#F5F2F0, 7%),
content-pre-header-background-color: darken(#F5F2F0, 3%),
content-pre-header-color: #344952,
);
} @else if $theme_gruv_chroma_background == gruv {
$gruvcode: (
content-code-color: #E3CD26,
content-pre-main-color: #1FFF2A,
content-pre-color: #d1d1d1,
content-pre-number-color: #666,
content-pre-background-color: #282a36,
content-pre-border-background-color: #424242,
content-pre-header-background-color: darken(#202420, 1.5%),
content-pre-header-color: #FCFCFA,
);
} @else if $theme_gruv_chroma_background == solarized {
$gruvcode: (
content-code-color: #268bd2,
content-pre-main-color: #B58900,
content-pre-color: #344952,
content-pre-number-color: #aaa,
content-pre-background-color: #faf1cd,
content-pre-border-background-color: darken(#FBF1D1, 12%),
content-pre-header-background-color: darken(#FBF1D1, 6%),
content-pre-header-color: #344952,
);
} @else if $theme_gruv_chroma_background == kimbie {
$gruvcode: (
content-code-color: #f06431,
content-pre-main-color: #dc3958,
content-pre-color: #d3af86,
content-pre-number-color: #666,
content-pre-background-color: #362712,
content-pre-header-color: #8ab1b0,
content-pre-header-background-color: lighten(#362712, 3%),
content-pre-border-background-color: #e3b583,
);
} @else {
$gruvcode: (
content-code-color: #689d6a,
content-pre-main-color: #E08C48,//#1FFF2A,
content-pre-color: #ebdbb2,
content-pre-number-color: #666,
content-pre-background-color: #1d2021,
content-pre-border-background-color: #282828,
content-pre-header-background-color: #282828,//dark(#202420, 1.5%),
content-pre-header-color: #b16286,
);
}

1
data/button.toml
View File

@ -4,3 +4,4 @@ light_primary_color = "#ccc"
hacker_primary_color = "#cdf5cc"
solarized_primary_color = "#c5e0df"
kimbie_primary_color = "#d1c4e9"
gruv_primary_color = "#b8bb26" #gruv entry

2
data/skin.toml
View File

@ -5,6 +5,7 @@ theme_dark_chroma = "default"
theme_hacker_chroma = "default"
theme_solarized_chroma = "default"
theme_kimbie_chroma = "default"
theme_gruv_chroma = "default" #gruv entry
# possible value: default, dark, light, hacker, solarized, kimbie
# restart hugo after change this value
@ -13,3 +14,4 @@ theme_dark_chroma_background = "default"
theme_hacker_chroma_background = "default"
theme_solarized_chroma_background = "default"
theme_kimbie_chroma_background = "default"
theme_gruv_chroma_background = "default" #gruv entry

2
exampleSite/config/_default/params.toml
View File

@ -7,7 +7,7 @@ useFaviconGenerator = true # https://www.favicon-generator.org/
meta_image = ""
themecolor = ""
themeOptions = ["dark", "light", "hacker", "solarized", "kimbie"]
themeOptions = ["dark", "light", "hacker", "solarized", "kimbie", "gruv"]
notAllowedTypesInHome = ["contact", "talks", "about", "showcase", "publication", "presentation", "resume"]
notAllowedTypesInHomeSidebar = ["about", "archive", "showcase", "publication", "presentation", "resume"]
notAllowedTypesInArchive = ["about", "talks", "showcase", "publication", "presentation", "resume"]

3
i18n/ca.toml
View File

@ -115,5 +115,8 @@ other = "solarized"
[skin-kimbie]
other = "kimbie"
[skin-gruv]
other = "gruv"
[no-contents]
other = "Nothing to Display"

3
i18n/en.toml
View File

@ -115,5 +115,8 @@ other = "solarized"
[skin-kimbie]
other = "kimbie"
[skin-gruv]
other = "gruv"
[no-contents]
other = "Nothing to Display"

3
i18n/eo.toml
View File

@ -115,5 +115,8 @@ other = "solarized"
[skin-kimbie]
other = "kimbie"
[skin-gruv]
other = "gruv"
[no-contents]
other = "Nothing to Display"

3
i18n/es.toml
View File

@ -115,5 +115,8 @@ other = "solarized"
[skin-kimbie]
other = "kimbie"
[skin-gruv]
other = "gruv"
[no-contents]
other = "Nada que Mostrar"

3
i18n/fa.toml
View File

@ -115,5 +115,8 @@ other = "solarized"
[skin-kimbie]
other = "kimbie"
[skin-gruv]
other = "gruv"
[no-contents]
other = "Nothing to Display"

3
i18n/fr.toml
View File

@ -115,5 +115,8 @@ other = "solarized"
[skin-kimbie]
other = "kimbie"
[skin-gruv]
other = "gruv"
[no-contents]
other = "Rien à afficher"

3
i18n/ja.toml
View File

@ -115,5 +115,8 @@ other = "solarized"
[skin-kimbie]
other = "kimbie"
[skin-gruv]
other = "gruv"
[no-contents]
other = "コンテンツがありません"

3
i18n/ko.toml
View File

@ -115,5 +115,8 @@ other = "solarized"
[skin-kimbie]
other = "kimbie"
[skin-gruv]
other = "gruv"
[no-contents]
other = "Nothing to Display"

3
i18n/pt-br.toml
View File

@ -115,5 +115,8 @@ other = "solarized"
[skin-kimbie]
other = "kimbie"
[skin-gruv]
other = "gruv"
[no-contents]
other = "Nada a ser exibido"

3
i18n/ro.toml
View File

@ -115,5 +115,8 @@ other = "solarized"
[skin-kimbie]
other = "kimbie"
[skin-gruv]
other = "gruv"
[no-contents]
other = "Nothing to Display"

3
i18n/zh.toml
View File

@ -115,5 +115,8 @@ other = "solarized"
[skin-kimbie]
other = "kimbie"
[skin-gruv]
other = "gruv"
[no-contents]
other = "Nothing to Display"

4
layouts/partials/head/scripts.html
View File

@ -530,6 +530,8 @@
var skinSolarizedCode = JSON.parse({{ $skinSolarizedCode | jsonify }});
{{ $skinKimbieCode := (i18n "skin-kimbie") }}
var skinKimbieCode = JSON.parse({{ $skinKimbieCode | jsonify }});
{{ $skingruvCode := (i18n "skin-gruv") }}
var skingruvCode = JSON.parse({{ $skingruvCode | jsonify }});
var setMetaColor = function(themeColor) {
var metaMsapplicationTileColor = document.getElementsByName('msapplication-TileColor')[0];
@ -576,6 +578,8 @@
return 'solarized';
} else if (themeText === skinKimbieCode) {
return 'kimbie';
} else if (themeText === skingruvCode) {
return 'gruv';
}
}

1
layouts/partials/svgs/etc/file.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"><g fill="none"><path d="M4.5 9.003a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-.166h.333a1.167 1.167 0 0 0 0-2.334H4.5zm.833 1.334H5v-.334h.333a.167.167 0 0 1 0 .334z" fill="currentColor"/><path d="M10 9.502a.5.5 0 0 1 .5-.499h.999a.5.5 0 0 1 0 1h-.5v.335h.5a.5.5 0 1 1 0 1H11v.164a.5.5 0 0 1-1 .002L10 10.837L10 9.502z" fill="currentColor"/><path d="M7.498 9.003a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5H8a1.5 1.5 0 0 0 0-3h-.502zm.5 2v-1H8a.5.5 0 0 1 0 1h-.002z" fill="currentColor"/><path d="M9 2.002H4.5a1.5 1.5 0 0 0-1.5 1.5v3.582A1.5 1.5 0 0 0 2 8.5v4.003a1.5 1.5 0 0 0 1.5 1.5h9a1.5 1.5 0 0 0 1.5-1.5V8.499a1.5 1.5 0 0 0-1-1.415V6h-2.5A1.5 1.5 0 0 1 9 4.5V2.002zM3.5 7.999h9a.5.5 0 0 1 .5.5v4.003a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V8.499a.5.5 0 0 1 .5-.5z" fill="currentColor"/><path d="M12.706 5H10.5a.5.5 0 0 1-.5-.5V2.297L12.706 5z" fill="currentColor"/></g><rect x="0" y="0" width="16" height="16" fill="rgba(0, 0, 0, 0)" /></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB