SimplyColorful

![](/imgs/header.png)

<div align="center">
	<img alt="License" src="https://img.shields.io/github/license/LorenzoPegorari/SimplyColorful?style=for-the-badge&label=license&labelColor=404040&color=354FC5">
	<img alt="Obsidian Downloads" src="https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Freleases.obsidian.md%2Fstats%2Ftheme&query=%24.Simply%20Colorful.download&style=for-the-badge&logo=obsidian&logoColor=white&label=downloads&labelColor=404040&color=7852EE">
	<img alt="GitHub Stars" src="https://img.shields.io/github/stars/LorenzoPegorari/SimplyColorful?style=for-the-badge&logo=github&logoColor=white&label=github%20stars&labelColor=404040&color=D5399C">
</div>
<hr>

**Simply Colorful** is an [Obsidian](https://obsidian.md/) theme for desktop and mobile created by [LorenzoPegorari](https://github.com/LorenzoPegorari).

This theme was designed with the following goals in mind:
1. to make the most prominent parts of a note stand out more, making *skimming* faster
2. to help users quickly distinguish between different elements of a note (different headings, internal links, external links, etc.)
3. to provide a **simple** and *visually pleasing* note-taking experience through the prominent use of **colors** (particularly the personalized *accent color*)
## Index
- [Images](#images)
	- [Dark theme](#dark-theme)
	- [Light theme](#light-theme)
- [Features](#features)
- [Installation](#installation)
	- [Directly from Obsidian](#directly-from-obsidian)
	- [Alternate method](#alternate-method)
- [Feedback](#feedback)
- [Credits](#credits)
- [License](#license)
- [Disclaimer](#disclaimer)
# Images
_Accent color used in examples_:
- **RGB** = 245, 92, 92
- **HSL** = 0, 88%, 66%
- **HEX** = #F55C5C
## Dark theme
### Note example:
![Note example in dark mode](imgs/dark.png)
### Live preview and note outline example:
![Live preview and note outline example in dark mode](imgs/note-outline/note-outline-dark.png)
### Bases table example:
![Bases table example in dark mode](imgs/bases/bases-table-dark.png)
### Dataview table example:
![Dataview table example in dark mode](imgs/dataview/dataview-table-dark.png)
## Light theme
### Note example:
![Note example in light mode](imgs/light.png)
### Live preview and note outline example:
![Live preview and note outline example in light mode](imgs/note-outline/note-outline-light.png)
### Bases table example:
![Bases table example in light mode](imgs/bases/bases-table-light.png)
### Dataview table example:
![Dataview table example in light mode](imgs/dataview/dataview-table-light.png)
# Features
- Support for both light and dark mode
- Support for all window frame style (hidden, Obsidian frame, native frame)
- Support for both stacked tabs and sliding panes
- Colorful headings in both *Live Preview mode* and *Reading mode* (with a sweet animation while in *Reading mode*)
- Support for core plugins (*from version 0.5.0 even for Bases!*)
- Support for popular community plugins (Excalidraw, Dataview, Calendar, Advanced Tables, etc.)
- Support for [Style Settings plugin](https://github.com/mgmeyers/obsidian-style-settings)
# Installation
## Directly from Obsidian
This theme was reviewed by the [Obsidian team](https://github.com/obsidianmd), and was inserted in the [official list of themes](https://github.com/obsidianmd/obsidian-releases/blob/master/community-css-themes.json) after approval on [pull request #4403](https://github.com/obsidianmd/obsidian-releases/pull/4403).

This means that it can be easily installed by following the instructions below:
- open Obsidian `Settings`,
- open the `Appearance` tab in the `Options` sidemenu,
- click `Manage` next to `Themes`,
- search for "**Simply Colorful**" and click `Install and use`.
## Alternate method
Otherwise it can be installed by following the instructions below:
- open Obsidian `Settings`,
- open the `Appearance` tab in the `Options` sidemenu,
- click the *folder icon* next to `Themes`,
- create in the opened folder a new folder called "**Simply Colorful**",
- go in the [GitHub Releases page](https://github.com/LorenzoPegorari/SimplyColorful/releases/latest) and download from the latest release the `theme.css` and `manifest.json` files,
- put these 2 files in the created "**Simply Colorful**" folder,
- reload Obsidian,
- open Obsidian `Settings`,
- open the `Appearance` tab in the `Options` sidemenu,
- select "**Simply Colorful**" in the *drop-down menu* next to `Themes`.
# Feedback
If you encounter any issues or have any suggestions, feel free to contact me on the [Obsidian discord](https://discord.com/invite/obsidianmd) (@UberLias) or on the [main discussion in the Obsidian forum](https://forum.obsidian.md/t/theme-simply-colorful/89992).

You can also [submit an issue](https://github.com/LorenzoPegorari/SimplyColorful/issues) or raise a [pull request](https://github.com/LorenzoPegorari/SimplyColorful/pulls) if you want.
# Credits
A **big** thanks to [@kepano](https://github.com/kepano)'s [Minimal Theme](https://github.com/kepano/obsidian-minimal), that I used as a reference for this theme.

Please support @kepano on [X](https://x.com/kepano) or [buy @kepano a coffee](https://www.buymeacoffee.com/kepano).
# License
This theme is licensed under the [MIT License](LICENSE).
# Disclaimer
This theme is provided as is, and is designed for my personal use of Obsidian on Windows 10 and Windows 11. As such, it is not thoroughly tested across all operating systems and use cases.

This theme modifies some parts of the obsidian interface, so it may break with future updates. It may also be incompatible with other bits of custom CSS snippets you have.