CyberGlow

# Cyber Glow for Obsidian
![CyberGlow Version](https://img.shields.io/github/v/tag/ThePharaohArt/Obsidian-CyberGlow?label=CyberGlow%20Version&style=flat-square&color=4CADD6) ![Last Updated](https://img.shields.io/github/last-commit/ThePharaohArt/Obsidian-CyberGlow?label=Last%20Updated&style=flat-square&color=4CADD6) ![Stars](https://img.shields.io/github/stars/ThePharaohArt/Obsidian-CyberGlow?label=Stars&style=flat-square&color=D6C84C) ![Open Issues](https://img.shields.io/github/issues/ThePharaohArt/Obsidian-CyberGlow?label=Open%20Issues&style=flat-square&color=D64C4C) ![Solved Issues](https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/ThePharaohArt/Obsidian-CyberGlow/main/solved-issues-badge.json&style=flat-square)

> ## 2.3.7 **Changelog** 
> - Added: Mini Headers now can be toggled in Reader view
> - Added: Style Setting option to remove the Strikout Style for better readability
> - Fixed: Collapsible Chevrons not appearing for headers in Live Preview
> - Fixed: Incorrect Scifi Clipping on bases when hovering
> - Fixed: Header when Header is empty
> - Fixed: Bullet List alignment (might need to be altered further if there are issues)
> - Modified: Reduced the intensity of the window highlighter

![Screenshot](https://github.com/user-attachments/assets/eca873d2-5aad-4719-a83e-d8d586d85416)

This theme transforms Obsidian into a colorful sci-fi/cyberpunk experience, with a original accented design featuring glow effects. Supports a wide range of accent colors, allowing you to customize the colors of Obsidian. This theme gives you a futuristic and eye-catching look that will captivate your attention, have you staring at your notes and even motivated to create more notes all while keeping the functionality and familiarity of the default theme.

### Desktop View

Dark Mode
![Screenshot 2024-11-30 223717](https://github.com/user-attachments/assets/801ec7da-6865-44cc-b4d6-f5af98a30c0a)

Light Mode
![Screenshot 2024-11-30 223807](https://github.com/user-attachments/assets/b5d3e983-c09a-42ed-bc6c-1795db13347c)

### Mobile View
<img src= "https://github.com/user-attachments/assets/8efe98a3-61bc-4fd6-a42a-d101ac44074a" height="400">

> **Note**
> If Obsidian is having trouble finding an update for theme, consider manually updating it by downloading the theme and manifest file Replacing the existing one in the Cyber Glow folder directory.

Would appreciate any donation if you enjoy this theme, doing this theme in my free time during studies.
<a href="https://www.buymeacoffee.com/TheEmperorArt"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a pizza&emoji=🍕&slug=TheEmperorArt&button_colour=690ed8&font_colour=ffffff&font_family=Inter&outline_colour=ffffff&coffee_colour=FFDD00" /></a>

### Optional
- Recommended to install "Style Settings" plugin so that you may have custom checkboxes, custom background and its controls and custom stacked tab width. 

### Plugin Support
No additional plugins are required to have the theme working unlike many other themes.
- Kanban
- Style Settings (more customizations)
- Surfing
- File Exporer Note Count
- Language Tool Integration 
- and much more
- If a plugin doesn't look right with this theme let me know.<br>

### What to Expect
- Completely consistent and unique design style and in dark/light mode compared to majority of themes<br>
  
Some styles that first appeared in this CyberGlow:
- Adopt theme wide Accent color support for majority of the theme 
- Unique Line Separator featuring Obsidians Logo
  ![image](https://github.com/ArtexJay/Obsidian-CyberGlow/assets/32932497/b5381ce7-8ba0-4dbe-80d0-ea2ac235bfd2)
- Custom headers that blend well with Canvas.
- A single unified active line hightlight in editor
![Screenshot 2024-11-30 234030](https://github.com/user-attachments/assets/46ed4876-084c-4fcd-9685-36a7b617c6e5)
- Upright Stacked tabs titles for easier reading (no need to crane your neck)
- Custom Left Sidebar toggle in Hidden Window Frame and Obsidian Frame
- Improved stacked tabs compatibility for Custom background support
- First theme with active highlightable panes, so you know what pane is focused on.
<br>

- Support with Style Settings
  - Custom Background with opacity, brightness, bluryness controls
    - Improved opacity controls compared to other themes no weird Opacity gaps not being filled in properly.
  - Custom Stacked tabs width control
  - Bigger and custom checkboxes for easier viewing
  
```
- [x] checkmark
- [?] ? for question
- [-] - for removed
- [!] ! for important
- [>] > for delayed
- [/] / for half-done/WIP
- [R] R for review
- [+] + for archived
- [b] b for bookmark
- [B] B for brainstorm
- [D] D for planned
- [i] i for idea
- [I] I for info
- [N] N for note
- [<] < for scheduling
- [P] P or p for positive
- [C] C or c for negative
- [Q] Q or " for quote
- [S] S for savings
- [f] f for fire
- [k] k for key
- [w] w for win
- [u] u for up
- [d] d for down
- [l] l for location
- [*] * for star
```
- Smooth tab and pane switching animation
- Custom file explorer icons plus unique icon depicting which file you are viewing/editing 
- Add custom cursive signatures (If you have the optional fonts pack installed)
  - `<cite>Enter Name Here</cite>`
  - `<div class= 'signature'>The Name<\div>`
- Easily identifiable codeblocks with proper code coloring


#### Special Thanks
- [Deathau](https://github.com/deathau), his creator of 80's Neon theme inspired the widespread glow effects now present in my theme. 
- [Benny Guo](https://github.com/bennyxguo/Obsidian-Obsidianite), formerly Tridiamond, his Obsidianite theme was the basis, originally intended to just a minor tweak of his theme.
- [Sailkite](https://github.com/sailKitev) on Discord - Helped me with resolve my weird CSS issues and suggested ways to streamline some things
- [Colin Eckert's](https://github.com/colineckert) Things 2 Theme having working minimal headers in live preview and imo useful codeblock gutter line
- [SlRvb](https://github.com/SlRvb) Adapted ITS Theme's Callout Infoboxes, grid, Kith and captions
- [LennZone](https://github.com/LennZone) Adapted LennZone's Enhanced File Explorer Tree

 > **Note**
> Be sure to credit me by linking to this repo should you use portions or design elements of my theme.