# Xscriptor

<p align="center">
  <a href="https://github.com/xscriptor/obsidian/releases"><img src="https://img.shields.io/github/v/release/xscriptor/obsidian?style=flat-square&label=version&color=483699" alt="Version"></a>
  <a href="https://github.com/xscriptor/obsidian/blob/main/LICENSE"><img src="https://img.shields.io/github/license/xscriptor/obsidian?style=flat-square&color=483699" alt="License"></a>
  <a href="https://github.com/xscriptor/obsidian/stargazers"><img src="https://img.shields.io/github/stars/xscriptor/obsidian?style=flat-square&color=483699" alt="Stars"></a>
  <a href="https://obsidian.md"><img src="https://img.shields.io/badge/Obsidian-Theme-483699?style=flat-square&logo=obsidian" alt="Obsidian Theme"></a>
  <a href="https://github.com/xscriptor/obsidian/actions"><img src="https://img.shields.io/github/actions/workflow/status/xscriptor/obsidian/main.yml?style=flat-square&label=build&color=483699" alt="Build"></a>
</p>

An elegant Obsidian theme for coders and writers with beautiful EB Garamond typography and 12 built-in color schemes.

![Preview](./docs/preview/preview01.jpg)

<div align="center">

## Features

</div>

- EB Garamond typography (regular and italic, weight 400-700)
- 12 color schemes switchable via Style Settings
- Light & dark palettes per scheme
- Subtle transparency and frosted-glass effects
- Syntax highlighting with per-language code block tints
- Folder color borders adapting to the active scheme
- Graph View colors matching the active palette
- Style Settings integration for fine-grained customization

<div align="center">

## Installation

</div>

- **From Obsidian**: Settings > Appearance > Community Themes > Search **Xscriptor**
- **Manual**: copy these files into `.obsidian/themes/Xscriptor/` and select the theme in Settings > Appearance

### Required plugin
Install [Style Settings](https://github.com/mgmeyers/obsidian-style-settings) to access the scheme selector and all customization options.

<div align="center">

## Previews

</div>

### Mobile

<p align="center">
  <img src="./docs/preview/preview-mobile-02.jpg" width="200" alt="Xscriptor Mobile"/>
  <img src="./docs/preview/preview-mobile-03.jpg" width="200" alt="Xscriptor Mobile"/>
</p>

#### Old Previews

<p align="center">
  <img src="./docs/preview/preview02.jpg" width="200" alt="Xscriptor Mobile Dark Mode"/>
  <img src="./docs/preview/preview03.jpg" width="200" alt="Xscriptor Mobile Dark Mode"/>
  <img src="./docs/preview/preview04.jpg" width="200" alt="Xscriptor Mobile Light Mode"/>
  <img src="./docs/preview/preview05.jpg" width="200" alt="Xscriptor Mobile Light Mode"/>
</p>

### Desktop

<p align="center">
  <img src="./docs/preview/preview-desktop-01.jpg" width="700" alt="Xscriptor Desktop"/>
  <img src="./docs/preview/preview-desktop-02.jpg" width="700" alt="Xscriptor Desktop"/>
  <img src="./docs/preview/preview-desktop-03.jpg" width="700" alt="Xscriptor Desktop"/>
</p>

#### Old Previews

<p align="center">
  <img src="./docs/preview/preview06.png" width="700" alt="Xscriptor Desktop Dark Mode"/>
  <img src="./docs/preview/preview07.png" width="700" alt="Xscriptor Desktop Dark Mode"/>
</p>

### Selector

<p align="center">
<img src="./docs/preview/preview-mobile-01.jpg" width="200" alt="Xscriptor Mobile"/>
</p>

<div align="center">

## Colors

Following the X color convention

</div>

<div align="center">
  <a href="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_x.svg"><img src="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_x.svg" height="100" alt="X"/></a>
  <a href="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_madrid.svg"><img src="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_madrid.svg" height="100" alt="Madrid"/></a>
  <a href="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_lahabana.svg"><img src="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_lahabana.svg" height="100" alt="Lahabana"/></a>
  <a href="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_miami.svg"><img src="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_miami.svg" height="100" alt="Miami"/></a>
  <a href="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_paris.svg"><img src="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_paris.svg" height="100" alt="Paris"/></a>
  <a href="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_tokio.svg"><img src="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_tokio.svg" height="100" alt="Tokio"/></a>
</div>
<div align="center">
  <a href="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_oslo.svg"><img src="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_oslo.svg" height="100" alt="Oslo"/></a>
  <a href="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_helsinki.svg"><img src="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_helsinki.svg" height="100" alt="Helsinki"/></a>
  <a href="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_berlin.svg"><img src="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_berlin.svg" height="100" alt="Berlin"/></a>
  <a href="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_london.svg"><img src="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_london.svg" height="100" alt="London"/></a>
  <a href="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_praha.svg"><img src="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_praha.svg" height="100" alt="Praha"/></a>
  <a href="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_bogota.svg"><img src="https://raw.githubusercontent.com/xscriptor/xassets/main/colors/palette_bogota.svg" height="100" alt="Bogota"/></a>
</div>

<div align="center">

## Info

</div>

- [MIT License](LICENSE)
- [Report Issues](https://github.com/xscriptor/obsidian/issues)

Typography: EB Garamond — licensed under SIL Open Font License 1.1.




<div align="center">
<h2>X</h2>

<a href="https://dev.xscriptor.com">
  <img src="https://xscriptor.github.io/icons/icons/code/product-design/xsvg/verified-filled.svg" width="24" alt="X developer Web" />
</a>
 & 
<a href="https://github.com/xscriptor">
  <img src="https://xscriptor.github.io/icons/icons/code/product-design/xsvg/github.svg" width="24" alt="X Github Profile" />
</a>
 & 
<a href="https://www.xscriptor.com">
  <img src="https://xscriptor.github.io/icons/icons/code/product-design/xsvg/quotes.svg" width="24" alt="Xscriptor main web" />
</a>

</div>