CodeAzur

Code Azur Dark Theme for Obsidian

A vibe coded theme dark theme for Obsidian inspired by KodeKloud Notes website.

Features

• Deep Slate Backgrounds
• Sky Blue Accents:
• Night Owl Code Blocks:
• Inter Typography:

How to Install

Method 1: Manual Installation (Recommended)

1. Open Obsidian.
2. Go to Settings > Appearance.
3. Under "Themes", click on the Open themes folder icon (folder with a small arrow).
4. Identify the path of that folder (usually .obsidian/themes).
5. Copy the entire obsidian-code-azur-theme folder (the one containing this README) into that directory.
   • The final structure should look like: .../.obsidian/themes/obsidian-code-azur-theme/theme.css.
6. Go back to Obsidian Settings > Appearance.
7. Click Reload themes (if necessary).
8. Select Code Azur from the dropdown menu.

Method 2: Use as a Snippet (If you prefer not to change the full theme)

1. Copy the content of theme.css.
2. Go to Settings > Appearance > CSS Snippets.
3. Click the folder icon to open the snippets folder.
4. Create a new file named code-azur.css and paste the content.
5. Enable the snippet in the settings menu.

Customization

This theme uses CSS variables. You can override them using the Style Settings plugin if you add support, or simply by adding a CSS snippet to override specific variables:

body {
  --interactive-accent: #your-color;
}

TO DO

• Align Obsidian Live Preview and Reading View
• Add Light theme??