https://github.com/elliotboyd/obsidian-traffic-lights

A dark/light CSS theme for Obsidian
https://github.com/elliotboyd/obsidian-traffic-lights

Last synced: 27 days ago
JSON representation

A dark/light CSS theme for Obsidian

• Host: GitHub
• URL: https://github.com/elliotboyd/obsidian-traffic-lights
• Owner: elliotboyd
• Created: 2020-06-18T09:20:41.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-06-18T20:13:18.000Z (over 4 years ago)
• Last Synced: 2024-08-04T04:07:02.593Z (4 months ago)
• Language: CSS
• Size: 2.23 MB
• Stars: 50
• Watchers: 5
• Forks: 10
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-obsidian-plugins - Traffic Lights - A dark/light theme to Obsidian. (Uncategorized / Uncategorized)
• awesome-obsidian - elliotboyd/obsidian-traffic-lights - traffic-lights/master/dark.png "") | ([Custom-folder-files-tree](code/css-snippets/custom-folder-files-tree.css))

README

        
# obsidian-traffic-lights

A dark/light CSS theme for [Obsidian](http://www.obsidian.md).

## Screenshots

#### Light Mode

![Light Mode](light.png)

#### Dark Mode

![Dark Mode](dark.png)

#### Andy Matuschak Mode

There are some optional 'tweaks' in the last section of the file, which on default are set as comment, but can be enabled simply be removing the corresponding symbols (`/*` and `*/`). That includes, for example, an adapted version of the [Andy Matuschak mode](https://notes.andymatuschak.org/) by [deathau](https://github.com/deathau) (search for `_andy_matuschak_mode` in [obsidian.css](obsidian.css)).

![Andy Mode](andymode.png)

# Install

1. Download [obsidian.css](obsidian.css) to your Obsidian vault folder.

2. In Obsidian, turn on 'Custom CSS' at: `Settings > Appearance > Custom CSS`.