https://github.com/cheaderthecoder/text-color-snippet

a simple obsidian CSS snippet is to change all user typed text to any color.
https://github.com/cheaderthecoder/text-color-snippet

Last synced: 3 months ago
JSON representation

a simple obsidian CSS snippet is to change all user typed text to any color.

• Host: GitHub
• URL: https://github.com/cheaderthecoder/text-color-snippet
• Owner: cheaderthecoder
• License: mit
• Created: 2024-08-28T13:26:13.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-08-28T14:49:50.000Z (9 months ago)
• Last Synced: 2025-01-15T13:06:45.787Z (4 months ago)
• Language: CSS
• Homepage:
• Size: 18.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Obsidian Text Color Snippet

![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/cheaderthecoder/text-color-snippet)

![GitHub top language](https://img.shields.io/github/languages/top/cheaderthecoder/text-color-snippet)

![LICENSE](https://img.shields.io/github/license/cheaderthecoder/text-color-snippet)

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](https://github.com/mgmeyers/obsidian-style-settings) you can customize the color to anything you like.

## Table of Contents

- [Style Settings Plugin](#style-settings-plugin)

- [Installation](#installation)

- [Examples](#examples)

- [Acknowledgements](#acknowledgements)

- [License](#license)

## Installation

1. **Download the Snippet:**

   - [Download text-color.css](https://github.com/cheaderthecoder/text-color-snippet/blob/main/Text-Color.css)

   - Place the downloaded CSS file into your Obsidian snippets folder. This is 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](https://github.com/mgmeyers/obsidian-style-settings).

   - 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](https://github.com/mgmeyers/obsidian-style-settings). 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](https://github.com/user-attachments/assets/eb028914-1d4d-43e0-a745-a261debc69c7)

### Custom Color with Style Settings Plugin

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

![image](https://github.com/user-attachments/assets/6d56388c-1676-414b-937f-1792c84cf82f)

## Acknowledgements

- [Style Settings Plugin](https://github.com/mgmeyers/obsidian-style-settings) for providing an easy way to customize styles in Obsidian.

- [Obsidian](https://obsidian.md) for being an amazing tool for personal knowledge management.

## License

This project is licensed under the [MIT License](LICENSE.md). See the [LICENSE](LICENSE) file for details.