### Install AnuPpuccin via Git Clone

Source: https://context7.com/anubisnekhet/anuppuccin/llms.txt

Instructions for cloning the AnuPpuccin theme repository directly into your Obsidian vault for the latest development version. This method allows for easy updates using git pull.

```bash
# Navigate to your vault's themes folder
cd /path/to/your/vault/.obsidian/themes

# Clone the repository
git clone https://github.com/AnubisNekhet/AnuPpuccin.git

# To update later
cd AnuPpuccin && git pull
```

--------------------------------

### YAML Frontmatter CSS Class Application

Source: https://context7.com/anubisnekhet/anuppuccin/llms.txt

Examples of using the `cssclass` frontmatter property to apply custom styles to individual notes. This allows for selective disabling of theme features like colored headings, text decorations, or hiding metadata.

```yaml
---
cssclass: heading-normal-toggle
---
# This note will have normal (non-colored) headings
```

```yaml
---
cssclass: decorations-normal-toggle
---
This note will have **normal bold** and *normal italic* without colors.
```

```yaml
---
cssclass: hide-metadata
---
This note will have hidden metadata/properties section.
```

```yaml
---
cssclass: metadata-button
---
This note will show metadata as a collapsible button.
```

--------------------------------

### Custom Color Overrides in CSS

Source: https://context7.com/anubisnekhet/anuppuccin/llms.txt

Example of how to override individual color palette variables within a custom CSS snippet for the AnuPpuccin theme. This allows for fine-grained control over theme colors in dark mode.

```css
/* In a custom CSS snippet, override specific colors */
.theme-dark {
  --ctp-custom-rosewater: 245, 224, 220;
  --ctp-custom-flamingo: 242, 205, 205;
  --ctp-custom-pink: 245, 194, 231;
  --ctp-custom-mauve: 203, 166, 247;
  --ctp-custom-red: 243, 139, 168;
  --ctp-custom-maroon: 235, 160, 172;
  --ctp-custom-peach: 250, 179, 135;
  --ctp-custom-yellow: 249, 226, 175;
  --ctp-custom-green: 166, 227, 161;
  --ctp-custom-teal: 148, 226, 213;
  --ctp-custom-sky: 137, 220, 235;
  --ctp-custom-sapphire: 116, 199, 236;
  --ctp-custom-blue: 137, 180, 250;
  --ctp-custom-lavender: 180, 190, 254;
}
```

--------------------------------

### Build AnuPpuccin Theme CSS from Source

Source: https://context7.com/anubisnekhet/anuppuccin/llms.txt

Commands to compile the SCSS source files into CSS for the AnuPpuccin theme. This includes building the main theme CSS and separate snippet CSS files for extended functionality.

```bash
# Clone the repository
git clone https://github.com/AnubisNekhet/AnuPpuccin.git
cd AnuPpuccin

# Build the main theme CSS
sass src/base.scss theme.css --no-source-map --no-charset

# Build snippet CSS files
sass snippets/src/extended-colorschemes.scss snippets/extended-colorschemes.css --no-source-map
sass snippets/src/custom-rainbow-colors.scss snippets/custom-rainbow-colors.css --no-source-map
```

--------------------------------

### YAML Minimal Cards Integration Configuration

Source: https://context7.com/anubisnekhet/anuppuccin/llms.txt

Configuration for integrating and styling cards using the Minimal theme's cards feature with Anuppuccin. This involves downloading `cards.scss` and adjusting settings like minimum/maximum width, padding, and image height.

```yaml
# Via Style Settings:
# AnuPpuccin → Integrations → Minimal Cards

# Download cards.scss from Minimal theme and compile
# Settings:
# - Card minimum width: 180px
# - Card maximum width: 1fr
# - Card minimum width on mobile: 120px
# - Card padding: 1.2em
# - Card maximum image height: 400px
# - Card border width: 1px
```

--------------------------------

### Markdown Callout Styling with Palette Colors

Source: https://context7.com/anubisnekhet/anuppuccin/llms.txt

Demonstrates how to use Markdown callouts, which automatically adopt colors from the active Anuppuccin theme palette. Different callout types like note, warning, tip, and info will display with their corresponding theme colors.

```markdown
> [!note] Note Callout
> This uses the theme's note color from the palette.

> [!warning] Warning Callout
> Styled with the palette's warning color.

> [!tip] Tip Callout
> Uses the green/teal from your selected flavor.

> [!info] Information
> Informational callouts use the blue palette color.
```

--------------------------------

### YAML Kanban Plugin Styling Configuration

Source: https://context7.com/anubisnekhet/anuppuccin/llms.txt

Customization options for the Kanban plugin within the Anuppuccin theme. This includes settings for card appearance (menu button, archive button, borders, opacity, radius, spacing) and lane appearance (full height, borders, opacity, radius, spacing), as well as search bar behavior.

```yaml
# Via Style Settings:
# AnuPpuccin → Integrations → Kanban

# Card Settings:
# - Hide the Card Menu Button: toggle
# - Hide the Archive Card Button: toggle
# - Disable Card Borders: toggle
# - Card Opacity: 1 (slider)
# - Card Radius: 6px (slider)
# - Card Spacing: 8px (slider)

# Lane Settings:
# - Enable Full Height Lanes: toggle
# - Disable Lane Borders: toggle
# - Lane Opacity: 1 (slider)
# - Lane Radius: 6px (slider)
# - Lane Spacing: 10px (slider)

# Search Settings:
# - Enable Full Width Search Bar: toggle
# - Collapse Lanes With No Search Results: toggle
# - Hide Cards That Don't Contain the Search Query: toggle
```

--------------------------------

### YAML Typography Configuration for Headings

Source: https://context7.com/anubisnekhet/anuppuccin/llms.txt

Configuration options for customizing heading colors and styles via YAML frontmatter or Style Settings. This includes enabling custom colors, margins, and per-heading font properties like family, size, weight, and color.

```yaml
# Via Style Settings:
# AnuPpuccin → Typography → Headings

# Global Settings:
# - Enable Custom Heading Colors: toggle
# - Enable Custom Heading Margin: toggle
# - Inherit Divider Color from Heading Color: toggle
# - Heading margin value: 15px (slider)

# Per-heading settings (H1-H6):
# - Font Family (default: Noto Serif)
# - Font Size (H1: 2em, H2: 1.6em, etc.)
# - Font Weight
# - Line Height
# - Color (palette colors)
# - Divider: toggle underline
```

--------------------------------

### YAML Combining Multiple CSS Classes

Source: https://context7.com/anubisnekhet/anuppuccin/llms.txt

Demonstrates how to apply multiple CSS classes to a single note by listing them comma-separated in the `cssclass` frontmatter property. This enables combining various style modifications for a note.

```yaml
---
cssclass: heading-normal-toggle, decorations-normal-toggle, hide-metadata
---
# Note Title
This note has normal headings, normal text decorations, and hidden metadata.
```

--------------------------------

### AnuPpuccin Custom Checkbox Syntax

Source: https://context7.com/anubisnekhet/anuppuccin/llms.txt

This markdown snippet demonstrates the extended checkbox syntax supported by the AnuPpuccin theme. It includes basic task states, information markers, and speech bubble indicators for dialogue.

```markdown
- [ ] Unchecked task
- [x] Completed task
- [>] Rescheduled task
- [<] Scheduled task
- [!] Important task
- [-] Cancelled task
- [/] In progress task
- [?] Question
- [*] Star/favorite
- [n] Note
- [l] Location
- [i] Information
- [I] Idea
- [S] Amount/money
- [p] Pro/positive
- [c] Con/negative
- [b] Bookmark
- ["] Quote
- [u] Up arrow
- [d] Down arrow
- [w] Win/trophy
- [k] Key
- [f] Fire/hot
- [0] Speech bubble 0
- [1] Speech bubble 1
```

--------------------------------

### CSS Custom Background Image Snippet

Source: https://context7.com/anubisnekhet/anuppuccin/llms.txt

A CSS snippet to apply a custom background image to the Obsidian workspace. Configuration, including image URL, brightness, blur, and container opacity for both light and dark modes, is managed via Style Settings.

```css
/* Enable snippets/custom-background.css */
/* Configure via Style Settings:
   AnuPpuccin Custom Background → Background */

/* Settings available:
   - Enable Custom Background (WIP)

   Light Mode:
   - Custom Background Image URL: url("https://...")
   - Background brightness: 0.7 (slider)
   - Background blur: 5px (slider)
   - Container opacity: 0.4 (slider)

   Dark Mode:
   - Custom Background Image URL: url("https://...")
   - Background brightness: 0.7 (slider)
   - Background blur: 5px (slider)
   - Container opacity: 0.4 (slider)
*/
```

--------------------------------

### YAML Text Decoration Color Customization

Source: https://context7.com/anubisnekhet/anuppuccin/llms.txt

Settings for customizing the colors of text decorations such as bold, italic, and highlight. These can be configured through Style Settings, allowing selection from palette colors.

```yaml
# Via Style Settings:
# AnuPpuccin → Typography → Text Decoration

# Settings:
# - Enable Decoration Colors: toggle
# - Bold Color: Red (default), or any palette color
# - Italic Color: Green (default), or any palette color
# - Highlight Color: Yellow (default), or any palette color
```

--------------------------------

### YAML Colorful Frame Configuration

Source: https://context7.com/anubisnekhet/anuppuccin/llms.txt

Configuration for enabling and customizing the colorful frame, an accent-colored bar at the top of the Obsidian window. Settings include toggling frame visibility, inverting icon colors, adjusting opacity, and setting a custom color.

```yaml
# Via Style Settings:
# AnuPpuccin → Workspace → Colorful Frame

# Settings:
# - Enable Colorful Frame (WIP): toggle
# - Invert Icon Colors - Light: toggle
# - Invert Icon Colors - Dark: toggle
# - Colorful Frame Opacity: 1 (slider 0-1)
# - Custom Colorful Frame Color: color picker
```

--------------------------------

### YAML Font Configuration for Editor Modes

Source: https://context7.com/anubisnekhet/anuppuccin/llms.txt

Options to set custom fonts for different Obsidian editor modes (Source, Live Preview, Reading View) and recommended fonts for interface, text, and headings.

```yaml
# Via Style Settings:
# AnuPpuccin → Typography → Font Families

# Settings:
# - Source Editor Font: Iosevka Comfy Duo (default)
# - Live Preview Editor Font: Noto Sans (default)
# - Reading View Editor Font: Noto Sans (default)

# Recommended fonts:
# - Interface: Overpass
# - Text: Rubik
# - Headings: Noto Serif
```

--------------------------------

### Override Rainbow Folder Colors via CSS

Source: https://context7.com/anubisnekhet/anuppuccin/llms.txt

This CSS snippet allows users to override the default rainbow folder colors by defining custom RGB values for the theme's CSS variables. It is intended to be used with the custom-rainbow-colors.css file.

```css
body {
  --anp-rainbow-1: 243, 139, 168;  /* Red */
  --anp-rainbow-2: 250, 179, 135;  /* Peach */
  --anp-rainbow-3: 249, 226, 175;  /* Yellow */
  --anp-rainbow-4: 166, 227, 161;  /* Green */
  --anp-rainbow-5: 137, 220, 235;  /* Sky */
  --anp-rainbow-6: 137, 180, 250;  /* Blue */
  --anp-rainbow-7: 203, 166, 247;  /* Mauve */
}
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.