Merge pull request #147 from tranthaituananh/main

Kshitij978 · web-flow · commit 2fac83ed1f7f · 2022-09-25T17:24:07.000+05:30
add high-contrast theme
diff --git a/README.md b/README.md
@@ -56,17 +56,18 @@ _`username=ashutosh00710&theme=theme_name`_
 
 ## Available Themes
 
-| Name | Preview |
-| :------------------------: | :--------------------------------------------------------: |
-| **Default (cotton candy)** | <img src="./asset/default.svg" height=250 alt="graph"/> |
-| **react** | <img src="./asset/react.png" height=250 alt="graph"/> |
-| **react-dark** | <img src="./asset/react-dark.svg" height=250 alt="graph"/> |
-| **github** | <img src="./asset/github.svg" height=250 alt="graph"/> |
-| **xcode** | <img src="./asset/xcode.svg" height=250 alt="graph"/> |
-| **rogue** | <img src="./asset/rogue.svg" height=250 alt="graph"/> |
-| **merko** | <img src="./asset/merko.png" height=250 alt="graph"/> |
-| **vue** | <img src="./asset/vue.png" height=250 alt="graph"/> |
-| **tokyo-night** |<img src="./asset/tokyo-night.png" height=250 alt="graph"/> |
+| Name | Preview |
+| :------------------------: | :--------------------------------------------------------: |
+| **Default (cotton candy)** | <img src="./asset/default.svg" height=250 alt="graph"/> |
+| **react** | <img src="./asset/react.png" height=250 alt="graph"/> |
+| **react-dark** | <img src="./asset/react-dark.svg" height=250 alt="graph"/> |
+| **github** | <img src="./asset/github.svg" height=250 alt="graph"/> |
+| **xcode** | <img src="./asset/xcode.svg" height=250 alt="graph"/> |
+| **rogue** | <img src="./asset/rogue.svg" height=250 alt="graph"/> |
+| **merko** | <img src="./asset/merko.png" height=250 alt="graph"/> |
+| **vue** | <img src="./asset/vue.png" height=250 alt="graph"/> |
+| **tokyo-night** |<img src="./asset/tokyo-night.png" height=250 alt="graph"/> |
+| **high-contrast** |<img src="./asset/high-contrast.png" height=250 alt="graph"/>|
 
 For more themes click [here](https://github.com/Ashutosh00710/github-readme-activity-graph/blob/main/THEMES.md)
 
diff --git a/THEMES.md b/THEMES.md
@@ -24,4 +24,5 @@
 | **react** | <img src="./asset/react.png" height=250 alt="graph"/> |
 | **merko** | <img src="./asset/merko.png" height=250 alt="graph"/> |
 | **vue** | <img src="./asset/vue.png" height=250 alt="graph"/> |
-| **tokyo-night** | <img src="./asset/tokyo-night.png" height=250 alt="graph"/> |
+| **tokyo-night** | <img src="./asset/tokyo-night.png" height=250 alt="graph"/> |
+| **high-contrast** | <img src="./asset/high-contrast.png" height=250 alt="graph"/> |
diff --git a/asset/high-contrast.png b/asset/high-contrast.png
diff --git a/src/styles/themes.ts b/src/styles/themes.ts
@@ -272,6 +272,16 @@ export const selectColors = (queryString: string): Colors =>{
 lineColor: '70a5fd',
 pointColor: 'a9b1d6',
 };
+ case 'high-contrast':
+ return{
+ areaColor: 'e7e7e7',
+ borderColor: 'ffffff',
+ bgColor: '000000',
+ color: 'e7e7e7',
+ titleColor: 'e7e7e7',
+ lineColor: 'e7e7e7',
+ pointColor: 'e7e7e7',
+ };
 default:
 return{
 areaColor: '9e4c98',

-Original file line number
+Diff line change
 ## Available Themes
 -| Name | Preview |
 -| :------------------------: | :--------------------------------------------------------: |
 -|**Default (cotton candy)**| <imgsrc="./asset/default.svg"height=250alt="graph"/> |
 -|**react**| <imgsrc="./asset/react.png"height=250alt="graph"/> |
 -|**react-dark**| <imgsrc="./asset/react-dark.svg"height=250alt="graph"/> |
 -|**github**| <imgsrc="./asset/github.svg"height=250alt="graph"/> |
 -|**xcode**| <imgsrc="./asset/xcode.svg"height=250alt="graph"/> |
 -|**rogue**| <imgsrc="./asset/rogue.svg"height=250alt="graph"/> |
 -|**merko**| <imgsrc="./asset/merko.png"height=250alt="graph"/> |
 -|**vue**| <imgsrc="./asset/vue.png"height=250alt="graph"/> |
 -|**tokyo-night**|<imgsrc="./asset/tokyo-night.png"height=250alt="graph"/> |
 +| Name | Preview |
 +| :------------------------: | :--------------------------------------------------------: |
 +|**Default (cotton candy)**| <imgsrc="./asset/default.svg"height=250alt="graph"/> |
 +|**react**| <imgsrc="./asset/react.png"height=250alt="graph"/> |
 +|**react-dark**| <imgsrc="./asset/react-dark.svg"height=250alt="graph"/> |
 +|**github**| <imgsrc="./asset/github.svg"height=250alt="graph"/> |
 +|**xcode**| <imgsrc="./asset/xcode.svg"height=250alt="graph"/> |
 +|**rogue**| <imgsrc="./asset/rogue.svg"height=250alt="graph"/> |
 +|**merko**| <imgsrc="./asset/merko.png"height=250alt="graph"/> |
 +|**vue**| <imgsrc="./asset/vue.png"height=250alt="graph"/> |
 +|**tokyo-night**|<imgsrc="./asset/tokyo-night.png"height=250alt="graph"/> |
 +|**high-contrast**|<imgsrc="./asset/high-contrast.png"height=250alt="graph"/>|
 For more themes click [here](https://github.com/Ashutosh00710/github-readme-activity-graph/blob/main/THEMES.md)