https://github.com/Evelf/obsidian-recipes

Tips and tricks for obsidian.md configuration
https://github.com/Evelf/obsidian-recipes

Last synced: 27 days ago
JSON representation

Tips and tricks for obsidian.md configuration

• Host: GitHub
• URL: https://github.com/Evelf/obsidian-recipes
• Owner: Evelf
• Created: 2022-08-28T17:30:46.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-18T00:44:44.000Z (over 1 year ago)
• Last Synced: 2024-02-18T17:39:24.519Z (4 months ago)
• Language: CSS
• Size: 345 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Lists

• awesome-stars - Evelf/obsidian-recipes - Tips and tricks for obsidian.md configuration (CSS)

README

        
# Evelf's obsidian solution log

## 2022-08-28 Rainbow file explorer

### Screenshot

![Screenshot Outline](rainbow-file_explorer/demo-screenshot-outline.png)

### Bases

- Theme: Obsidian's Base theme, dark mode

- Plugins with visual impact and their configuration:

  - [Obsidian Icon Folder](https://github.com/FlorianWoelki/obsidian-icon-folder) (note: allows to add icons to files too)

    - activate icons packs

    - to add emojis: copy-paste from elsewhere (e.g. [emojipedia](https://emojipedia.org/))

  - [Obdidian Hider](https://github.com/kepano/obsidian-hider):

    - hide vault name

    - hide scrollbars

- Other useful plugins shown in screenshots:

  - Core Plugin: Stared

  - [Obsidian Collapse All](https://github.com/OfficerHalf/obsidian-collapse-all)

### CSS snippets

I've tried to add useful comments in the CSS themselves.

- The [colors.css](rainbow-file_explorer/evelf-rainbow_file_explorer-colors.css) file defines colors for the folders's title and border, it shouldn't mess with any theme or CSS snippets, and you can customize colors at the beginning of the file.

- To achieve a decent look, you'll also need the [layout.css](rainbow-file_explorer/evelf-rainbow_file_explorer-layout.css) file. The values in that files were defined by trial and error, and you may need to adjust them depending on your theme.

- The [tricks.css](rainbow-file_explorer/evelf-rainbow_file_explorer-other_tricks.css) are just bonus.

![Screenshots](rainbow-file_explorer/demo-screenshots.png)