docs: update README and preview

Author: katorly

README.md

@@ -1,28 +1,90 @@
-# Prism Github themes
-[![License](https://img.shields.io/badge/license-MIT-brightgreen?style=flat-square)](LICENSE) [![Pull Requests](https://img.shields.io/github/issues-pr-closed/katorlys/prism-theme-github?style=flat-square)](https://github.com/katorlys/prism-theme-github/pulls) [![Issues](https://img.shields.io/github/issues-closed/katorlys/prism-theme-github?style=flat-square)](https://github.com/katorlys/prism-theme-github/issues) [![Lines](https://img.shields.io/tokei/lines/github/katorlys/prism-theme-github?style=flat-square)](https://github.com/katorlys/prism-theme-github) [![npm](https://img.shields.io/npm/v/prism-theme-github?style=flat-square)](https://www.npmjs.com/package/prism-theme-github)
-  
-Real Github themes for [Prism.js](https://prismjs.com). Themes based on [Github](https://github.com).  
+<a name="readme-top"></a>
+<div align="center">
+
+<!-- <a href="#">
+  <img src="https://github.com/katorlys/.github/blob/main/assets/mark/mark.png" height="100">
+</a><br> -->
+
+<h1>
+  Prism Github themes
+</h1>
+
+<p>
+  Real Github themes for [Prism.js](https://prismjs.com).
+</p>
+
+[![Pull Requests][github-pr-badge]][github-pr-link]
+[![Issues][github-issue-badge]][github-issue-link]
+[![License][github-license-badge]](LICENSE)
+
+</div>
+
+
+<!-- Main Body -->
+
+## Introduction
+Real Github themes for [Prism.js](https://prismjs.com).
+
+Based on [Github](https://github.com).
+
+
 ## Themes
 ### Github Light
-[<img width="33%" src="/screenshots/github-light.png">](/themes/prism-theme-github-light.css)  
+[![github-light-preview](screenshots/github-light.png)](/themes/prism-theme-github-light.css)
 ```html
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/katorlys/prism-theme-github/themes/prism-theme-github-light.css">
 ```
 
-
 ### Github Dark
-[<img width="33%" src="/screenshots/github-dark.png">](/themes/prism-theme-github-dark.css)  
+[![github-dark-preview](screenshots/github-dark.png)](/themes/prism-theme-github-dark.css)
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/katorlys/prism-theme-github/themes/prism-theme-github-light.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/katorlys/prism-theme-github/themes/prism-theme-github-dark.css">
 ```
 
 ### Github Copilot
+[![github-copilot-preview](screenshots/github-copilot.png)](/themes/prism-theme-github-copilot.css)
 ```html
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/katorlys/prism-theme-github/themes/prism-theme-github-copilot.css">
-```
-  
+```  
+
+## Usage
+### CDN
+Embed the CDN links provided above to use the themes in your project.
 
-You may want to get them from `npm`:
+### npmjs
+Or get the themes from npmjs:
 ```sh
 npm install prism-theme-github
-```
+```
+
+
+<!-- /Main Body -->
+
+
+<div align="right">
+  
+[![BACK TO TOP][back-to-top-button]](#readme-top)
+
+</div>
+
+---
+
+<div align="center">
+
+<p>
+  Copyright &copy; 2024-present <a target="_blank" href="https://github.com/katorlys">Katorly Lab</a>
+</p>
+
+[![License][github-license-badge-bottom]](LICENSE)
+
+</div>
+
+[back-to-top-button]: https://img.shields.io/badge/BACK_TO_TOP-151515?style=flat-square
+[github-pr-badge]: https://img.shields.io/github/issues-pr/katorlys/prism-theme-github?label=pulls&labelColor=151515&color=79E096&style=flat-square
+[github-pr-link]: https://github.com/katorlys/prism-theme-github/pulls
+[github-issue-badge]: https://img.shields.io/github/issues/katorlys/prism-theme-github?labelColor=151515&color=FFC868&style=flat-square
+[github-issue-link]: https://github.com/katorlys/prism-theme-github/issues
+[github-license-badge]: https://img.shields.io/github/license/katorlys/prism-theme-github?labelColor=151515&color=EFEFEF&style=flat-square
+<!-- https://img.shields.io/badge/license-CC_BY--NC--SA_4.0-EFEFEF?labelColor=151515&style=flat-square -->
+[github-license-badge-bottom]: https://img.shields.io/github/license/katorlys/prism-theme-github?labelColor=151515&color=EFEFEF&style=for-the-badge
+<!-- https://img.shields.io/badge/license-CC_BY--NC--SA_4.0-EFEFEF?labelColor=151515&style=for-the-badge -->

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "prism-theme-github",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Real Github themes for prism.js",
   "main": "README.md",
   "files": [
@@ -21,7 +21,8 @@
     "prism-theme",
     "prism-themes",
     "github-light",
-    "github-dark"
+    "github-dark",
+    "github-copilot"
   ],
   "author": "Katorly",
   "license": "MIT",