https://github.com/xenwulf/ork-overhaul

A Visual Overhaul for the Amtgard ORK
https://github.com/xenwulf/ork-overhaul

amtgard chrome-extension overhaul ui ux

Last synced: 1 day ago
JSON representation

A Visual Overhaul for the Amtgard ORK

• Host: GitHub
• URL: https://github.com/xenwulf/ork-overhaul
• Owner: XenWulf
• License: mit
• Created: 2025-02-08T21:43:51.000Z (2 days ago)
• Default Branch: main
• Last Pushed: 2025-02-08T22:00:22.000Z (2 days ago)
• Last Synced: 2025-02-08T22:28:11.659Z (2 days ago)
• Topics: amtgard, chrome-extension, overhaul, ui, ux
• Language: CSS
• Homepage: https://ork.amtgard.com/
• Size: 0 Bytes
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ORK Overhaul - Chrome Extension

## 🚀 Overview

The ORK Overhaul is a Chrome extension designed to **completely revamp the UI/UX** of [ork.amtgard.com](https://ork.amtgard.com). This extension applies modern design principles, **smooth animations**, and an **interactive dark mode toggle** to enhance the overall experience.

## ✨ Features

- 🌈 **More Accessible Light Mode** - A sleek, modern color palette with a blue highlights.

- 🌙 **Dark Mode** - A refined, monochromatic theme with blue highlights.

- 🎨 **Navigation Bar Redesign** - Modern styles with hover effects and rounded edges.

- 🖱️ **Interactive Buttons** - Stylish gradients and smooth animations.

- 📦 **Container Styling** - Soft-glass-like effect for depth and visual appeal.

- ⚡ **Fast & Lightweight** - The extension applies styles dynamically without affecting performance.

## 📜 Installation

### Method 1: Load Unpacked Extension (Developer Mode)

1. Download or clone this repository.

2. Open **Google Chrome** and navigate to `chrome://extensions/`.

3. Enable **Developer Mode** (toggle in the top right corner).

4. Click **Load unpacked** and select the project folder.

5. The ORK Visual Overhaul extension should now be active!

## 🛠️ Usage

- **Toggle Dark Mode**: Click the floating button on the top right corner of the page.

- **Enjoy the new design**: Experience a fully modernized ORK interface with improved usability and aesthetics.

## 🔧 Development

If you’d like to customize this project further:

1. Modify the `styles.css` file to tweak colors, animations, or layouts.

2. Adjust `content.js` to add new interactivity or UI changes.

3. Update `popup.html` and `popup.js` to introduce additional settings or controls.

## 🤝 Contributions

Contributions are welcome! If you have any improvements or bug fixes, feel free to fork the repository and submit a **pull request**.

## 📜 License

This project is licensed under the **MIT License** - feel free to modify and use it as needed.

## 👤 Credits

Developed by [XenWulf](https://github.com/XenWulf). 🎉

---

Made with ❤️ to enhance the ORK experience!