A beautiful 🤩 Chrome Extension that adds additional features and gives an overall better experience for SEQTA Learn. Currently looking for contributors 🔥

Table of contents

• Features
• Creating Custom Themes
• Getting Started
  • Running Development
  • Building for production
  • Folder Structure
• Contributors
• Credits
• Star History

Features

• Dark mode
  • Custom Background/Themes
• Improved Styling/CSS
  • Improved look for SEQTA Learn
• Custom Home Page including:
  • Daily Lessons
  • Shortcuts
  • Easier Access Notices
  • Assessments
• Options to remove certain items from the side menu
• Grades calculator
• Fully customisable themes and an official theme store
• Notification for next lesson (sent 5 minutes before end of the lesson)
• Browser Support
  • Chrome, Edge, Brave, Opera and other Chromium-Based browsers are supported
  • Firefox Supported: here!
  • Safari (Experimental and not recommended - only available via compilation)

Creating Custom Themes

If you are looking to create custom themes, I would recommend you start at the official documentation here. You can see some premade examples along with a compilation script that can be used to allow for CSS frameworks and libraries such as SCSS to be used here.

Don't worry- if you get stuck feel free to ask around in the discord. We're open and happy to help out! Happy creating :)

🚀 Want to Contribute?

New contributors welcome! 🎉 We've made it easy to get started:

• 👋 New to the project? Start with our Getting Started Guide
• 🏗️ Want to understand the code? Check out our Architecture Guide
• 🧩 Interested in plugins? Read our Plugin Development Guide
• 🐛 Found a bug? Open an issue or fix it yourself!
• 💬 Need help? Join our Discord community

We have lots of good first issue Good for newcomers labels perfect for beginners!

Quick Development Setup

    1. Fork & Clone

git clone https://github.com/YOUR_USERNAME/BetterSEQTA-Plus
cd BetterSEQTA-Plus

    2. Install & Run

npm install --legacy-peer-deps
npm run dev

    3. Load in Browser

1. Go to chrome://extensions
2. Enable "Developer mode"
3. Click "Load unpacked" → Select dist folder
4. Visit a SEQTA page to see it work! 🎉

Warning

Whenever you update the extension while not in dev mode, you will need to use the reload button on the extension page.

📚 Need more details? Check our detailed setup guide

Building for Production

npm run build     # Build for all browsers
npm run zip       # Package for distribution (requires 7-Zip)

Folder Structure

The folder structure is as follows:

• The src folder contains source files that are compiled to the build directory.

• The src/plugins folder contains vital loaders required for BetterSEQTA+ functionality.

• The src/interface folder contains source React & Svelte files that are required for the Settings page.

• The dist folder is where the compiled code ends up, this is the folder what you need to load into chrome as an unpacked extension for development.

Contributors

Want to contribute? Click Here!

Credits

This extension was initially developed by Nulkem, was ported to manifest V3 by MEGA-Dawg68 and is currently under active development from lead developers SethBurkart123 and Crazypersonalph with help from other volunteers.

Star History