Obsidian-Snippet-collection - A collection of snippet to customize obsidian

Overview

This repo is a collection of CSS snippets for Obsidian.md.

To install them on PC:

  • Put the snippets in the snippets folder of .obsidian in the root of your vault;
  • In Obsidian: Appearance → Refresh snippets ⇒ Activate the ones you want.

⚠️ In IOS, it is impossible to access hidden folders. You can:

Each snippets can be adjusted with Style Settings.

Custom Syntax

This is a simple snippet that allows a specific formatting using markdown syntax, without using HTML.

References :

  • **~~text~~** : Yellow text
  • *~~text~~* : Blue text
  • **==text==** : Red text
  • *==text==* : Bold green text
  • __*text*__ : Underline
  • **==~~text~~==** : Cyan Highlight
  • *==~~text~~==*: Green highlight

Folder Note :

⚠️ This snippet is mostly present in terms of EXAMPLE.

This snippet allows you to turn a folder into a note, by moving the various icons in a folder. To use it you need :

The file sanctum tweaks allows the necessary adjustments to this theme.

⚠️ You need to change the paths of your files!

Colored files & folder

Credit:

Associated files start with folder-color.

This snippet allows:

  • Add colors for each folder numbered from 00 to 100
  • Add lines for the children files of a folder

In case the lines don't match with the icons, you can adjust them with Style Settings, just like the colors.

Icons

These snippets add somes icons for unsupported files. The icons_font.css embed somes font, so you can use in multiple snippets if you want ! Font included :

  • boxicons (old and new version)
  • remixicon (old and new version)
  • Material Icons
  • IcoMoon Free
  • Font Awesome 5 Free
  • Font Awesome 5 Free Solid
  • Font Awesome 5 Brands

Image Float

All of the credit for this snippet to go Lithou. I just adapted this snippet to work with Live Preview. I pretty didn't know if Lithou updated it.

Sanctum Tweaks & Minimal Tweaks

This snippet add support for my folder_note, folder-color snippet and edit some things in Sanctum :

  • Aspect of Links, since the 6.0.1, where I don't like the new link's aspect.
  • A specific font for comments
  • Some tweaks around bullet or codes

Keep the snippets updated

You can use Obsidian-Snipper-Manager, a python script. and use the command line : obsnipe clone https://github.com/Mara-Li/Obsidian-Snippet-collection

You can turn on auto-update using obsidian-shell

You might also like...

Aniso is an open-source ASCII tool built by Studio Freight to generate and customize character-based imagery.

Aniso Aniso is an open-source ASCII tool built by Studio Freight to generate and customize character-based imagery. Features Granularity control Chara

Dec 16, 2022

Forked from hayes0724/shopify-packer Modern development tool for Shopify using Webpack 5. Easy to extend and customize, zero build config, compatible with Slate and existing websites.

Forked from hayes0724/shopify-packer Modern development tool for Shopify using Webpack 5. Easy to extend and customize, zero build config, compatible with Slate and existing websites.

Shopify Packer Modern development tool for Shopify using Webpack 5. Easy to extend and customize, zero build config, comes with starter themes and com

Nov 24, 2022

📜 Snippet generator for VSCode

📜 Snippet generator for VSCode

Snippet Generator 📜 Snippet generator for VSCode 💿 Install Via Marketplace Command: Generate Snippet Inspired By Johnson Chu's comment snippet-gener

Jan 2, 2023

frida snippet generator firefox extension for developer.android.com

Frida Snippet Generator for developer.android.com Right click on function names (public methods section) or fields and it will automatically copy gene

Sep 4, 2022

A Hackable Markdown Note Application for Programmers. Version control, AI completion, mind map, documents encryption, code snippet running, integrated terminal, chart embedding, HTML applets, plug-in, and macro replacement.

A Hackable Markdown Note Application for Programmers. Version control, AI completion, mind map, documents encryption, code snippet running, integrated terminal, chart embedding, HTML applets, plug-in, and macro replacement.

Yank Note A hackable markdown note application for programmers Download | Try it Online Not ecommended English | 中文说明 [toc]{level: [2]} Highlights

Dec 31, 2022

RWP stands for Roblox web panel, it's a code snippet that you can run via developer console or the provided Google Chrome extension to try out early

RWP stands for Roblox web panel, it's a code snippet that you can run via developer console or the provided Google Chrome extension to try out early

RWP stands for Roblox web panel, it's a code snippet that you can run via developer console or the provided Google Chrome extension to try out early Roblox site features before they're officially out without any programming experience.

Nov 28, 2022

Have a code snippet, Create a code video

CodeVideo CodeVideo is a product that helps you to make code explanation videos. It's quick and easy, so anybody can create beautiful code videos with

Nov 7, 2022

Rotating CSS dice in 3D using jQuery. Based on my old snippet on CodePen.

Dice Rotating CSS dice in 3D using jQuery. Based on my old CodePen Roll the dice!. Demo: https://alexerlandsson.github.io/dice/ How to use Include /do

Dec 14, 2022

GHD Snippets - A Data Science Snippet Library

GHD Snippets - A Data Science Snippet Library

GHD Snippets - A Data Science Snippet Library View The website : https://ghd-snippets.vercel.app I recently started learning PyTorch. One of my main i

Oct 24, 2022
Comments
  • Trying to install on ipad

    Trying to install on ipad

    Are there different instructions for the ipad?

    Clone this repository in your .obsidian/snippet
    Move .git, and wysiwyg.css snippet in your folder.
    Delete the Obsidian-WYSIWYG folder.
    

    Step #2 I am little confiused

    Step to is mv ~/.obsidian/snippet/Obsidian-Snippet-collection/.git <my-vault>? This seems odd to me.

    stale 
    opened by rmchale 2
  • Question: How do you find the content values for the icon fonts?

    Question: How do you find the content values for the icon fonts?

    Hello!! I'm just getting started using the colored folder and folder Icons and its fantastic! However I'm running into a bit of a brick wall. How do you find the content values for the icons in the folders.icon.font.css file? This may be a dumb question, but I've been trying and haven't been able to reliably select new custom icons because the values are seemingly random codes.

    Thank you very much in advance, I'm very new to CSS so I hope you'll bear with me ^^

    opened by wychwitch 2
  • [BUG] Incorrect Obsidian snippets folder shown in README.md

    [BUG] Incorrect Obsidian snippets folder shown in README.md

    Describe the bug README.md shows the snippets folder as snippet when it should be snippets. In other words, the CSS files need to be copied to <vault>/.obsidian/snippets, not <vault>/.obsidian/snippet

    To Reproduce Steps to reproduce the behavior: N/A

    Screenshots N/A

    Platform (please complete the following information): All.

    Additional context N/A

    bug 
    opened by PJC-64 1
  • Text in tag pane for the front matter in dark mode not very visible

    Text in tag pane for the front matter in dark mode not very visible

    Hi, I am using the Yin-Yang theme in the dark mode. I noticed that the background for the tag pane in the front matter in dark mode is not very visible. Please see the attached screenshot. Can you suggest any changes to resolve this?

    image

    Thanks!

    opened by AvijeetPrasad 1
Releases(v0.1.0)
Owner
Mara
Student in Master 2 : Biology, epidemiology and risk gestion. I love roleplay and shitposting. I love coding in python and learn new things !
Mara
A plugin for Obsidian (https://obsidian.md) that adds a button to its search view for copying the Obsidian search URL.

Copy Search URL This plugin adds a button to Obsidian's search view. Clicking it will copy the Obsidian URL for the current search to the clipboard. T

Carlo Zottmann 6 Dec 26, 2022
A Meme generator website where you can change and customize images to create great memes😎.

App Screenshot: Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory,

Harsh Jain 7 Dec 21, 2022
Easily open daily notes and periodic notes in new pane; customize periodic notes background; quick append new line to daily notes.

Obsidian daily notes opener This plugin adds a command for opening daily notes in a new pane (so that a keyboard shortcut could be used!) and gives ex

Xiao Meng 16 Dec 26, 2022
Salazar - a Discord bot that is easy to customize and configure, aiming at the possibility of customization for the user

Salazar is a Discord bot that is easy to customize and configure, aiming at the possibility of customization for the user. This is the BETA version, which uses the current version of Node.js.

guto 5 Dec 7, 2022
Serialize arbitrary NodeJS closures and customize serialization behavior.

Closure Serializer This is a fork of the Pulumi Closure Serializer. @pulumi/pulumi. Motivation Functionless allows developers to write cloud applicati

null 4 Jul 19, 2022
Custom alert box using javaScript and css. This plugin will provide the functionality to customize the default JavaScript alert box.

customAlertBoxPlugin Custom Alert Box Plugin Using JavaScript and CSS Author: Suraj Aswal Must Include CSS Code/Default Custom Alert Box Class: /* mus

Suraj Aswal 17 Sep 10, 2022
Create, Customize and Commit your project's ReadMe in VS Code with an integrated extension

VS Code Readme Editor ?? A VS Code extension to create, customize and save your Readme without having to leave your project workspace. Built with Type

Sumit Nalavade 22 Dec 29, 2022
Google translate dropdown customize with country flag

Flag google trasnalte demo without google bar and logo Screenshot How to use this 1. Create a country checklist containing languages from which you’ll

Devdreamsolution 28 Oct 11, 2022
A simple editor allows you to easily add and customize all the sections you need for your profile's readme.

Create your Profile README using the best Templates tomper-readmify.herokuapp.com This is the frontend + backend of TomperReadmify build with MERN sta

Varun Tiwari 15 Jan 2, 2023
Possibly the coolest way to install apps and customize your Mac!

BrewMyMac Possibly the coolest way to install apps and customize your Mac! Introduction This article explains the motivation behind this project. Gett

Alan Tai 38 Dec 6, 2022