From e1abb9b85646517dba60c70229c2aa2ede99e5e9 Mon Sep 17 00:00:00 2001
From: Samia <39127633+samiaab1990@users.noreply.github.com>
Date: Tue, 30 Nov 2021 15:17:10 -0500
Subject: [PATCH] enh(themes) Tweak background color for Gradient Light and
 Gradient Dark (#3408)

---
 CHANGES.md                    | 8 +++++++-
 highlight.js                  | 1 +
 src/styles/gradient-dark.css  | 4 ++--
 src/styles/gradient-light.css | 7 ++++---
 4 files changed, 14 insertions(+), 6 deletions(-)
 create mode 160000 highlight.js

diff --git a/CHANGES.md b/CHANGES.md
index 6a8581edfd..a0b1160598 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -21,11 +21,17 @@ Developer Tools:
 
 - (chore) add gzip size compression report (#3400) [Bradley Mackey][]
 
+Themes:
+
+- Modified background color in css for Gradient Light and Gradient Dark themes [Samia Ali][]
+
 [Richard Gibson]: https://github.com/gibson042
 [Bradley Mackey]: https://github.com/bradleymackey
 [Melvyn Laïly]: https://github.com/mlaily
 [Björn Ebbinghaus]: https://github.com/MrEbbinghaus
 [Josh Goebel]: https://github.com/joshgoebel
+[Samia Ali]: https://github.com/samiaab1990
+
 
 ## Version 11.3.1
 
@@ -736,6 +742,7 @@ Parser Engine:
 
 - (fix) When ignoring a potential match highlighting can terminate early (#2649) [Josh Goebel][]
 
+
 New themes:
 
 - *Gradient Light* by [Samia Ali]()
@@ -771,7 +778,6 @@ Language Improvements:
 [eytienne]: https://github.com/eytienne
 [sirosen]: https://github.com/sirosen
 
-
 ## Version 10.1.1
 
 Fixes:
diff --git a/highlight.js b/highlight.js
new file mode 160000
index 0000000000..10b322dc43
--- /dev/null
+++ b/highlight.js
@@ -0,0 +1 @@
+Subproject commit 10b322dc436333b04df8295c9bdf4bad324849e0
diff --git a/src/styles/gradient-dark.css b/src/styles/gradient-dark.css
index d9e42138c2..4fb49b2378 100644
--- a/src/styles/gradient-dark.css
+++ b/src/styles/gradient-dark.css
@@ -6,8 +6,8 @@ Gradient Dark (c) Samia Ali <samiaab1990@gmail.com>
 
 .hljs
 {
-background: rgb(80,31,122);
-background: linear-gradient(166deg, rgba(80,31,122,1) 0%, rgba(40,32,179,1) 80%);
+background-color: #652487;
+background-image: linear-gradient(160deg, #652487 0%, #443ac3 35%, #0174b7 68%, #04988e 100%);
 color:#e7e4eb;
 }
 
diff --git a/src/styles/gradient-light.css b/src/styles/gradient-light.css
index 574534cb56..a5c4f5edc2 100644
--- a/src/styles/gradient-light.css
+++ b/src/styles/gradient-light.css
@@ -6,8 +6,8 @@ Gradient Light (c) Samia Ali <samiaab1990@gmail.com>
 
 .hljs
 {
-background: rgb(255,253,141);
-background: linear-gradient(142deg, rgba(255,253,141,1) 0%, rgba(252,183,255,1) 35%, rgba(144,236,255,1) 100%);
+background-color: #f9ccff;
+background-image: linear-gradient(295deg, #f9ccff 0%, #e6bbf9 11%, #9ec6f9 32%, #55e6ee 60%, #91f5d1 74%, #f9ffbf 98%);
 color:#250482;
 }
 
@@ -46,6 +46,7 @@ color:#01958B;
 .hljs-section,
 .hljs-meta .hljs-keyword,
 
+
 .hljs-symbol,
 .hljs-type
 
@@ -64,7 +65,7 @@ color:#01958B;
 
 .hljs-string
 {
-  color: #38c0ff;
+  color: #2681ab;
 }