# Obsidian Custom Theme

This is a custom theme for Obsidian that supports both light and dark color schemes. The theme uses the `Quicksand` and `Cabin` fonts and provides custom colors for headings, bold, and italic text.

![image](image.png)

## Features

- **Light and Dark Mode**: Automatically switches between light and dark themes based on Obsidian settings.
- **Custom Fonts**: Uses `Quicksand` for headings and `Cabin` for body text.
- **Custom Colors**: Provides a unique color scheme for headings, bold, and italic text.
- **Border Radius**: Adds rounded corners to various UI elements.

## Installation

1. **Download the Theme**
	- Download the `theme.css` file from this repository.

2. **Place the CSS File**
	- Place the `theme.css` file in the root directory of your Obsidian vault.

3. **Enable the Theme**
	- Go to Obsidian settings.
	- Navigate to the Appearance tab.
	- Under "Base color scheme," toggle between Light and Dark to see the theme changes.
	- Make sure the `theme.css` file is included in your published site if you are using Obsidian Publish.

## Customization

You can further customize the theme by editing the `theme.css` file. Here are some of the main variables you can adjust:

### Light Theme Variables
```css
.theme-light {
  --text: rgb(2, 2, 34);
  --background-primary: rgb(221, 223, 253);
  --background-secondary: rgb(255, 255, 255);
  --primary: rgb(7, 136, 82);
  --secondary: rgb(104, 248, 154);
  --accent: rgb(181, 208, 73);

  --highlight-hue: 30;
  --italic-color: #82c0e9;
  --bold-color: #d86679;
  --h1-color: #ffc444;
  --h2-color: #faa250;
  --h3-color: #f88765;
  --h4-color: #f88773;
  --h5-color: #f88773;
  --h6-color: #f88773;
}
.theme-dark {
  --text: rgb(221, 221, 253);
  --background-primary: rgb(2, 4, 34);
  --background-secondary: rgb(0, 0, 0);
  --primary: rgb(119, 248, 194);
  --secondary: rgb(7, 151, 57);
  --accent: rgb(155, 182, 47);

  --highlight-hue: 30;
  --italic-color: #82c0e9;
  --bold-color: #d86679;
  --h1-color: #ffc444;
  --h2-color: #faa250;
  --h3-color: #f88765;
  --h4-color: #f88773;
  --h5-color: #f88773;
  --h6-color: #f88773;
}
```

## Contribution
Feel free to contribute to this theme by submitting pull requests. You can also open issues for any bugs or feature requests.

## License
This theme is released under the MIT License. You can use it for personal and commercial projects.