feat(dark mode): add dark mode for books and about page

[sabertazimi]

issue #799

Pull Request

This PR Contains

• bugfix
• new feature
• code refactor
• test update
• typo fix
• metadata update

Motivation / Use-Case

Breaking Changes

Test-Case

I have verified these changes via:

• Code inspection only, or
• Newly added/modified unit tests, or
• No unit tests but ran on a real repository, or
• Both unit tests + ran on a real repository

Additional Info

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
blog	✅ Ready (Inspect)	Visit Preview	May 4, 2022 at 7:57PM (UTC)

[codecov]

Codecov Report

Merging #802 (85c6b25) into main (76b58f4) will increase coverage by 0.00%.
The diff coverage is 100.00%.

@@           Coverage Diff           @@
##             main     #802   +/-   ##
=======================================
  Coverage   99.39%   99.39%           
=======================================
  Files         174      175    +1     
  Lines         984      989    +5     
  Branches       85       85           
=======================================
+ Hits          978      983    +5     
  Misses          5        5           
  Partials        1        1           

Impacted Files	Coverage Δ
components/GithubCard/GithubCardContent.tsx	100.00% <ø> (ø)
components/Tags/IconTag.tsx	100.00% <ø> (ø)
components/Anchor/Anchor.tsx	100.00% <100.00%> (ø)
components/BooksGrid/BookCard.tsx	100.00% <100.00%> (ø)
components/Card/Card.tsx	100.00% <100.00%> (ø)
components/Card/index.ts	100.00% <100.00%> (ø)
components/GithubCard/GithubCard.tsx	100.00% <100.00%> (ø)
components/GithubCard/GithubRepoCard.tsx	100.00% <100.00%> (ø)
components/ImageCard/ImageCard.tsx	100.00% <100.00%> (ø)
components/PostsGrid/PostCard.tsx	100.00% <100.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 76b58f4...85c6b25. Read the comment docs.

[pull-request-quantifier-deprecated]

This PR has 102 quantified lines of changes. In general, a change size of upto 200 lines is ideal for the best PR experience!

---

Quantification details

Label      : Medium
Size       : +56 -46
Percentile : 40.4%

Total files changed: 25

Change summary by file extension:
.tsx : +35 -31
.css : +20 -14
.snap : +0 -0
.ts : +1 -1

Change counts above are quantified counts, based on the PullRequestQuantifier customizations.

Why proper sizing of changes matters

Optimal pull request sizes drive a better predictable PR flow as they strike a
balance between between PR complexity and PR review overhead. PRs within the
optimal size (typical small, or medium sized PRs) mean:

• Fast and predictable releases to production:
  • Optimal size changes are more likely to be reviewed faster with fewer
    iterations.
  • Similarity in low PR complexity drives similar review times.
• Review quality is likely higher as complexity is lower:
  • Bugs are more likely to be detected.
  • Code inconsistencies are more likely to be detetcted.
• Knowledge sharing is improved within the participants:
  • Small portions can be assimilated better.
• Better engineering practices are exercised:
  • Solving big problems by dividing them in well contained, smaller problems.
  • Exercising separation of concerns within the code changes.

What can I do to optimize my changes

• Use the PullRequestQuantifier to quantify your PR accurately
  • Create a context profile for your repo using the context generator
  • Exclude files that are not necessary to be reviewed or do not increase the review complexity. Example: Autogenerated code, docs, project IDE setting files, binaries, etc. Check out the Excluded section from your prquantifier.yaml context profile.
  • Understand your typical change complexity, drive towards the desired complexity by adjusting the label mapping in your prquantifier.yaml context profile.
  • Only use the labels that matter to you, see context specification to customize your prquantifier.yaml context profile.
• Change your engineering behaviors
  • For PRs that fall outside of the desired spectrum, review the details and check if:
    • Your PR could be split in smaller, self-contained PRs instead
    • Your PR only solves one particular issue. (For example, don't refactor and code new features in the same PR).

How to interpret the change counts in git diff output

• One line was added: +1 -0
• One line was deleted: +0 -1
• One line was modified: +1 -1 (git diff doesn't know about modified, it will
  interpret that line like one addition plus one deletion)
• Change percentiles: Change characteristics (addition, deletion, modification)
  of this PR in relation to all other PRs within the repository.

---

Was this comment helpful? 👍  :ok_hand:  :thumbsdown: (Email)
Customize PullRequestQuantifier for this repository.