peskyadmin/DAM-static-site
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update theme variable

Browse Source
This commit is contained in:
Somrat 2025-02-17 11:37:24 +06:00
parent 33a3433de1
commit 515b3b71e0
21 changed files with 58 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/base.css
View File

@ -12,7 +12,7 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
@apply font-secondary font-bold leading-tight text-dark dark:text-darkmode-dark; @apply font-secondary font-bold leading-tight text-text-dark dark:text-darkmode-text-dark;
} }
h1, h1,

4
assets/css/buttons.css
View File

@ -7,9 +7,9 @@
} }
.btn-primary { .btn-primary {
@apply border-primary bg-primary dark:border-darkmode-primary dark:text-dark text-white dark:bg-darkmode-primary; @apply border-primary bg-primary dark:border-darkmode-primary dark:text-text-dark text-white dark:bg-darkmode-primary;
} }
.btn-outline-primary { .btn-outline-primary {
@apply border-dark text-dark hover:bg-dark dark:hover:text-dark bg-transparent hover:text-white dark:border-darkmode-primary dark:text-white dark:hover:bg-darkmode-primary; @apply border-dark text-text-dark hover:bg-dark dark:hover:text-text-dark bg-transparent hover:text-white dark:border-darkmode-primary dark:text-white dark:hover:bg-darkmode-primary;
} }

16
assets/css/components.css
View File

@ -20,7 +20,7 @@
@apply inline-block; @apply inline-block;
} }
.social-icons li a { .social-icons li a {
@apply flex h-9 w-9 items-center justify-center rounded-sm bg-primary text-center leading-9 text-white dark:bg-darkmode-primary dark:text-dark; @apply flex h-9 w-9 items-center justify-center rounded-sm bg-primary text-center leading-9 text-white dark:bg-darkmode-primary dark:text-text-dark;
} }
.social-icons li a svg { .social-icons li a svg {
@apply h-5 w-5; @apply h-5 w-5;
@ -29,26 +29,26 @@
/* content style */ /* content style */
.content { .content {
@apply prose max-w-none; @apply prose max-w-none;
@apply prose-headings:mb-[.3em] prose-headings:mt-[.6em] prose-headings:text-dark dark:prose-headings:text-darkmode-dark; @apply prose-headings:mb-[.3em] prose-headings:mt-[.6em] prose-headings:text-text-dark dark:prose-headings:text-darkmode-text-dark;
@apply prose-h1:text-h1-sm md:prose-h1:text-h1; @apply prose-h1:text-h1-sm md:prose-h1:text-h1;
@apply prose-h2:text-h2-sm md:prose-h2:text-h2; @apply prose-h2:text-h2-sm md:prose-h2:text-h2;
@apply prose-h3:text-h3-sm md:prose-h3:text-h3; @apply prose-h3:text-h3-sm md:prose-h3:text-h3;
@apply prose-img:max-w-full prose-img:rounded; @apply prose-img:max-w-full prose-img:rounded;
@apply prose-hr:border-border dark:prose-hr:border-darkmode-border; @apply prose-hr:border-border dark:prose-hr:border-darkmode-border;
@apply prose-p:text-base prose-p:text-text dark:prose-p:text-darkmode-text; @apply prose-p:text-base prose-p:text-text dark:prose-p:text-darkmode-text;
@apply prose-blockquote:rounded-lg prose-blockquote:border prose-blockquote:border-l-[10px] prose-blockquote:border-primary prose-blockquote:bg-theme-light prose-blockquote:px-8 prose-blockquote:py-10 prose-blockquote:font-secondary prose-blockquote:text-2xl prose-blockquote:not-italic prose-blockquote:text-dark dark:prose-blockquote:border-darkmode-primary dark:prose-blockquote:bg-darkmode-theme-light dark:prose-blockquote:text-darkmode-light; @apply prose-blockquote:rounded-lg prose-blockquote:border prose-blockquote:border-l-[10px] prose-blockquote:border-primary prose-blockquote:bg-light prose-blockquote:px-8 prose-blockquote:py-10 prose-blockquote:font-secondary prose-blockquote:text-2xl prose-blockquote:not-italic prose-blockquote:text-text-dark dark:prose-blockquote:border-darkmode-primary dark:prose-blockquote:bg-darkmode-light dark:prose-blockquote:text-darkmode-text-light;
@apply prose-pre:rounded-lg prose-pre:bg-theme-light dark:prose-pre:bg-darkmode-theme-light; @apply prose-pre:rounded-lg prose-pre:bg-light dark:prose-pre:bg-darkmode-light;
@apply prose-code:px-1 prose-code:text-primary dark:prose-code:text-darkmode-primary; @apply prose-code:px-1 prose-code:text-primary dark:prose-code:text-darkmode-primary;
@apply prose-strong:text-dark dark:prose-strong:text-darkmode-text; @apply prose-strong:text-text-dark dark:prose-strong:text-darkmode-text;
@apply prose-a:text-text prose-a:underline prose-a:hover:text-primary dark:prose-a:text-darkmode-text dark:prose-a:hover:text-darkmode-primary; @apply prose-a:text-text prose-a:underline prose-a:hover:text-primary dark:prose-a:text-darkmode-text dark:prose-a:hover:text-darkmode-primary;
@apply prose-li:text-text dark:prose-li:text-darkmode-text; @apply prose-li:text-text dark:prose-li:text-darkmode-text;
@apply prose-table:relative prose-table:overflow-hidden prose-table:rounded-lg prose-table:before:absolute prose-table:before:left-0 prose-table:before:top-0 prose-table:before:h-full prose-table:before:w-full prose-table:before:rounded-[inherit] prose-table:before:border prose-table:before:content-[""] dark:prose-table:before:border-darkmode-border; @apply prose-table:relative prose-table:overflow-hidden prose-table:rounded-lg prose-table:before:absolute prose-table:before:left-0 prose-table:before:top-0 prose-table:before:h-full prose-table:before:w-full prose-table:before:rounded-[inherit] prose-table:before:border prose-table:before:content-[""] dark:prose-table:before:border-darkmode-border;
@apply prose-thead:border-border prose-thead:bg-theme-light dark:prose-thead:border-darkmode-border dark:prose-thead:bg-darkmode-theme-light; @apply prose-thead:border-border prose-thead:bg-light dark:prose-thead:border-darkmode-border dark:prose-thead:bg-darkmode-light;
@apply prose-th:relative prose-th:z-10 prose-th:px-4 prose-th:py-[18px] prose-th:text-dark dark:prose-th:text-darkmode-text; @apply prose-th:relative prose-th:z-10 prose-th:px-4 prose-th:py-[18px] prose-th:text-text-dark dark:prose-th:text-darkmode-text;
@apply prose-tr:border-border dark:prose-tr:border-darkmode-border; @apply prose-tr:border-border dark:prose-tr:border-darkmode-border;
@apply prose-td:relative prose-td:z-10 prose-td:px-3 prose-td:py-[18px] dark:prose-td:text-darkmode-text; @apply prose-td:relative prose-td:z-10 prose-td:px-3 prose-td:py-[18px] dark:prose-td:text-darkmode-text;
} }
.content .btn { .content .btn {
@apply dark:hover:text-dark no-underline hover:!text-white; @apply dark:hover:text-text-dark no-underline hover:!text-white;
} }

8
assets/css/module-overrides.css
View File

@ -22,10 +22,10 @@
@apply border-border dark:border-darkmode-border overflow-hidden rounded-lg border; @apply border-border dark:border-darkmode-border overflow-hidden rounded-lg border;
} }
.tab-nav { .tab-nav {
@apply border-border bg-theme-light dark:border-darkmode-border dark:bg-darkmode-theme-light pl-4; @apply border-border bg-light dark:border-darkmode-border dark:bg-darkmode-light pl-4;
} }
.tab-nav-item { .tab-nav-item {
@apply text-dark dark:text-darkmode-dark px-8 !text-lg; @apply text-text-dark dark:text-darkmode-text-dark px-8 !text-lg;
} }
.tab-nav-item.active { .tab-nav-item.active {
@apply border-dark dark:border-darkmode-primary; @apply border-dark dark:border-darkmode-primary;
@ -37,10 +37,10 @@
/* accordion */ /* accordion */
.accordion { .accordion {
@apply border-border bg-theme-light dark:border-darkmode-border dark:bg-darkmode-theme-light mb-6 overflow-hidden rounded-lg border; @apply border-border bg-light dark:border-darkmode-border dark:bg-darkmode-light mb-6 overflow-hidden rounded-lg border;
} }
.accordion-header { .accordion-header {
@apply text-dark dark:text-darkmode-dark; @apply text-text-dark dark:text-darkmode-text-dark;
} }
/* cookie consent */ /* cookie consent */

6
assets/css/navigation.css
View File

@ -8,7 +8,7 @@
} }
.navbar-brand { .navbar-brand {
@apply text-dark dark:text-darkmode-dark text-xl font-semibold; @apply text-text-dark dark:text-darkmode-text-dark text-xl font-semibold;
image { image {
@apply max-h-full max-w-full; @apply max-h-full max-w-full;
} }
@ -19,7 +19,7 @@
} }
.nav-link { .nav-link {
@apply text-dark hover:text-primary dark:text-darkmode-dark dark:hover:text-darkmode-primary block p-3 cursor-pointer font-semibold transition lg:px-2 lg:py-3; @apply text-text-dark hover:text-primary dark:text-darkmode-text-dark dark:hover:text-darkmode-primary block p-3 cursor-pointer font-semibold transition lg:px-2 lg:py-3;
} }
.nav-dropdown { .nav-dropdown {
@ -43,7 +43,7 @@
} }
.nav-dropdown-link { .nav-dropdown-link {
@apply text-dark hover:text-primary dark:text-darkmode-text dark:hover:text-darkmode-primary block py-1 font-semibold transition; @apply text-text-dark hover:text-primary dark:text-darkmode-text dark:hover:text-darkmode-primary block py-1 font-semibold transition;
} }
/* theme-switcher */ /* theme-switcher */

2
assets/css/safe.css
View File

@ -1,6 +1,6 @@
/* swiper pagination */ /* swiper pagination */
.swiper-pagination-bullet { .swiper-pagination-bullet {
@apply !h-2.5 !w-2.5 !bg-theme-light !opacity-100 dark:!bg-darkmode-theme-light; @apply !h-2.5 !w-2.5 !bg-light !opacity-100 dark:!bg-darkmode-light;
} }
.swiper-pagination-bullet-active { .swiper-pagination-bullet-active {

6
assets/css/utilities.css
View File

@ -12,7 +12,7 @@ input#nav-toggle:checked ~ #nav-menu {
} }
.bg-gradient { .bg-gradient {
@apply bg-linear-to-b from-[rgba(249,249,249,1)] from-[0.53%] to-white to-[83.28%] dark:from-darkmode-theme-light dark:to-darkmode-body; @apply bg-linear-to-b from-[rgba(249,249,249,1)] from-[0.53%] to-white to-[83.28%] dark:from-darkmode-light dark:to-darkmode-body;
} }
.shadow { .shadow {
@ -21,9 +21,9 @@ input#nav-toggle:checked ~ #nav-menu {
/* form style */ /* form style */
.form-input { .form-input {
@apply w-full rounded border-transparent bg-theme-light px-6 py-4 text-dark placeholder:text-light focus:border-primary dark:focus:border-darkmode-primary focus:ring-transparent dark:border-darkmode-border dark:bg-darkmode-theme-light dark:text-darkmode-light; @apply w-full rounded border-transparent bg-light px-6 py-4 text-text-dark placeholder:text-text-light focus:border-primary dark:focus:border-darkmode-primary focus:ring-transparent dark:border-darkmode-border dark:bg-darkmode-light dark:text-darkmode-text-light;
} }
.form-label { .form-label {
@apply mb-4 block font-secondary text-xl font-normal text-dark dark:text-darkmode-light; @apply mb-4 block font-secondary text-xl font-normal text-text-dark dark:text-darkmode-text-light;
} }

16
exampleSite/data/theme.json
View File

@ -5,13 +5,13 @@
"primary": "#121212", "primary": "#121212",
"body": "#fff", "body": "#fff",
"border": "#eaeaea", "border": "#eaeaea",
"theme_light": "#f6f6f6", "light": "#f6f6f6",
"theme_dark": "" "dark": "#040404"
}, },
"text_color": { "text_color": {
"text": "#444444", "text": "#444444",
"dark": "#040404", "text-dark": "#040404",
"light": "#717171" "text-light": "#717171"
} }
}, },
"darkmode": { "darkmode": {
@ -19,13 +19,13 @@
"primary": "#fff", "primary": "#fff",
"body": "#1c1c1c", "body": "#1c1c1c",
"border": "#3E3E3E", "border": "#3E3E3E",
"theme_light": "#222222", "light": "#222222",
"theme_dark": "" "dark": "#fff"
}, },
"text_color": { "text_color": {
"text": "#B4AFB6", "text": "#B4AFB6",
"dark": "#fff", "text-dark": "#fff",
"light": "#B4AFB6" "text-light": "#B4AFB6"
} }
} }
}, },

2
layouts/404.en.html
View File

@ -4,7 +4,7 @@
<div class="row justify-center"> <div class="row justify-center">
<div class="sm:col-10 md:col-8 lg:col-6"> <div class="sm:col-10 md:col-8 lg:col-6">
<span <span
class="text-[8rem] block font-bold text-dark dark:text-darkmode-dark"> class="text-[8rem] block font-bold text-text-dark dark:text-darkmode-text-dark">
404 404
</span> </span>
<h1 class="h2 mb-4">Page not found</h1> <h1 class="h2 mb-4">Page not found</h1>

2
layouts/_default/list.html
View File

@ -9,7 +9,7 @@
<li class="m-3"> <li class="m-3">
<a <a
href="{{ .Permalink }}" href="{{ .Permalink }}"
class="text-dark dark:text-darkmode-dark block text-xl"> class="text-text-dark dark:text-darkmode-text-dark block text-xl">
{{ .Title }} {{ .Title }}
</a> </a>
</li> </li>

4
layouts/_default/terms.html
View File

@ -11,7 +11,7 @@
<li class="m-3 inline-block"> <li class="m-3 inline-block">
<a <a
href="{{ .Page.Permalink }}" href="{{ .Page.Permalink }}"
class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl"> class="bg-light text-text-dark dark:bg-darkmode-light dark:text-darkmode-text-dark block rounded px-4 py-2 text-xl">
{{ .Page.Title }} {{ .Page.Title }}
<span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2"> <span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">
{{ .Count }} {{ .Count }}
@ -26,7 +26,7 @@
<li class="m-3 inline-block"> <li class="m-3 inline-block">
<a <a
href="{{ .Page.Permalink }}" href="{{ .Page.Permalink }}"
class="bg-theme-light text-dark dark:bg-darkmode-theme-light dark:text-darkmode-dark block rounded px-4 py-2 text-xl"> class="bg-light text-text-dark dark:bg-darkmode-light dark:text-darkmode-text-dark block rounded px-4 py-2 text-xl">
{{ .Page.Title }} {{ .Page.Title }}
<span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2"> <span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">
{{ .Count }} {{ .Count }}

2
layouts/blog/single.html
View File

@ -53,7 +53,7 @@
{{ range $i,$p:= $tags }} {{ range $i,$p:= $tags }}
<li class="inline-block"> <li class="inline-block">
<a <a
class="bg-theme-light hover:bg-primary dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark m-1 block rounded px-3 py-1 hover:text-white" class="bg-light hover:bg-primary dark:bg-darkmode-light dark:hover:bg-darkmode-primary dark:hover:text-text-dark m-1 block rounded px-3 py-1 hover:text-white"
href="{{ `tags/` | relLangURL }}{{ . | urlize | lower }}/"> href="{{ `tags/` | relLangURL }}{{ . | urlize | lower }}/">
{{ . | humanize }} {{ . | humanize }}
</a> </a>

8
layouts/index.html
View File

@ -98,8 +98,8 @@
{{ range .Params.testimonials }} {{ range .Params.testimonials }}
<div class="swiper-slide"> <div class="swiper-slide">
<div <div
class="bg-theme-light dark:bg-darkmode-theme-light rounded-lg px-7 py-10"> class="bg-light dark:bg-darkmode-light rounded-lg px-7 py-10">
<div class="text-dark dark:text-white"> <div class="text-text-dark dark:text-white">
<svg <svg
width="33" width="33"
height="20" height="20"
@ -115,14 +115,14 @@
{{ .content | markdownify }} {{ .content | markdownify }}
</blockquote> </blockquote>
<div class="mt-11 flex items-center"> <div class="mt-11 flex items-center">
<div class="text-dark dark:text-white"> <div class="text-text-dark dark:text-white">
{{ partial "image" (dict "Src" .avatar "Size" "50x50" "Class" "rounded-full" "Alt" .name) }} {{ partial "image" (dict "Src" .avatar "Size" "50x50" "Class" "rounded-full" "Alt" .name) }}
</div> </div>
<div class="ml-4"> <div class="ml-4">
<h3 class="h5 font-primary font-semibold"> <h3 class="h5 font-primary font-semibold">
{{ .name }} {{ .name }}
</h3> </h3>
<p class="text-dark dark:text-white"> <p class="text-text-dark dark:text-white">
{{ .designation | markdownify }} {{ .designation | markdownify }}
</p> </p>
</div> </div>

2
layouts/partials/call-to-action.html
View File

@ -4,7 +4,7 @@
<section class="mb-28"> <section class="mb-28">
<div class="container"> <div class="container">
<div <div
class="bg-theme-light dark:bg-darkmode-theme-light rounded-xl px-4 py-16 xl:p-20"> class="bg-light dark:bg-darkmode-light rounded-xl px-4 py-16 xl:p-20">
<div class="row items-center justify-between"> <div class="row items-center justify-between">
<div class="md:col-5 lg:col-4 mb-10 md:order-2 md:mb-0"> <div class="md:col-5 lg:col-4 mb-10 md:order-2 md:mb-0">
{{ partial "image" (dict "Src" .image "Alt" "call to action" "Class" "w-full") }} {{ partial "image" (dict "Src" .image "Alt" "call to action" "Class" "w-full") }}

3
layouts/partials/components/author-card.html
View File

@ -1,5 +1,4 @@
<div <div class="bg-light dark:bg-darkmode-light rounded p-8 text-center">
class="bg-theme-light dark:bg-darkmode-theme-light rounded p-8 text-center">
{{ $image:= .Params.image }} {{ $image:= .Params.image }}
{{ if $image }} {{ if $image }}
{{ partial "image" (dict "Src" $image "Context" .Page "Alt" .Title "Class" "mx-auto mb-6 rounded" "size" "120x120") }} {{ partial "image" (dict "Src" $image "Context" .Page "Alt" .Title "Class" "mx-auto mb-6 rounded" "size" "120x120") }}

12
layouts/partials/components/pagination.html
View File

@ -15,7 +15,7 @@
<!-- Previous page. --> <!-- Previous page. -->
{{ if $paginator.HasPrev }} {{ if $paginator.HasPrev }}
<a <a
class="text-dark hover:bg-theme-light dark:text-darkmode-dark dark:hover:bg-darkmode-theme-light rounded px-2 py-1.5" class="text-text-dark hover:bg-light dark:text-darkmode-text-dark dark:hover:bg-darkmode-light rounded px-2 py-1.5"
href="{{ $paginator.Prev.URL }}" href="{{ $paginator.Prev.URL }}"
aria-label="Pagination Arrow"> aria-label="Pagination Arrow">
<span class="sr-only">Previous</span> <span class="sr-only">Previous</span>
@ -32,7 +32,7 @@
</svg> </svg>
</a> </a>
{{ else }} {{ else }}
<span class="text-light rounded px-2 py-1.5"> <span class="text-text-light rounded px-2 py-1.5">
<span class="sr-only">Previous</span> <span class="sr-only">Previous</span>
<svg <svg
viewBox="0 0 20 20" viewBox="0 0 20 20"
@ -84,14 +84,14 @@
{{ if eq . $paginator }} {{ if eq . $paginator }}
<span <span
aria-current="page" aria-current="page"
class="bg-primary dark:bg-darkmode-primary dark:text-dark rounded px-4 py-2 text-white"> class="bg-primary dark:bg-darkmode-primary dark:text-text-dark rounded px-4 py-2 text-white">
{{ .PageNumber }} {{ .PageNumber }}
</span> </span>
{{ else }} {{ else }}
<a <a
href="{{ .URL }}" href="{{ .URL }}"
aria-current="page" aria-current="page"
class="text-dark hover:bg-theme-light dark:text-darkmode-dark dark:hover:bg-darkmode-theme-light rounded px-4 py-2"> class="text-text-dark hover:bg-light dark:text-darkmode-text-dark dark:hover:bg-darkmode-light rounded px-4 py-2">
{{ .PageNumber }} {{ .PageNumber }}
</a> </a>
{{ end }} {{ end }}
@ -102,7 +102,7 @@
<!-- Next page. --> <!-- Next page. -->
{{ if $paginator.HasNext }} {{ if $paginator.HasNext }}
<a <a
class="text-dark hover:bg-theme-light dark:text-darkmode-dark dark:hover:bg-darkmode-theme-light rounded px-2 py-1.5" class="text-text-dark hover:bg-light dark:text-darkmode-text-dark dark:hover:bg-darkmode-light rounded px-2 py-1.5"
href="{{ $paginator.Next.URL }}" href="{{ $paginator.Next.URL }}"
aria-label="Pagination Arrow"> aria-label="Pagination Arrow">
<span class="sr-only">Next</span> <span class="sr-only">Next</span>
@ -119,7 +119,7 @@
</svg> </svg>
</a> </a>
{{ else }} {{ else }}
<span class="text-light rounded px-2 py-1.5"> <span class="text-text-light rounded px-2 py-1.5">
<span class="sr-only">Next</span> <span class="sr-only">Next</span>
<svg <svg
viewBox="0 0 20 20" viewBox="0 0 20 20"

5
layouts/partials/essentials/footer.html
View File

@ -1,4 +1,4 @@
<footer class="bg-theme-light dark:bg-darkmode-theme-light"> <footer class="bg-light dark:bg-darkmode-light">
<div class="container"> <div class="container">
<div class="row items-center py-10"> <div class="row items-center py-10">
<div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"> <div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
@ -48,7 +48,8 @@
</div> </div>
</div> </div>
<div class="border-border dark:border-darkmode-border border-t py-7"> <div class="border-border dark:border-darkmode-border border-t py-7">
<div class="text-light dark:text-darkmode-light container text-center"> <div
class="text-text-light dark:text-darkmode-text-light container text-center">
<p> <p>
{{ site.Params.copyright | markdownify }} {{ site.Params.copyright | markdownify }}
</p> </p>

8
layouts/partials/essentials/header.html
View File

@ -12,7 +12,7 @@
<input id="nav-toggle" type="checkbox" class="hidden" /> <input id="nav-toggle" type="checkbox" class="hidden" />
<label <label
for="nav-toggle" for="nav-toggle"
class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1"> class="order-3 cursor-pointer flex items-center lg:hidden text-text-dark dark:text-white lg:order-1">
<svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20"> <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
<title>Menu Open</title> <title>Menu Open</title>
<path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path> <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
@ -112,12 +112,12 @@
<button <button
aria-label="search" aria-label="search"
{{ if and (not site.Params.navigation_button.enable) (not site.Params.theme_switcher) }} {{ if and (not site.Params.navigation_button.enable) (not site.Params.theme_switcher) }}
class="border-border text-dark hover:text-primary class="border-border text-text-dark hover:text-primary
dark:border-darkmode-border mr-5 inline-block border-r dark:border-darkmode-border mr-5 inline-block border-r
lg:border-r-0 pr-5 lg:pr-0 text-xl dark:text-white lg:border-r-0 pr-5 lg:pr-0 text-xl dark:text-white
dark:hover:text-darkmode-primary" dark:hover:text-darkmode-primary"
{{ else }} {{ else }}
class="border-border text-dark hover:text-primary class="border-border text-text-dark hover:text-primary
dark:border-darkmode-border mr-5 inline-block border-r pr-5 dark:border-darkmode-border mr-5 inline-block border-r pr-5
text-xl dark:text-white dark:hover:text-darkmode-primary" text-xl dark:text-white dark:hover:text-darkmode-primary"
{{ end }} {{ end }}
@ -127,7 +127,7 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
{{ partial "components/language-switcher" (dict "Context" . "Class" "mr-5 pl-2 py-1 dark:bg-darkmode-theme-light rounded") }} {{ partial "components/language-switcher" (dict "Context" . "Class" "mr-5 pl-2 py-1 dark:bg-darkmode-light rounded") }}
{{ partial "components/theme-switcher" (dict "Class" "mr-5") }} {{ partial "components/theme-switcher" (dict "Class" "mr-5") }}

2
layouts/partials/page-header.html
View File

@ -1,7 +1,7 @@
<section> <section>
<div class="container text-center"> <div class="container text-center">
<div <div
class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14"> class="from-body to-light dark:from-darkmode-body dark:to-darkmode-light rounded-2xl bg-gradient-to-b px-8 py-14">
<h1>{{ T (printf "%s" (lower .Title)) | default .Title | title }}</h1> <h1>{{ T (printf "%s" (lower .Title)) | default .Title | title }}</h1>
{{ partial "components/breadcrumb" (dict "Context" . "Class" "mt-6") }} {{ partial "components/breadcrumb" (dict "Context" . "Class" "mt-6") }}
</div> </div>

2
layouts/partials/widgets/categories.html
View File

@ -3,7 +3,7 @@
{{ if not (eq (len site.Taxonomies.categories) 0) }} {{ if not (eq (len site.Taxonomies.categories) 0) }}
<div class="mb-8"> <div class="mb-8">
<h5 class="mb-6">{{ T "categories" }}</h5> <h5 class="mb-6">{{ T "categories" }}</h5>
<div class="bg-theme-light dark:bg-darkmode-theme-light rounded p-8"> <div class="bg-light dark:bg-darkmode-light rounded p-8">
<ul class="space-y-4"> <ul class="space-y-4">
{{ range $name, $items := site.Taxonomies.categories }} {{ range $name, $items := site.Taxonomies.categories }}
<li> <li>

4
layouts/partials/widgets/tags.html
View File

@ -3,12 +3,12 @@
{{ if not (eq (len site.Taxonomies.tags) 0) }} {{ if not (eq (len site.Taxonomies.tags) 0) }}
<div class="mb-8"> <div class="mb-8">
<h5 class="mb-6">{{ T "tags" }}</h5> <h5 class="mb-6">{{ T "tags" }}</h5>
<div class="bg-theme-light dark:bg-darkmode-theme-light rounded p-6"> <div class="bg-light dark:bg-darkmode-light rounded p-6">
<ul> <ul>
{{ range $name, $items := site.Taxonomies.tags }} {{ range $name, $items := site.Taxonomies.tags }}
<li class="inline-block"> <li class="inline-block">
<a <a
class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark {{ if (and (eq $.Page.Kind `term`) (eq $.Page.Type `tags`) (eq $.Page.Title .Page.Title)) }} class="hover:bg-primary dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-text-dark {{ if (and (eq $.Page.Kind `term`) (eq $.Page.Type `tags`) (eq $.Page.Title .Page.Title)) }}
active active
{{ end }} m-1 block rounded bg-white px-3 py-1 hover:text-white" {{ end }} m-1 block rounded bg-white px-3 py-1 hover:text-white"
href="{{ .Page.RelPermalink }}"> href="{{ .Page.RelPermalink }}">