https://github.com/cheaderthecoder/obsidian-text-color-snippet
a simple obsidian CSS snippet to change the color of user typed text to the choosen color (using style-settings).
https://github.com/cheaderthecoder/obsidian-text-color-snippet
css css3 obsidian obsidian-md obsidian-snippet snippet
Last synced: 12 days ago
JSON representation
a simple obsidian CSS snippet to change the color of user typed text to the choosen color (using style-settings).
- Host: GitHub
- URL: https://github.com/cheaderthecoder/obsidian-text-color-snippet
- Owner: cheaderthecoder
- License: mit
- Created: 2024-08-28T13:26:13.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-05-01T19:06:02.000Z (26 days ago)
- Last Synced: 2025-05-01T20:19:57.996Z (26 days ago)
- Topics: css, css3, obsidian, obsidian-md, obsidian-snippet, snippet
- Language: CSS
- Homepage: https://github.com/cheaderthecoder/Obsidian-text-color-snippet
- Size: 27.3 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
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 from the [releases tab](https://github.com/cheaderthecoder/Obsidian-text-color-snippet/releases/latest).
- 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](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.
### Custom Color with Style Settings Plugin
- Using the Style Settings plugin, you can set a custom color for your text.
## 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.