Commit graph

21 commits

Author SHA1 Message Date
k
dda55f87e2
feat: change the page vertical scrollbar styles (#227)
* fix: take out [data-scheme="dark"] from :root

Taking out the [data-scheme="dark"] from :root allows us to fix the
precedence of CSS when the [data-scheme="dark"] is placed in the <html>
tag. This is needed in order to make the dark styles accesible from the
<html> elment, this will allow us to change the vertical scrollbar
styles following the dark and light schemes.

* change document.body.dataset.scheme to document.documentElement.dataset.scheme

When the dark mode is on or when the light mode is on, the
[data-scheme="light"] or [data-scheme="dark"], respectively, will be
placed in the <html> tag. Allowing us to access the dark and light color
schemes from the <html> to change the vertical scrollbar styles
according to the current color scheme.

* feat: change the page vertical scrollbar styles

This change will make the vertical scrollbar styles to follow the dark
and light color scheme modes. Also, this change will make the vertical
scrollbar to look consistent in both, Chromium and Firefox.

* make the scrollbar-track background-color transparent

The body has this transition: 'transition: background-color 0.3s ease
0s'. Making the scrollbar-track background-color transparent allow us to
appreciate that transition in the scrollbar-track when switching the
background-color.

* Move [data-scheme=dark] back to :root block

* fix(comment/waline): detect dark mode from html tag

* feat: apply custom scrollbar style to all elements

Co-authored-by: Jimmy Cai <jimmehcai@gmail.com>
2021-06-20 15:49:35 +02:00
Jimmy Cai
90e259f31e
fix(colorScheme): dispatch onColorSchemeChange at page load (#118) 2021-01-04 10:52:14 +01:00
Jimmy Cai
358e63e799
feat(darkmode): dark mode toggle (#82)
* feat(darkmode): initial support for dark mode toggle

* fix(darkmode): add svg icons

* feat(darkmode): dispatch onColorSchemeChange event

* add head/darkmode

* feat(darkmode); add colorScheme config

* style: remove empty line

* refactor(darkmode): simplify code

* style: add comment for darkmode config

* i18n support for dark mode toggle

* Some renaming
2020-12-23 19:03:40 +01:00
Jimmy Cai
e606dca404
refactor(article): remove color tag & add custom category color (#75)
closes: https://github.com/CaiJimmy/hugo-theme-stack/issues/71
2020-12-22 19:43:14 +01:00
Jimmy Cai
31c42bcfe7
refactor(gallery): rewrite gallery (#79)
closes https://github.com/CaiJimmy/hugo-theme-stack/issues/70
2020-12-22 19:35:37 +01:00
Jimmy Cai
54571f036b
refactor(ts): import script using new Hugo Module logic (#77)
Allows user to overwrite a specific script.

Note: The required version of Hugo might bump up.
2020-12-21 22:34:54 +01:00
Jimmy Cai
c018f4967a feat(search): i18n support 2020-11-06 11:49:30 +01:00
Jimmy Cai
f5d45458fd refactor(search): create Search class 2020-11-06 11:33:51 +01:00
Jimmy Cai
b97e86a7a7 style: remove empty line in main.ts 2020-11-06 11:33:33 +01:00
Jimmy Cai
2736fec285 refactor: create createElement.ts 2020-11-06 11:12:48 +01:00
Jimmy Cai
b027cbf5aa
Merge branch 'master' into template-search 2020-10-04 16:05:02 +02:00
Jimmy Cai
fa0f8fa365
feat(gallery): load PhotoSwipe lib from JSDelivr 2020-10-04 15:59:56 +02:00
Jimmy Cai
84a15e1604
feat(search): return results at typing 2020-10-04 15:53:27 +02:00
Jimmy Cai
6e48765d82
fix(search): HTML escape issue 2020-09-26 22:50:23 +02:00
Jimmy Cai
e5f96c8762
feat: add search template 2020-09-26 11:40:33 +02:00
Jimmy Cai
a2a49e7537
refactor(scss): remove alert style and script
It is not used in this theme
2020-09-23 13:22:03 +02:00
Jimmy Cai
98804e578d
refactor: add copyright info in CSS and JS 2020-09-09 16:28:38 +02:00
Jimmy Cai
af487e0f3f
feat(style): remove timeago.js, and improve article-time style 2020-09-03 11:47:55 +02:00
Jimmy Cai
6b1e660327 refactor(ts/color): improve code style and change name of some variables for more clarity 2020-08-29 11:43:00 +02:00
Jimmy Cai
32732d4bf1 feat: avoid regenerate color scheme when image URL is changed
Use MD5 as key to identify images, and .Slug as id
2020-08-28 12:11:02 +02:00
Jimmy Cai
c698d944e6 🎉 Initial commit 2020-08-22 13:20:08 +02:00