# 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>