Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: dark theme #605

Merged
merged 30 commits into from
Dec 6, 2023
Merged
Changes from 1 commit
Commits
Show all changes
30 commits
Select commit Hold shift + click to select a range
6473160
add dark mode switch
atsuyaw Oct 20, 2023
d2899e5
add a script for switch
atsuyaw Oct 20, 2023
5c10d9c
add dark color scheme
atsuyaw Oct 20, 2023
f31192f
mod switch logo and its behavier
atsuyaw Oct 22, 2023
26023de
mod color scheme for dark mode
atsuyaw Oct 22, 2023
bde4fac
mod css
atsuyaw Oct 22, 2023
b5c4679
describe the configration of dark theme
atsuyaw Oct 22, 2023
488e60e
del excess
atsuyaw Oct 22, 2023
7151139
fix: mod readme
atsuyaw Oct 30, 2023
77731a4
fix: rename the classes
atsuyaw Oct 30, 2023
8a6d61a
fix: fetching scripts for dark mode in theme.js
atsuyaw Oct 30, 2023
4bed796
fix: migrate _dk-*.scss to dark-theme.scss
atsuyaw Oct 31, 2023
7b69701
fix: update css.html
atsuyaw Oct 31, 2023
c67505f
fix(v4) update i18n/ja (#593)
atsuyaw Sep 29, 2023
ededde1
fix(v4): adjust margins in title container (#595)
atsuyaw Sep 29, 2023
86ce9dc
updates to avoid duplication in CSS
igor-baiborodine Nov 2, 2023
47fd080
fix: polish colors
atsuyaw Nov 3, 2023
96d2780
feat: store dark mode preference
atsuyaw Nov 11, 2023
2f604ca
fix: revise the color scheme
atsuyaw Nov 12, 2023
66a6d7c
style: change the color name
atsuyaw Nov 14, 2023
cfd0fe8
perf: inhibit flickering during rendering on dark mode
atsuyaw Nov 14, 2023
8513726
fix: disable light/dark switcher even if enableLightDarkMode is false
atsuyaw Nov 19, 2023
d027fb6
feat: dynamic giscus theme switching
atsuyaw Nov 19, 2023
1b8d08f
Revert "perf: inhibit flickering during rendering on dark mode"
atsuyaw Nov 25, 2023
e1093f4
perf: modify the theme switching mechanism to prevent flicking on ren…
atsuyaw Nov 26, 2023
001e61b
fix description in readme.md
atsuyaw Nov 26, 2023
bed1a1c
fix connection line color
atsuyaw Nov 26, 2023
4b31067
fix the parameter name
atsuyaw Nov 26, 2023
201d709
fix: keep prefered theme
atsuyaw Dec 1, 2023
fb5d63a
fix: incorrect text output "check-theme-prefer.js"
atsuyaw Dec 6, 2023
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
style: change the color name
atsuyaw committed Nov 14, 2023
commit 66a6d7c02442c851064a38e631a8b95b25ef005e
4 changes: 2 additions & 2 deletions v4/assets/sass/_articles.scss
Original file line number Diff line number Diff line change
@@ -11,7 +11,7 @@ article {
content: "";
display: block;
border: 11px solid transparent;
border-right-color: $con-line-colorB;
border-right-color: $connection-dot-color;
position: absolute;
top: 49px;
left: -22px;
@@ -21,7 +21,7 @@ article {
content: "";
display: block;
border: 10px solid transparent;
border-right-color: #con-line-colorA;
border-right-color: $connection-line-color;
position: absolute;
top: 50px;
left: -20px;
4 changes: 2 additions & 2 deletions v4/assets/sass/_main.scss
Original file line number Diff line number Diff line change
@@ -10,7 +10,7 @@
bottom: 50px;
width: 2px;
height: 100%;
background: $con-line-colorA;
background: $connection-line-color;
z-index: 1;
}

@@ -22,7 +22,7 @@
bottom: 32px;
height: 20px;
width: 20px;
background: $con-line-colorB;
background: $connection-dot-color;
border-radius: 999px;
z-index: 10;
}
4 changes: 2 additions & 2 deletions v4/assets/sass/dark-theme.scss
Original file line number Diff line number Diff line change
@@ -28,8 +28,8 @@ $logo-color: {{ .Param "logoColor" | default "darken(#f1f1f1, 60)" }};
$bubble-color: {{ .Param "bubbleColor" | default "$logo-color" }};
$bubble-background-color: {{ .Param "bubbleBackgroundColor" | default "#373737" }};
$bubble-hover-color: {{ .Param "bubbleHoverColor" | default "$highlight-color" }};
$con-line-colorA: {{ .Param "conLineColorA" | default "rgba(invert(#000),0.05)" }};
$con-line-colorB: {{ .Param "conLineColorB" | default "#444" }};
$connection-line-color: {{ .Param "connectionLineColor" | default "rgba(invert(#000),0.05)" }};
$connection-dot-color: {{ .Param "connectionDotColor" | default "#444" }};

$article-background-color: {{ .Param "articleBackgroundColor" | default "#222" }};
$meta-text-color: {{ .Param "metaTextColor" | default "darken(#f1f1f1,40)" }};
4 changes: 2 additions & 2 deletions v4/assets/sass/theme.scss
Original file line number Diff line number Diff line change
@@ -28,8 +28,8 @@ $logo-color: {{ .Param "logoColor" | default "darken($page-background-color, 1)"
$bubble-color: {{ .Param "bubbleColor" | default "#fff" }};
$bubble-background-color: {{ .Param "bubbleBackgroundColor" | default "#ccc" }};
$bubble-hover-color: {{ .Param "bubbleHoverColor" | default "$highlight-color" }};
$con-line-colorA: {{ .Param "conLineColorA" | default "rgba(#000,0.05)" }};
$con-line-colorB: {{ .Param "conLineColorB" | default "#ddd" }};
$connection-line-color: {{ .Param "connectionLineColor" | default "rgba(#000,0.05)" }};
$connection-dot-color: {{ .Param "connectionDotColor" | default "#ddd" }};

$article-background-color: {{ .Param "articleBackgroundColor" | default "#fff" }};
$meta-text-color: {{ .Param "metaTextColor" | default "#999" }};