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,
h5,
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,

4
assets/css/buttons.css
View File

@ -7,9 +7,9 @@
}
.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 {
@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;
}
.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 {
@apply h-5 w-5;
@ -29,26 +29,26 @@
/* content style */
.content {
@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-h2:text-h2-sm md:prose-h2:text-h2;
@apply prose-h3:text-h3-sm md:prose-h3:text-h3;
@apply prose-img:max-w-full prose-img:rounded;
@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-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-pre:rounded-lg prose-pre:bg-theme-light dark:prose-pre:bg-darkmode-theme-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-light dark:prose-pre:bg-darkmode-light;
@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-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-thead:border-border prose-thead:bg-theme-light dark:prose-thead:border-darkmode-border dark:prose-thead:bg-darkmode-theme-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-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-text-dark dark:prose-th:text-darkmode-text;
@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;
}
.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;
}
.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 {
@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 {
@apply border-dark dark:border-darkmode-primary;
@ -37,10 +37,10 @@
/* 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 {
@apply text-dark dark:text-darkmode-dark;
@apply text-text-dark dark:text-darkmode-text-dark;
}
/* cookie consent */

6
assets/css/navigation.css
View File

@ -8,7 +8,7 @@
}
.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 {
@apply max-h-full max-w-full;
}
@ -19,7 +19,7 @@
}
.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 {
@ -43,7 +43,7 @@
}
.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 */

2
assets/css/safe.css
View File

@ -1,6 +1,6 @@
/* swiper pagination */
.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 {

6
assets/css/utilities.css
View File

@ -12,7 +12,7 @@ input#nav-toggle:checked ~ #nav-menu {
}
.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 {
@ -21,9 +21,9 @@ input#nav-toggle:checked ~ #nav-menu {
/* form style */
.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 {
@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",
"body": "#fff",
"border": "#eaeaea",
"theme_light": "#f6f6f6",
"theme_dark": ""
"light": "#f6f6f6",
"dark": "#040404"
},
"text_color": {
"text": "#444444",
"dark": "#040404",
"light": "#717171"
"text-dark": "#040404",
"text-light": "#717171"
}
},
"darkmode": {
@ -19,13 +19,13 @@
"primary": "#fff",
"body": "#1c1c1c",
"border": "#3E3E3E",
"theme_light": "#222222",
"theme_dark": ""
"light": "#222222",
"dark": "#fff"
},
"text_color": {
"text": "#B4AFB6",
"dark": "#fff",
"light": "#B4AFB6"
"text-dark": "#fff",
"text-light": "#B4AFB6"
}
}
},

2
layouts/404.en.html
View File

@ -4,7 +4,7 @@
<div class="row justify-center">
<div class="sm:col-10 md:col-8 lg:col-6">
<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
</span>
<h1 class="h2 mb-4">Page not found</h1>

2
layouts/_default/list.html
View File

@ -9,7 +9,7 @@
<li class="m-3">
<a
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 }}
</a>
</li>

4
layouts/_default/terms.html
View File

@ -11,7 +11,7 @@
<li class="m-3 inline-block">
<a
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 }}
<span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">
{{ .Count }}
@ -26,7 +26,7 @@
<li class="m-3 inline-block">
<a
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 }}
<span class="bg-body dark:bg-darkmode-body ml-2 rounded px-2">
{{ .Count }}

2
layouts/blog/single.html
View File

@ -53,7 +53,7 @@
{{ range $i,$p:= $tags }}
<li class="inline-block">
<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 }}/">
{{ . | humanize }}
</a>

8
layouts/index.html
View File

@ -98,8 +98,8 @@
{{ range .Params.testimonials }}
<div class="swiper-slide">
<div
class="bg-theme-light dark:bg-darkmode-theme-light rounded-lg px-7 py-10">
<div class="text-dark dark:text-white">
class="bg-light dark:bg-darkmode-light rounded-lg px-7 py-10">
<div class="text-text-dark dark:text-white">
<svg
width="33"
height="20"
@ -115,14 +115,14 @@
{{ .content | markdownify }}
</blockquote>
<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) }}
</div>
<div class="ml-4">
<h3 class="h5 font-primary font-semibold">
{{ .name }}
</h3>
<p class="text-dark dark:text-white">
<p class="text-text-dark dark:text-white">
{{ .designation | markdownify }}
</p>
</div>

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

@ -4,7 +4,7 @@
<section class="mb-28">
<div class="container">
<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="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") }}

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

@ -1,5 +1,4 @@
<div
class="bg-theme-light dark:bg-darkmode-theme-light rounded p-8 text-center">
<div class="bg-light dark:bg-darkmode-light rounded p-8 text-center">
{{ $image:= .Params.image }}
{{ if $image }}
{{ 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. -->
{{ if $paginator.HasPrev }}
<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 }}"
aria-label="Pagination Arrow">
<span class="sr-only">Previous</span>
@ -32,7 +32,7 @@
</svg>
</a>
{{ 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>
<svg
viewBox="0 0 20 20"
@ -84,14 +84,14 @@
{{ if eq . $paginator }}
<span
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 }}
</span>
{{ else }}
<a
href="{{ .URL }}"
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 }}
</a>
{{ end }}
@ -102,7 +102,7 @@
<!-- Next page. -->
{{ if $paginator.HasNext }}
<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 }}"
aria-label="Pagination Arrow">
<span class="sr-only">Next</span>
@ -119,7 +119,7 @@
</svg>
</a>
{{ 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>
<svg
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="row items-center py-10">
<div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
@ -48,7 +48,8 @@
</div>
</div>
<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>
{{ site.Params.copyright | markdownify }}
</p>

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

@ -12,7 +12,7 @@
<input id="nav-toggle" type="checkbox" class="hidden" />
<label
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">
<title>Menu Open</title>
<path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
@ -112,12 +112,12 @@
<button
aria-label="search"
{{ 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
lg:border-r-0 pr-5 lg:pr-0 text-xl dark:text-white
dark:hover:text-darkmode-primary"
{{ 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
text-xl dark:text-white dark:hover:text-darkmode-primary"
{{ end }}
@ -127,7 +127,7 @@
{{ 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") }}

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

@ -1,7 +1,7 @@
<section>
<div class="container text-center">
<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>
{{ partial "components/breadcrumb" (dict "Context" . "Class" "mt-6") }}
</div>

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

@ -3,7 +3,7 @@
{{ if not (eq (len site.Taxonomies.categories) 0) }}
<div class="mb-8">
<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">
{{ range $name, $items := site.Taxonomies.categories }}
<li>

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

@ -3,12 +3,12 @@
{{ if not (eq (len site.Taxonomies.tags) 0) }}
<div class="mb-8">
<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>
{{ range $name, $items := site.Taxonomies.tags }}
<li class="inline-block">
<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
{{ end }} m-1 block rounded bg-white px-3 py-1 hover:text-white"
href="{{ .Page.RelPermalink }}">