kaholaz/hello-friend-ng
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add better colors

Browse source
This commit is contained in:
Djordje Atlialp 2021-01-10 18:29:01 +01:00
parent d549a90e48
commit 81f58d3911
5 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/js/theme.js
View file

@ -8,7 +8,7 @@ var metaThemeColor = document.querySelector("meta[name=theme-color]");
if (theme !== null) { if (theme !== null) {
document.body.classList.toggle("dark-theme", isDark); document.body.classList.toggle("dark-theme", isDark);
isDark isDark
? metaThemeColor.setAttribute("content", "#252627") ? metaThemeColor.setAttribute("content", "#1b1c1d")
: metaThemeColor.setAttribute("content", "#fafafa"); : metaThemeColor.setAttribute("content", "#fafafa");
} }
@ -22,6 +22,6 @@ themeToggle.addEventListener("click", () => {
); );
document.body.classList.contains("dark-theme") document.body.classList.contains("dark-theme")
? metaThemeColor.setAttribute("content", "#252627") ? metaThemeColor.setAttribute("content", "#1b1c1d")
: metaThemeColor.setAttribute("content", "#fafafa"); : metaThemeColor.setAttribute("content", "#fafafa");
}); });

2
assets/scss/_header.scss
View file

@ -7,7 +7,7 @@
padding: 20px; padding: 20px;
.dark-theme & { .dark-theme & {
background: #252627; background: #1b1c1d;
} }
&__right { &__right {

2
assets/scss/_menu.scss
View file

@ -5,7 +5,7 @@
z-index: 9999; z-index: 9999;
.dark-theme & { .dark-theme & {
background: #252627; background: #1b1c1d;
} }
@media #{$media-size-phone} { @media #{$media-size-phone} {

4
assets/scss/_variables.scss
View file

@ -8,9 +8,9 @@ $light-color-secondary: #999;
$light-border-color: #dcdcdc; $light-border-color: #dcdcdc;
/* dark theme colors */ /* dark theme colors */
$dark-background: #292a2d; $dark-background: #232425;
$dark-background-secondary: #3b3d42; $dark-background-secondary: #3b3d42;
$dark-color: #a9a9b3; $dark-color: #b3b3bd;
$dark-color-secondary: #73747b; $dark-color-secondary: #73747b;
$dark-border-color: #4a4b50; $dark-border-color: #4a4b50;

8
exampleSite/config.toml
View file

@ -93,7 +93,7 @@ disableHugoGeneratorInject = false
# Default theme "light" or "dark" # Default theme "light" or "dark"
# #
defaultTheme = "dark" defaultTheme = "dark"
themeColor = "#252627" themeColor = "#1b1c1d"
# Custom footer # Custom footer
# If you want, you can easily override the default footer with your own content. # If you want, you can easily override the default footer with your own content.
@ -104,9 +104,9 @@ disableHugoGeneratorInject = false
# Colors for favicons # Colors for favicons
# #
[params.favicon.color] [params.favicon.color]
mask = "#252627" mask = "#1b1c1d"
msapplication = "#252627" msapplication = "#1b1c1d"
theme = "#252627" theme = "#1b1c1d"
[params.logo] [params.logo]
logoMark = ">" logoMark = ">"