https://github.com/abhimangs/obsidian-vortex

Vortex makes your Obsidian notes look awesome! Pick fun colors, add sparkles, and switch between light or dark mode like magic!
https://github.com/abhimangs/obsidian-vortex

markdown obsidian obsidian-theme obsidianmd productivity

Last synced: 4 months ago
JSON representation

Vortex makes your Obsidian notes look awesome! Pick fun colors, add sparkles, and switch between light or dark mode like magic!

Host: GitHub
URL: https://github.com/abhimangs/obsidian-vortex
Owner: abhimangs
License: mit
Created: 2024-11-29T15:16:08.000Z (10 months ago)
Default Branch: main
Last Pushed: 2025-04-22T04:11:27.000Z (6 months ago)
Last Synced: 2025-04-22T06:16:41.150Z (6 months ago)
Topics: markdown, obsidian, obsidian-theme, obsidianmd, productivity
Language: CSS
Homepage: http://lnkiy.in/vortex
Size: 38.3 MB
Stars: 6
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Security: SECURITY.md

Awesome Lists containing this project

README

Vortex

v1.0.2 | Designed & Coded with ❤️ by Abhiman G S

![Vortex Cover Image](assets/cover-hd.png)

## ✨ Features
- Infinite accent color customization.
- Neon glow and gradient underlines for headings.
- Smooth animations for links.
- Unique custom callouts with icons.

## 🎨 Multiple Theme Colors

Vortex lets you pick any accent color to match your style.

### How to Change the Accent Color:
1. Open **Settings** in Obsidian.
2. Go to **Appearance**.
3. Find **Accent Color** with a color ring.
4. Pick your favorite color.

Everything in Obsidian updates to match the color you choose. It's a quick and easy way to personalize your theme.

See the image below for a demo of how it looks!

![Vortex Cover Image](assets/colors.png)

## Heading Styling

#### Different Colors
Each heading level has its own color, making sections easy to tell apart.

#### Neon Glow
Headings have a glowing effect for a vibrant look.

#### Gradient Underline
Each heading has a custom gradient underline for extra style.

![Vortex Headings Image](assets/headings.png)

## Link Styling and Animation

Internal and external links are styled with distinct colors for easy differentiation.

- **Internal Links**: Use the theme’s primary color and point to content within the document.
- **External Links**: Have a unique color for external resources.

### Hover Effect
- A bottom border appears, rising to fill the background on hover, creating a smooth animation.

This effect adds interactivity and enhances the visual appeal of your notes.

![Vortex Links Image](assets/links.png)

## Custom Callouts Overview
Below is a list of **custom callouts** with their respective icons. You can use these callouts in your notes for better organization and visual aesthetics.
#### Example Usage:
```markdown
> [!Callout Name] Enter the Title
> [!success] Success Title
```

Click to view all custom callouts

- **`success`**: 🏆 Trophy
- **`warning`**: 🛑 Octagon Alert
- **`error`**: ⚠️ Triangle Alert
- **`info`**: ℹ️ Info
- **`quote`**: ❝ Quote
- **`note`**: 📓 Notebook Pen
- **`highlight`**: ✍️ Highlighter
- **`idea`**: 💡 Lightbulb
- **`task`**: ✅ Circle Check
- **`reminder`**: 🔔 Bell Ring
- **`analysis`**: 📊 Chart Pie
- **`inspiration`**: 🌅 Sunrise
- **`faq`**: ❓ Message Circle
- **`code`**: 💻 Code
- **`goal`**: 🎯 Target
- **`celebration`**: 🎉 Party Popper
- **`bug`**: 🐞 Bug
- **`gift`**: 🎁 Gift
- **`puzzle`**: 🧩 Puzzle
- **`bookmark`**: 🔖 Bookmark
- **`calendar`**: 📅 Calendar
- **`team`**: 👥 Users

![Vortex Callouts Image](assets/callouts.png)

# 🌟 Transform Your Notes with Vortex
Vortex is a **lightweight theme** designed to make your notes visually stunning and highly customizable.
### Why Choose Vortex?
- **Smooth animations** for interactive links.
- **Customizable colors** to match your style.
- **Stylish callouts** for better organization.

Elevate your note-taking experience with Vortex—the perfect blend of functionality and style!

![Vortex Callouts Image](assets/laptop-hd.png)

## ☕ Fuel My Code with a Coffee!
If you enjoy my projects, a small tip keeps me coding!

## 🎉 Shoutout to Supporters
Special thanks to [@1amnotmad](https://github.com/1amnotmad) for their generous donation supporting the Obsidian Vortex theme!

## 🔧 Installation

1. Open **Settings** in Obsidian.
2. Go to **Appearance**.
3. Under **Community Themes**, search for "Vortex."
4. Click **Use** to apply the theme.

## 🐞 Found a Bug?
If you encounter any issues or have suggestions, please open an issue on the [GitHub repository](https://github.com/abhimangs/obsidian-vortex/issues).

## 🌐 Connect with Me
**Get in Touch:** Drop me a line at **[theabhimangs@gmail.com](mailto:theabhimangs@gmail.com)** for collabs, queries, or a quick hello!

[![Email](https://img.shields.io/badge/Email-0A84FF?style=for-the-badge&logo=thunderbird&logoColor=white)](mailto:theabhimangs@gmail.com)
[![LinkedIn](https://img.shields.io/badge/LinkedIn-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/abhimangs)
[![Instagram](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)](https://www.instagram.com/theabhimangs)
[![Threads](https://img.shields.io/badge/Threads-000000?style=for-the-badge&logo=threads&logoColor=white)](https://www.threads.net/@theabhimangs)
[![Bluesky](https://img.shields.io/badge/Bluesky-0285FF?style=for-the-badge&logo=bluesky&logoColor=white)](https://bsky.app/profile/abhimangs.bsky.social)
[![Reddit](https://img.shields.io/badge/Reddit-FF4500?style=for-the-badge&logo=reddit&logoColor=white)](https://www.reddit.com/user/abhimangs)
[![Twitter (X)](https://img.shields.io/badge/X-000000?style=for-the-badge&logo=x&logoColor=white)](https://twitter.com/abhimangs)

### 📜 License

This theme is licensed under the [MIT License](LICENSE). Feel free to use, modify, and distribute it as per the license terms.