# Alternate Checkboxes
%% Add a description below and remove the tag. What do you use this css snippet for? Feel free to add links to other existing notes! %%
>Different styling for checkboxes based on the text thats within the checkbox's brackets: `- [?]`.
Inspired by [Death AU's Checkbox Snippet](https://github.com/deathau/obsidian-snippets/blob/HEAD/checkbox.css)
%% Paste your template below %%
---
[**Grab CSS Snippet Here**](https://github.com/SlRvb/Obsidian--ITS-Theme/blob/HEAD/Snippets/S%20-%20Checkboxes.css)
Dim/Color text toggle-able using the [[obsidian-style-settings|Style Settings]] plugin.
Included in the [[ITS Theme]]; color text toggled on by default.
---
%% Add a screenshot of the effect this snippet produces with edit and preview mode visible %%
**Colorful Text:**
[![](https://raw.githubusercontent.com/SlRvb/Obsidian--ITS-Theme/main/Images/Alternate_Checkbox-Colored-Text.png)](https://raw.githubusercontent.com/SlRvb/Obsidian--ITS-Theme/main/Images/Alternate_Checkbox-Colored-Text.png)
**Dim Text:**
[![](https://raw.githubusercontent.com/SlRvb/Obsidian--ITS-Theme/main/Images/Alternate_Checkbox-Dim-Text.png)](https://raw.githubusercontent.com/SlRvb/Obsidian--ITS-Theme/main/Images/Alternate_Checkbox-Dim-Text.png)
%% Hub footer: Please don't edit anything below this line %%
# This note in GitHub
<span class="git-footer">[Edit In GitHub](https://github.dev/obsidian-community/obsidian-hub/blob/main/02%20-%20Community%20Expansions/02.05%20All%20Community%20Expansions/CSS%20Snippets/Alternate%20Checkboxes%20%28SlRvb%29.md "git-hub-edit-note") | [Copy this note](https://raw.githubusercontent.com/obsidian-community/obsidian-hub/main/02%20-%20Community%20Expansions/02.05%20All%20Community%20Expansions/CSS%20Snippets/Alternate%20Checkboxes%20%28SlRvb%29.md "git-hub-copy-note") | [Download this vault](https://github.com/obsidian-community/obsidian-hub/archive/refs/heads/main.zip "git-hub-download-vault") </span>