From 37060f2a5f345f463ce6049fe18ad5da885cf6ca Mon Sep 17 00:00:00 2001
From: Nato Boram <nato.boram@gmail.com>
Date: Wed, 9 Mar 2022 23:57:47 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20migration=20to=20Angular?=
 =?UTF-8?q?=2012?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitlab-ci.yml               |  4 ++++
 .vscode/extensions.json      |  1 -
 CHANGELOG.md                 | 42 +++++++++++++++++++-----------------
 package.json                 |  2 +-
 src/styles/ipfs-colours.scss |  2 ++
 5 files changed, 29 insertions(+), 22 deletions(-)

diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 69aa3f1..330a993 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -3,6 +3,10 @@ image: node:14
 before_script:
   - yarn
 
+variables:
+  # https://stackoverflow.com/a/69746937/5083247
+  NODE_OPTIONS: --openssl-legacy-provider
+
 cache:
   key:
     files:
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 5625120..ac810de 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -11,7 +11,6 @@
     "johnpapa.angular2",
     "ms-vscode.vscode-typescript-next",
     "ms-vscode.vscode-typescript-tslint-plugin",
-    "msjsdiag.debugger-for-chrome",
     "visualstudioexptteam.vscodeintellicode"
   ],
   // List of extensions recommended by VS Code that should not be recommended for users of this workspace.
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 92533fe..9cd2c0e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/), and this
 
 ### Changed
 
+* Upgraded to Angular 12
+
 ### Deprecated
 
 ### Removed
@@ -22,33 +24,33 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/), and this
 
 ### Added
 
-- Added some accessibility tags
-- Added some VSCode settings
+* Added some accessibility tags
+* Added some VSCode settings
 
 ### Changed
 
-- Updated to Angular 11
-- Updated gateways
+* Updated to Angular 11
+* Updated gateways
 
 ### Fixed
 
-- Corrected the title from "Public IPFS Cacher" to "Public Gateway Cacher".
+* Corrected the title from "Public IPFS Cacher" to "Public Gateway Cacher".
 
 ## [2.1.0] - 2020-07-10
 
 ### Added
 
-- Support for subdomain gateways
-- Strict mode
-- More icons
-- IPFS colours
+* Support for subdomain gateways
+* Strict mode
+* More icons
+* IPFS colours
 
 ### Changed
 
-- Better screenshot
-- Upgraded to Angular 10
-- Now uses `--chunker=buzhash`
-- Updated `bootstrap` and `ipfs-css`
+* Better screenshot
+* Upgraded to Angular 10
+* Now uses `--chunker=buzhash`
+* Updated `bootstrap` and `ipfs-css`
 
 ## [2.0.0] - 2019-12-03
 
@@ -58,7 +60,7 @@ Tests were done with `ipfs-npm` : They weren't successful. `ipfs-css` is only mi
 
 ### Added
 
-- GitLab Pages - <https://natoboram.gitlab.io/public-gateway-cacher/>
+* GitLab Pages - <https://natoboram.gitlab.io/public-gateway-cacher/>
 
 ## [1.0.0] - 2019-11-28
 
@@ -66,9 +68,9 @@ This version is a fork of [github.com/ipfs/public-gateway-checker](https://githu
 
 ## Types of changes
 
-- `Added` for new features.
-- `Changed` for changes in existing functionality.
-- `Deprecated` for soon-to-be removed features.
-- `Removed` for now removed features.
-- `Fixed` for any bug fixes.
-- `Security` in case of vulnerabilities.
+* `Added` for new features.
+* `Changed` for changes in existing functionality.
+* `Deprecated` for soon-to-be removed features.
+* `Removed` for now removed features.
+* `Fixed` for any bug fixes.
+* `Security` in case of vulnerabilities.
diff --git a/package.json b/package.json
index 4549616..13f24ce 100644
--- a/package.json
+++ b/package.json
@@ -58,4 +58,4 @@
     "tslint-rxjs-subject-restrictions-rule": "^1.0.4",
     "typescript": "~4.3.5"
   }
-}
\ No newline at end of file
+}
diff --git a/src/styles/ipfs-colours.scss b/src/styles/ipfs-colours.scss
index 45ee2d9..6fc9e0f 100644
--- a/src/styles/ipfs-colours.scss
+++ b/src/styles/ipfs-colours.scss
@@ -1,3 +1,5 @@
+@import "~@angular/material/core/theming/palette";
+
 $ipfs-colour-navy: (default: #0B3A53,
   lighter: #3e6480,
   darker: #00142a,