Skip to content

Commit a845b81

Browse files
Stephan AngoStephan Ango
authored andcommitted
Various small fixes for 0.9.19
1 parent 20a3c74 commit a845b81

File tree

1 file changed

+106
-36
lines changed

1 file changed

+106
-36
lines changed

obsidian.css

Lines changed: 106 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,16 @@
11
/*
22
3-
Minimal Obsidian 2.4 by @kepano
3+
Minimal Obsidian 2.4.1 by @kepano
44
55
This theme is designed to be used with the Minimal Theme Settings
66
plugin 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
7366
OPTIONS
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+
}
305297
body.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
338330
body.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
619603
MINIMAL 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,
13711402
input[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:10px;
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

Comments
 (0)