Solar Gradient
RamenOfficialGovPatsy71 downloads️ Solar Gradient — a bright summer theme for Obsidian. Headings flow from vivid orange to soft dusk in a sunset gradient. Warm sandy background, bold fonts, dark & light modes. For sunny, focused, and energetic work
- Overview
- Scorecard
- Updates2
An energetic summer theme for Obsidian with a bright sunset gradient across headings and warm sandy tones. Made for sunny days, focused work, and vibrant note-taking.
📑 Table of Contents
- ✨ Features
- 📸 Screenshots
- 📦 Installation
- 🎨 Color Palette
- 🛠️ Customization
- 💡 Share Your Ideas
- 📝 Credits
✨ Features
- ☀️ Energetic summer palette with bright orange and ocean blue accents
- 🌅 Sunset gradient across headings — from bright H1 to muted H6
- 🌓 Dark and light mode support
- 🏖️ Warm sandy background in light mode for comfortable reading
- 🔤 Bold typography: Rubik, Bebas Neue, Playfair Display, JetBrains Mono
- 🎯 WCAG-compliant contrast for accessibility
- ✨ Hardcoded accent colors that override user settings
- 🖊️ Smooth animations and transitions
📸 Screenshots
Dark Mode
Light Mode
📦 Installation
From Obsidian Community Themes
- Open Obsidian Settings
- Go to Appearance → Themes → Manage
- Solar Gradient
- Click Install and then Use
Manual Installation
- Download the
theme.cssandmanifest.jsonfiles - Create a folder called
Solar Gradientin your.obsidian/themes/directory - Place both files in this folder
- Enable the theme in Obsidian Settings → Appearance → Themes
🎨 Color Palette
Heading Gradient
| Heading | Dark Theme | Light Theme | Mood |
|---|---|---|---|
| H1 | #ff8a5c |
#ff6b35 |
Bright sun |
| H2 | #ffa94d |
#f7931e |
Golden hour |
| H3 | #ffc078 |
#ffb347 |
Amber sunset |
| H4 | #e8a598 |
#e89b7c |
Coral dusk |
| H5 | #b88fb8 |
#b07aa8 |
Lilac twilight |
| H6 | #8a7aa8 |
#7a6a9a |
Deep evening |
Base Colors
| Element | Dark Theme | Light Theme |
|---|---|---|
| Background | #1e1a17 |
#fff8f0 |
| Text | #f5e8dc |
#3a2e28 |
| Accent | #ff8a5c |
#ff6b35 |
| Sea | #5aafc8 |
#4a9eb8 |
🛠️ Customization
Changing Colors
You can customize the theme by editing the CSS variables in theme.css:
--solar-sun: #ff6b35; /* Change to your preferred bright orange */
--solar-gold: #f7931e; /* Change to your preferred golden */
--solar-sea: #4a9eb8; /* Change to your preferred ocean blue */
Recommended Accent Color
For the best experience, set your Obsidian accent color to:
- RGB:
255, 107, 53 - HEX:
#ff6b35
Note: The theme hardcodes accent colors, so user settings will be overridden.
💡 Share Your Ideas
Have an idea for a new feature or a bright detail you'd love to see in Solar Gradient? I'd love to hear it!
You can share your suggestions by:
- 🐛 Opening an issue on GitHub
- ✉️ Sending a message through the Obsidian forum
Your ideas help make this theme brighter for everyone! ☀️🌅
📝 Credits
- Inspired by warm summer sunsets and bright sunny days
- Typography: Rubik, Bebas Neue, Playfair Display, JetBrains Mono
- Designed for energy, focus, and aesthetics
Enjoy the bright Solar Gradient vibes! ☀️🌅