replete / obsidian-minimal-theme-css-snippets Goto Github PK
View Code? Open in Web Editor NEWObsidian CSS snippets to tweak UI and harmonize various plugins with the Minimal Theme - for fellow hackers.
Obsidian CSS snippets to tweak UI and harmonize various plugins with the Minimal Theme - for fellow hackers.
I would like to ask about the functionality on the left side of the screenshot, with sub-items "Goals", "Aarchive", and etc. - how to make such and if it is a plugin, what is it called? I tried to find the plugin itself from the list, but could not find it. Thank you very much!
Hey @replete first of all thank you for OpenSourcing the repo - honestly much appreciated!
I was wondering if you could help me with the custom separators?
It doesn't seem to be working and I cannot figure out why
OS: Linux
v1.1.16
Hey, thanks a ton for putting out these snippets; I'm using a lot of them and it's made a huge difference for my layout, looks WAY better. But the biggest thing bugging me is the "Make.MD Inline Context" snippet.
In place of where I see you have a "Add tag" button, I'm seeing a "Pin to Space" button. Also, I see in your screenshot that the snippet should be hiding properties/contexts that have an empty or 0 value, but mine still show. What are your Make.MD settings/Minimal/Style plugin settings at? At least the ones related to contexts/properties I mean.
I'm on Windows 11, Obsidian v1.5.3 (installer v1.5.3), Minimal 7.4.7
Hello,
First of all thank you very much for sharing these snippets.
I am trying to use the custom separators but it's not working.
I created a file called separators in my snippets folder and added the code
/*
File Explorer Separators
So this is super handy, I found a way to add visual separators below and above navigation items in the file explorer.
This works nicely along side the 'Custom File Explorer Sorting' plugin, and there's a thread on their github about my solution.
You need to customize the rule below in accordance with your file structure.
These styles go with
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
:root {
--replete-custom-separators-vertical-padding: 6px;
--replete-custom-separators-left-margin: -12px;
}
/* Separator below */
.nav-folder-children > [class*=nav-]:has([data-path="Inbox"])::after,
.nav-folder-children > [class*=nav-]:has([data-path="Archive"])::after
{
content:'';
display:block;
height:1px;
width:calc(100% + 32px);
background:var(--tab-outline-color);
margin:var(--replete-custom-separators-vertical-padding) 0 var(--replete-custom-separators-vertical-padding) var(--replete-custom-separators-left-margin);
}
After enabling the snippet, nothing happens. Can you help?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.