11/*
22
3- Minimal Obsidian 2.4 by @kepano
3+ Minimal Obsidian 2.4.1 by @kepano
44
55This theme is designed to be used with the Minimal Theme Settings
66plugin and the Hider plugin.
77
8- DISCLAIMER
98
10- This theme is provided "as is", and is focused on my personal use
11- of Obsidian. As such I have neither optimized nor tested it with
12- all the features of Obsidian that I don't frequently use.
13-
14- Since this theme modifies significant parts of the Obsidian interface,
15- it might break with future updates.
16-
17- It also may be incompatible with other bits of custom CSS you have.
18- The file is organized in such a way that you can remove or comment
19- out sections that may be causing conflicts.
9+ Sponsor my work on Patreon:
10+ https://www.patreon.com/kepano
2011
12+ Readme:;
13+ https://github.com/kepano/obsidian-minimal
2114
2215----------------------------------------------------------------
2316
@@ -72,14 +65,10 @@ Minimal Styling
7265
7366OPTIONS
7467
75- Disabled features
76-
77- These features are hidden in pursuit of a more focused editing
78- experience. Remove each line if you want to re-activate the feature */
68+ Disabled features */
7969
80- .pane-list-item-ending-flair : not (.tag-pane-tag-count ), /* Search counts */
81- .prompt-instructions { /* Linking tips */
82- display : none !important ;
70+ .pane-list-item-ending-flair : not (.tag-pane-tag-count ) { /* Search counts */
71+ display : none;
8372}
8473
8574/* Hides the name of the root folder */
@@ -145,6 +134,7 @@ experience. Remove each line if you want to re-activate the feature */
145134 --font-normal : 16px ;
146135 --font-small : 13px ;
147136 --font-smaller : 11px ;
137+ --font-smallest : 10px ;
148138 --normal-weight : 400 ; /* Switch to 300 if you want thinner default text */
149139 --bold-weight : 600 ; /* Switch to 700 if you want thicker bold text */
150140 --line-width : 40rem ; /* Maximum characters per line */
@@ -171,7 +161,6 @@ experience. Remove each line if you want to re-activate the feature */
171161
172162 These values are mostly driven by the options above */
173163
174-
175164 .theme-light {
176165 --background-primary : white;
177166 --background-primary-alt : hsl (var (--base-h ), var (--base-s ), var (--base-l ));
@@ -302,6 +291,9 @@ Frameless mode on macOS only */
302291/* Andy Mode Sliding Panes
303292 Designed for use with death_au's plugin */
304293
294+ body .plugin-sliding-panes-rotate-header .app-container .workspace > .mod-root > .workspace-leaf .mod-active > .workspace-leaf-content > .view-header > .view-header-title-container : before {
295+ background : none;
296+ }
305297body .plugin-sliding-panes-rotate-header .workspace > .mod-root .view-header {
306298 text-orientation : sideways;
307299}
@@ -338,7 +330,7 @@ body.plugin-sliding-panes-rotate-header .workspace > .mod-root .view-header-titl
338330body .plugin-sliding-panes-rotate-header .view-header-title-container {
339331 position : static;
340332}
341- body .plugin-sliding-panes-rotate-header .workspace > .mod-root .view-actions {
333+ body .plugin-sliding-panes-rotate-header .app-container . workspace > .mod-root > . workspace-leaf > . workspace-leaf-content > . view-header .view-actions {
342334 padding-left : 0 ;
343335 padding-bottom : 40px ;
344336 margin-left : 4px ;
@@ -364,17 +356,14 @@ body.plugin-sliding-panes .mod-root .graph-controls {
364356.hider-ribbon .workspace-ribbon .mod-right {
365357 pointer-events : none;
366358}
367- .hider-ribbon .workspace-ribbon .mod-left {
368- display : flex;
369- }
370359.hider-ribbon .workspace-ribbon .mod-left {
371360 position : fixed;
372361 border-right : 0px ;
373362 margin : 0 ;
374363 height : 40px ;
375364 bottom : 0 ;
376365 top : auto;
377- display : flex;
366+ display : flex !important ;
378367 flex-direction : row;
379368 background : var (--background-primary );
380369 z-index : 17 ;
@@ -557,19 +546,15 @@ body.plugin-sliding-panes .mod-root .graph-controls {
557546# calendar-container .nav {
558547 padding : 0 ;
559548}
560-
561549# calendar-container tr td .dot {
562550 margin : 0 ;
563551}
564-
565552# calendar-container .arrow {
566553 cursor : var (--cursor );
567554}
568-
569555# calendar-container .arrow : hover svg {
570556 color : var (--text-muted );
571557}
572-
573558# calendar-container .reset-button {
574559 font-size : var (--font-smaller );
575560}
@@ -613,7 +598,6 @@ body.plugin-sliding-panes .mod-root .graph-controls {
613598}
614599
615600
616-
617601/*----------------------------------------------------------------
618602
619603MINIMAL STYLING */
@@ -774,6 +758,7 @@ body, input, button,
774758/* --------------- */
775759/* Tags */
776760
761+ .frontmatter-container .tag ,
777762.tag {
778763 background-color : transparent;
779764 border : 1px solid var (--background-modifier-border );
@@ -825,6 +810,10 @@ span.cm-hashtag.cm-hashtag-end {
825810/* --------------- */
826811/* Modals */
827812
813+ .progress-bar-message {
814+ color : var (--text-faint );
815+ }
816+
828817.modal {
829818 border : none;
830819 background : var (--background-primary );
@@ -867,6 +856,43 @@ input.prompt-input:hover {
867856 font-weight : 600 ;
868857}
869858
859+
860+ /* --------------- */
861+ /* Minimal modals
862+
863+
864+ .modal-bg {
865+ background-color:var(--background-primary);
866+ }
867+ .modal, .prompt, .suggestion-container {
868+ box-shadow:none;
869+ }
870+ .prompt {
871+ padding:0;
872+ max-height:85vh;
873+ top:15vh;
874+ }
875+ input.prompt-input {
876+ font-size:18px;
877+ }
878+
879+ .modal.mod-community-plugin,
880+ .modal.mod-settings {
881+ width:100vw;
882+ height:100vh;
883+ max-height:100vh;
884+ max-width:100vw;
885+ }
886+ .modal.mod-settings .vertical-tab-header,
887+ .modal.mod-settings .vertical-tab-content-container {
888+ height:100vh;
889+ }
890+
891+ .modal.mod-settings .vertical-tab-content-container {
892+ max-width:1000px;
893+ }*/
894+
895+
870896/* --------------- */
871897/* Drag ghost */
872898
@@ -1154,7 +1180,8 @@ border-bottom:1px solid #999;
11541180.CodeMirror-linenumber {
11551181 font-size : var (--font-small ) !important ;
11561182 font-feature-settings : 'tnum' ;
1157- padding-top : 6px ;
1183+ color : var (--text-faint );
1184+ padding-top : 3px ;
11581185}
11591186.cm-s-obsidian span .cm-url {
11601187 color : var (--text-accent );
@@ -1339,6 +1366,9 @@ input.document-replace-input:focus {
13391366 padding : 0 ;
13401367}
13411368
1369+ .workspace > .workspace-split : not (.mod-root ) .CodeMirror-sizer {
1370+ padding-left : 10px ;
1371+ }
13421372
13431373
13441374/* --------------- */
@@ -1368,8 +1398,9 @@ input[type=checkbox]:focus,input[type=checkbox]:hover {
13681398 outline : 0 ;
13691399 border-color : var (--text-faint );
13701400}
1401+ .is-flashing input [type = checkbox ]: checked ,
13711402input [type = checkbox ]: checked {
1372- background-color : var (--background-modifier-accent );
1403+ background-color : var (--background-modifier-accent ) !important ;
13731404 border : 1px solid var (--background-modifier-accent );
13741405 background-position : center;
13751406 background-size : 70% ;
@@ -1750,7 +1781,7 @@ input.search-input:focus {
17501781 color : var (--text-faint );
17511782 text-transform : uppercase;
17521783 letter-spacing : 0.05em ;
1753- font-size : 10 px ;
1784+ font-size : var ( --font-smallest ) ;
17541785 font-weight : 500 ;
17551786 padding-top : 10px ;
17561787 background : transparent;
@@ -1841,9 +1872,6 @@ input.search-input:focus {
18411872.tag-pane-tag : hover {
18421873 background : transparent;
18431874}
1844- .workspace-leaf-content [data-type = 'tag' ] {
1845- padding-top : 10px ;
1846- }
18471875.nav-file .is-active .nav-file-title : hover {
18481876 background : var (--background-tertiary ) !important ;
18491877}
@@ -1936,6 +1964,13 @@ body:not(.hider-ribbon) .side-dock-ribbon-action {
19361964 height : 1px ;
19371965 border-width : 2px 0 0 0 ;
19381966}
1967+ a [href *= "obsidian://search" ] {
1968+ background-image : url ("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='17' height='17' class='search'%3E%3Cpath fill='black' stroke='black' stroke-width='2' d='M42,6C23.2,6,8,21.2,8,40s15.2,34,34,34c7.4,0,14.3-2.4,19.9-6.4l26.3,26.3l5.6-5.6l-26-26.1c5.1-6,8.2-13.7,8.2-22.1 C76,21.2,60.8,6,42,6z M42,10c16.6,0,30,13.4,30,30S58.6,70,42,70S12,56.6,12,40S25.4,10,42,10z'%3E%3C/path%3E%3C/svg%3E" );
1969+ }
1970+ .theme-dark a [href *= "obsidian://search" ] {
1971+ background-image : url ("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='17' height='17' class='search'%3E%3Cpath fill='white' stroke='white' stroke-width='2' d='M42,6C23.2,6,8,21.2,8,40s15.2,34,34,34c7.4,0,14.3-2.4,19.9-6.4l26.3,26.3l5.6-5.6l-26-26.1c5.1-6,8.2-13.7,8.2-22.1 C76,21.2,60.8,6,42,6z M42,10c16.6,0,30,13.4,30,30S58.6,70,42,70S12,56.6,12,40S25.4,10,42,10z'%3E%3C/path%3E%3C/svg%3E" );
1972+ }
1973+ .minimal-theme : not (.links-int-on ) a [href *= "obsidian://" ],
19391974.minimal-theme : not (.links-int-on ) .markdown-preview-view .internal-link ,
19401975.minimal-theme : not (.links-int-on ) .external-link {
19411976 text-decoration : none;
@@ -1978,6 +2013,36 @@ iframe {
19782013 color : inherit;
19792014}
19802015
2016+ /* Metadata */
2017+
2018+ .frontmatter-collapse-indicator .collapse-indicator {
2019+ display : none;
2020+ }
2021+ .frontmatter-container .tag {
2022+ font-size : var (--font-smaller );
2023+ }
2024+ .frontmatter-container .frontmatter-alias {
2025+ color : var (--text-muted );
2026+ }
2027+ .frontmatter-container {
2028+ color : var (--text-muted );
2029+ font-size : var (--font-small );
2030+ padding : 10px 0 ;
2031+ background : transparent;
2032+ border-radius : 0 ;
2033+ margin : 0 ;
2034+ border : 0 ;
2035+ border-bottom : 1px solid var (--background-modifier-border );
2036+ }
2037+ .frontmatter-container .frontmatter-container-header {
2038+ padding : 0 ;
2039+ font-weight : 500 ;
2040+ border-bottom : 0 ;
2041+ font-size : var (--font-small );
2042+ }
2043+ .frontmatter-container .frontmatter-container-header : before {
2044+ }
2045+
19812046/* Blockquotes */
19822047
19832048.markdown-preview-view blockquote {
@@ -2093,6 +2158,7 @@ ol > li::before {
20932158
20942159.popover ,
20952160.popover .hover-popover {
2161+ min-height : 40px ;
20962162 box-shadow : 0 20px 40px var (--background-modifier-box-shadow );
20972163 pointer-events : auto !important ;
20982164 border : 1px solid var (--background-modifier-border );
@@ -2108,6 +2174,10 @@ ol > li::before {
21082174.popover .hover-popover .markdown-embed .markdown-embed-content {
21092175 max-height : none;
21102176}
2177+ .popover .mod-empty {
2178+ padding : 20px 15px 20px 20px ;
2179+ color : var (--text-muted );
2180+ }
21112181
21122182/* --------------- */
21132183/* Graphs */
0 commit comments