diff --git a/.drone.yml b/.drone.yml
index b10c0ba..dc82570 100644
--- a/.drone.yml
+++ b/.drone.yml
@@ -45,7 +45,7 @@ steps:
LINK_VALIDATOR_RETRIES: 3
- name: page-validation
- image: thegeeklab/lhci
+ image: thegeeklab/lhci:0.11
commands:
- lhci autorun
environment:
@@ -287,6 +287,6 @@ depends_on:
---
kind: signature
-hmac: f1a7b521c40a3571acfafe30268d628a4c0fc359988917bcc63953cc1a311707
+hmac: da9896c5892fff7425a4594cea8576d065aeacae177ffa2d411782721e61a1fb
...
diff --git a/.lighthouserc.yml b/.lighthouserc.yml
index 7297a45..73e31a7 100644
--- a/.lighthouserc.yml
+++ b/.lighthouserc.yml
@@ -2,21 +2,20 @@
ci:
collect:
numberOfRuns: 3
- psiStrategy: desktop
staticDistDir: exampleSite/public
url:
- http://localhost/
- http://localhost/404.html
- - http://localhost/posts/
+ - http://localhost/usage/getting-started/
settings:
chromeFlags: "--no-sandbox"
- throttling:
- cpuSlowdownMultiplier: "2.0"
assert:
preset: "lighthouse:no-pwa"
assertions:
uses-long-cache-ttl: off
csp-xss: off
+ # FIXME: https://github.com/GoogleChrome/lighthouse/issues/14957
+ bf-cache: off
tap-targets: warn
unsized-images: warn
image-size-responsive: warn
diff --git a/exampleSite/content/en/features/theming/_index.md b/exampleSite/content/en/features/theming/_index.md
index 5dd8622..ec165f8 100644
--- a/exampleSite/content/en/features/theming/_index.md
+++ b/exampleSite/content/en/features/theming/_index.md
@@ -53,9 +53,9 @@ If you want to add more Favicon formats you have to [overwrite](https://gohugo.i
-
-
-
+
+
+
```
Happy customizing!
diff --git a/exampleSite/static/custom.css.example b/exampleSite/static/custom.css.example
index 7f989d0..2a974fc 100644
--- a/exampleSite/static/custom.css.example
+++ b/exampleSite/static/custom.css.example
@@ -21,12 +21,12 @@
--link-color: #518169;
--link-color-visited: #c54e8a;
- --code-background: #f5f6f8;
+ --code-background: #f8f9fa;
--code-accent-color: #e3e7eb;
--code-accent-color-lite: #eff1f3;
--code-font-color: #5f5f5f;
- --code-copy-background: #f5f6f8;
+ --code-copy-background: #f8f9fa;
--code-copy-font-color: #6b7784;
--code-copy-border-color: #adb4bc;
--code-copy-success-color: #00c853;
@@ -36,10 +36,10 @@
--control-icons: #b2bac1;
- --footer-background: #2f333e;
- --footer-font-color: #ffffff;
- --footer-link-color: #ffcc5c;
- --footer-link-color-visited: #ffcc5c;
+ --footer-background: #efefef;
+ --footer-font-color: #efefef;
+ --footer-link-color: #efefef;
+ --footer-link-color-visited: #efefef;
}
@media (prefers-color-scheme: light) {
:root {
@@ -57,12 +57,12 @@
--link-color: #518169;
--link-color-visited: #c54e8a;
- --code-background: #f5f6f8;
+ --code-background: #f8f9fa;
--code-accent-color: #e3e7eb;
--code-accent-color-lite: #eff1f3;
--code-font-color: #5f5f5f;
- --code-copy-background: #f5f6f8;
+ --code-copy-background: #f8f9fa;
--code-copy-font-color: #6b7784;
--code-copy-border-color: #adb4bc;
--code-copy-success-color: #00c853;
@@ -72,10 +72,10 @@
--control-icons: #b2bac1;
- --footer-background: #2f333e;
+ --footer-background: #112b3c;
--footer-font-color: #ffffff;
- --footer-link-color: #ffcc5c;
- --footer-link-color-visited: #ffcc5c;
+ --footer-link-color: #f66b0e;
+ --footer-link-color-visited: #f66b0e;
}
}
@@ -110,10 +110,10 @@
--control-icons: #b2bac1;
- --footer-background: #2f333e;
+ --footer-background: #112b3c;
--footer-font-color: #ffffff;
- --footer-link-color: #ffcc5c;
- --footer-link-color-visited: #ffcc5c;
+ --footer-link-color: #f66b0e;
+ --footer-link-color-visited: #f66b0e;
}
@media (prefers-color-scheme: dark) {
:root {
@@ -146,9 +146,9 @@
--control-icons: #b2bac1;
- --footer-background: #2f333e;
+ --footer-background: #112b3c;
--footer-font-color: #ffffff;
- --footer-link-color: #ffcc5c;
- --footer-link-color-visited: #ffcc5c;
+ --footer-link-color: #f66b0e;
+ --footer-link-color-visited: #f66b0e;
}
}
diff --git a/images/readme.png b/images/readme.png
index d9ce581..10c8ff1 100644
Binary files a/images/readme.png and b/images/readme.png differ
diff --git a/images/screenshot.png b/images/screenshot.png
index 7ac2579..be1cb9d 100644
Binary files a/images/screenshot.png and b/images/screenshot.png differ
diff --git a/images/tn.png b/images/tn.png
index b3bb1d3..ee6e42e 100644
Binary files a/images/tn.png and b/images/tn.png differ
diff --git a/src/sass/_base.scss b/src/sass/_base.scss
index a3562be..650c4fd 100644
--- a/src/sass/_base.scss
+++ b/src/sass/_base.scss
@@ -162,7 +162,7 @@ img {
width: 100%;
max-width: $container-max-width;
margin: 0 auto;
- padding: $padding-16;
+ padding: $padding-20;
}
svg.gdoc-icon {
@@ -272,7 +272,7 @@ svg.gdoc-icon {
}
li {
- margin: $padding-8 0;
+ margin: $padding-12 0;
}
svg.gdoc-icon {
@@ -749,6 +749,10 @@ svg.gdoc-icon {
.gdoc-toc {
margin: $padding-16 0;
+ li {
+ margin: $padding-4 0;
+ }
+
// Classes to hide nested levels of ToC/Menu
&__level--1 ul ul,
&__level--2 ul ul ul,
diff --git a/src/sass/_defaults.scss b/src/sass/_defaults.scss
index 4f7c5ad..6aa19c7 100644
--- a/src/sass/_defaults.scss
+++ b/src/sass/_defaults.scss
@@ -2,6 +2,7 @@
$padding-2: 0.125rem !default;
$padding-4: 0.25rem !default;
$padding-8: 0.5rem !default;
+$padding-12: 0.75rem !default;
$padding-16: 1rem !default;
$padding-20: 1.25rem !default;
$padding-24: 1.5rem !default;
@@ -42,7 +43,7 @@ $black: rgba(0, 0, 0, 1) !default;
$link-color: rgba(10, 83, 154, 1) !default;
$link-color-visited: rgba(119, 73, 191, 1) !default;
-$link-color-footer: rgba(255, 163, 30, 1) !default;
+$link-color-footer: rgba(246, 107, 14, 1) !default;
$body-background: white !default;
$body-font-color: $gray-800 !default;
@@ -52,21 +53,20 @@ $body-min-width: 20rem !default;
$code-font-color: rgba(70, 70, 70, 1) !default;
$code-font-color-dark: rgba(185, 185, 185, 1) !default;
-$body-background-dark: $gray-800 !default;
-$body-font-color-dark: $gray-100 !default;
-
$container-max-width: 82rem !default;
-$main-color: rgba(65, 134, 201, 1) !default;
-$second-color: rgba(47, 51, 62, 1) !default;
+$main-color: rgba(32, 83, 117, 1) !default;
+$second-color: rgba(17, 43, 60, 1) !default;
$mark-color: rgba(255, 171, 0, 1) !default;
$body-background-dark: mix(invert($body-background, 75%), $second-color) !default;
+$body-font-color-dark: $gray-100 !default;
+
$link-color-dark: rgba(110, 168, 212, 1) !default;
$link-color-visited-dark: rgba(186, 142, 240) !default;
$code-background: $gray-100 !default;
-$code-background-dark: darken($body-background-dark, 2) !default;
+$code-background-dark: darken($body-background-dark, 3) !default;
$header-height: 3.5rem !default;
$menu-width: 18rem !default;
diff --git a/src/sass/_markdown.scss b/src/sass/_markdown.scss
index 456514f..8b2552e 100644
--- a/src/sass/_markdown.scss
+++ b/src/sass/_markdown.scss
@@ -1,5 +1,5 @@
.gdoc-markdown {
- line-height: $padding-24;
+ line-height: 1.6rem;
h1,
h2,
diff --git a/src/static/brand.svg b/src/static/brand.svg
index e20f9c5..041131a 100644
--- a/src/static/brand.svg
+++ b/src/static/brand.svg
@@ -1,88 +1,57 @@
-
+
diff --git a/src/static/favicon/favicon.svg b/src/static/favicon/favicon.svg
index 1aeb79d..bee9aab 100644
--- a/src/static/favicon/favicon.svg
+++ b/src/static/favicon/favicon.svg
@@ -1,76 +1,57 @@
-
+
diff --git a/webpack.config.js b/webpack.config.js
index 392f47c..aea3173 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -60,8 +60,8 @@ var config = {
new WebpackFavicons({
src: path.resolve("src", "static", "favicon", "favicon.svg"),
path: "favicon/",
- background: "#2f333e",
- theme_color: "#2f333e",
+ background: "#efefef",
+ theme_color: "#efefef",
icons: {
android: { offset: 10 },
appleIcon: { offset: 10 },