enh(themes) Tweak background color for Gradient Light and Gradient Da…

…rk (#3408)
highlightjs · Nov 30, 2021 · e1abb9b · e1abb9b
1 parent 238e073
commit e1abb9b
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 6 deletions.
diff --git 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
diff --git 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
@@ -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;
 }