How to use Minimal Theme's Cards View on Any Other Theme in Obsidian

Introduction

In this tutorial, you will learn how to add the minimalist theme's cards CSS snippet to enable a card view for table queries in Dataview within Obsidian. This feature enhances the visual presentation of your notes, making it easier to organize and view information.

Step 1: Download the Cards CSS

1. Visit the provided link to access the CSS snippet:
   • Download Cards CSS
2. Sign in or create an account on Patreon if necessary.
3. Locate the CSS snippet for the cards view and download the file to your computer.

Step 2: Open Obsidian and Access Settings

1. Launch Obsidian on your computer.
2. Open the vault where you want to apply the cards view.
3. Click on the gear icon (Settings) located in the lower left corner of the Obsidian interface.

Step 3: Add the CSS Snippet

1. In the settings menu, scroll down and select the "Appearance" tab.
2. Look for the "CSS Snippets" section.
3. Click on "Open snippets folder" to navigate to the appropriate directory.
4. Copy the downloaded CSS file into the snippets folder.

Step 4: Enable the CSS Snippet

1. Return to the Obsidian settings.
2. In the CSS Snippets section, you should see the newly added CSS snippet listed.
3. Toggle the switch next to the CSS snippet to enable it.

Step 5: Create a Dataview Query for Cards View

1. Open or create a note where you want to display your cards.
2. Insert a Dataview code block by typing:

   ```dataview
   TABLE ...
   

3. Replace the ellipsis with your desired query. For example:

   ```dataview
   TABLE file.name AS Name, file.mtime AS Modified
   FROM "folder_name"
   

4. Save the note to render the query.

Step 6: Customize Your Cards (Optional)

1. If you want to further customize the appearance of your cards, edit the CSS file you downloaded.
2. Change styles such as colors, fonts, or layouts as per your preferences.

Conclusion

You have successfully enabled the card view in Dataview using the minimal theme's CSS snippet in Obsidian. This feature can help you better visualize and organize your notes. Explore further customization options to tailor the card view to your needs. Happy note-taking!