Obsidian-text-color-snippet

Obsidian-text-color-snippet

a simple obsidian CSS snippet to change the color of user typed text to the choosen color (using style-settings).

Obsidian Text Color Snippet

GitHub code size in bytes GitHub top language LICENSE

A CSS snippet for Obsidian that changes the color of all user-typed text in your notes. By default the to orange but with Style Settings plugin you can customize the color to anything you like.

Table of Contents

Installation

  1. Download the Snippet:

    • Download text-color.css from the releases tab.
    • Place the downloaded CSS file into your Obsidian snippets folder. Typically found at \.obsidian\snippets\ on Windows, or ~/Library/Application Support/obsidian/snippets/ on macOS.
  2. Enable the Snippet:

    • Open Obsidian.
    • Go to Settings > Appearance > CSS snippets.
    • You should see the text-color-snippet snippet listed. Toggle it on to apply the style.
  3. Customize the Color (Optional):

    • If you want to change the default color, install the Style Settings plugin.
    • Open the Style Settings interface (Ctrl+P and search for Style Settings: Show style settings view).
    • Find the text-color-snippet settings and adjust the color to your preference.

Style Settings Plugin

If you want to change the text color from the default orange, you need to install the Style Settings plugin. This plugin provides a user-friendly interface to adjust the color of your text.

Examples

Here are some examples to illustrate how the snippet affects your notes.

Default Orange Color

  • All user-typed text will appear in orange. image

Custom Color with Style Settings Plugin

  • Using the Style Settings plugin, you can set a custom color for your text. image

Acknowledgements

  • Style Settings Plugin for providing an easy way to customize styles in Obsidian.
  • Obsidian for being an amazing tool for personal knowledge management.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Related

How to Install

  1. Download the repository ZIP below
  2. Unzip it and find the CSS snippet file
  3. Move the CSS file into your vault's .obsidian/snippets/ folder
  4. Open Obsidian → Settings → Appearance → CSS Snippets → Enable it

Stats

Stars

1

Forks

0

License

MIT

Last updated 13mo ago

Categories

Tags

csscss3obsidianobsidian-mdobsidian-snippetsnippet