This commit is contained in:
Oscar Plaisant
2024-12-25 22:30:24 +01:00
parent 4a9afe51fa
commit 602a41e7f8
2098 changed files with 11681 additions and 2271 deletions

64
.obsidian/snippets/Calendar.css vendored Normal file
View File

@@ -0,0 +1,64 @@
/*
Calendar plugin tweaks
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.view-content:has(#calendar-container) {
padding:0;
}
#calendar-container {
padding:0 8px 8px 8px;
}
#calendar-container .year {
color:var(--text-muted);
}
#calendar-container td,
#calendar-container .day {
border-radius:0 !important;
}
#calendar-container .day {
padding-top:0;
padding-bottom:0;
}
#calendar-container .day.active {
outline:1px solid var(--tx3);
}
#calendar-container .day.active .filled,
#calendar-container .day.today.active .filled {
fill:var(--tx1, var(--text-normal)) !important;
}
#calendar-container .day.active .hollow,
#calendar-container .day.today.active .hollow {
stroke:var(--tx1, var(--text-normal)) !important;
}
#calendar-container .day.today .filled {
fill:var(--text-muted) !important;
}
#calendar-container .day.today .hollow {
stroke:var(--text-muted) !important;
}
#calendar-container .day.today {
color:var(--text-bold);
font-weight:700;
outline:2px solid var(--color-background-day-active);
}
.theme-dark #calendar-container .day.today {
/* outline:2px solid var(--tx3); */
}
#calendar-container .day.today.active {
/* color:var(--text-bright); */
}
#calendar-container .day:active {
background:var(--tx2, var(--text-muted));
}
#calendar-container .day.adjacent-month {
/* color:var(--tx2) */
}
#calendar-container .weekend {
background: var(--bg2, var(--background-primary));
}

31
.obsidian/snippets/CardBoard.css vendored Normal file
View File

@@ -0,0 +1,31 @@
/*
Card Board plugin styles
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.card-board-tab-list {
padding-top:6px !important;
}
.card-board-tab-icon {
transform: translate(0, 2px);
position:absolute;
right:5px;
height:30px !important;
}
.card-board-tabs-inner {
color: var(--tx3) !important
}
.card-board-tabs-inner:hover {
color: var(--tx1) !important
}
.card-board-tab-title.is-active .card-board-tabs-inner {
color:var(--tx2) !important;
}
.card-board-boards {
padding-top:5px;
}

View File

@@ -0,0 +1,108 @@
/*
Checklists plugin Ultra Compact styles
Targeting 'classic' style option in UI with 'tags' mode
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.workspace .view-content:has(.checklist-plugin-main) {
padding:0
}
.workspace .view-content .checklist-plugin-main {
padding:0 6px 0 8px;
}
.workspace .view-content .checklist-plugin-main .group {
margin-bottom:0;
border:none
}
.workspace .view-content .checklist-plugin-main .group-header {
padding-left:8px;
margin-bottom:0;
}
.workspace .view-content .checklist-plugin-main .group-header .space {
/* order:3; */
display:none
}
.workspace .view-content .checklist-plugin-main .group-header .collapse {
margin-left:-2px
}
.workspace .view-content .checklist-plugin-main .group-header .count {
display:none;
}
.workspace .view-content .checklist-plugin-main .group-header .title {
font-size:13px;
}
.workspace .view-content .checklist-plugin-main .group-header .title span {
color:var(--tx2)
}
.workspace .view-content .checklist-plugin-main .group-header .title span:last-of-type {
color:var(--tx1);
font-weight:600;
text-indent:0.1em
}
.workspace .view-content .checklist-plugin-main .settings-container svg {
transform: scale(0.75);
opacity:0.3;
}
.workspace .view-content .checklist-plugin-main .group-header:has(.left) {
opacity:0.5
}
.workspace .view-content .checklist-plugin-main ul li {
align-items:flex-start;
margin: 8px 0;
}
.workspace .view-content .checklist-plugin-main ul p {
margin:0;
font-size:13px;
color: var(--tx2);
line-height:1.35em;
padding-bottom:4px;
color:var(--tx1)
}
.workspace .view-content .checklist-plugin-main ul .toggle {
padding:0 6px 0 8px;
margin:0;
height:auto !important;
}
.workspace .view-content .checklist-plugin-main .toggle .checkbox {
border-color:var(--tx2);
height:16px !important;
width:16px !important;
min-height:auto;
min-width:auto;
transform:translate(0,0px)
}
.workspace .view-content .checklist-plugin-main input.search {
margin:0
}
.workspace .view-content .checklist-plugin-main input.search {
}
.workspace .view-content .checklist-plugin-main input.search:focus {
box-shadow: none !important
}
.workspace .view-content .checklist-plugin-main input.search::placeholder {
color:var(--tx3);
opacity:0.4;
}
.workspace .view-content .checklist-plugin-main > .container {
margin-bottom:0;
}

View File

@@ -0,0 +1,514 @@
/*
Custom Frames - Duotone
Make custom frames appear duotone before interaction
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.custom-frames-view webview:not(:hover) {
filter:grayscale() brightness(1) contrast(1.7);
}
/* Light themes */
.theme-light.minimal-default-light .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.5 1"></feFuncR>\
<feFuncG type="table" tableValues="0.5 1"></feFuncG>\
<feFuncB type="table" tableValues="0.5 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-atom-light .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.6274509804 0.9803921569"></feFuncR>\
<feFuncG type="table" tableValues="0.631372549 0.9803921569"></feFuncG>\
<feFuncB type="table" tableValues="0.6588235294 0.9803921569"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-ayu-light .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.5490196078 0.9098039216"></feFuncR>\
<feFuncG type="table" tableValues="0.5764705882 0.9254901961"></feFuncG>\
<feFuncB type="table" tableValues="0.6078431373 0.9411764706"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-catppuccin-light .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.631372549 0.937254902"></feFuncR>\
<feFuncG type="table" tableValues="0.6352941176 0.9450980392"></feFuncG>\
<feFuncB type="table" tableValues="0.6901960784 0.9607843137"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-everforest-light .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.5098039216 0.9921568627"></feFuncR>\
<feFuncG type="table" tableValues="0.568627451 0.9647058824"></feFuncG>\
<feFuncB type="table" tableValues="0.5058823529 0.8901960784"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-gruvbox-light .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4862745098 0.9882352941"></feFuncR>\
<feFuncG type="table" tableValues="0.4392156863 0.9490196078"></feFuncG>\
<feFuncB type="table" tableValues="0.3960784314 0.7803921569"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-macos-light .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.5019607843 1"></feFuncR>\
<feFuncG type="table" tableValues="0.5019607843 1"></feFuncG>\
<feFuncB type="table" tableValues="0.5019607843 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-nord-light .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4901960784 1"></feFuncR>\
<feFuncG type="table" tableValues="0.5215686275 1"></feFuncG>\
<feFuncB type="table" tableValues="0.5921568627 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-notion-light .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4470588235 1"></feFuncR>\
<feFuncG type="table" tableValues="0.4392156863 1"></feFuncG>\
<feFuncB type="table" tableValues="0.4156862745 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-rose-pine-light .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4745098039 1"></feFuncR>\
<feFuncG type="table" tableValues="0.4588235294 0.9803921569"></feFuncG>\
<feFuncB type="table" tableValues="0.5764705882 0.9529411765"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-solarized-light .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.3450980392 0.9921568627"></feFuncR>\
<feFuncG type="table" tableValues="0.431372549 0.9647058824"></feFuncG>\
<feFuncB type="table" tableValues="0.4588235294 0.8901960784"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-things-light .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4901960784 1"></feFuncR>\
<feFuncG type="table" tableValues="0.4980392157 1"></feFuncG>\
<feFuncB type="table" tableValues="0.5176470588 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
/* Dark themes */
.theme-dark.minimal-default-dark .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1450980392 0.6"></feFuncR>\
<feFuncG type="table" tableValues="0.1450980392 0.6"></feFuncG>\
<feFuncB type="table" tableValues="0.1450980392 0.6"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-atom-dark .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1568627451 0.537254902"></feFuncR>\
<feFuncG type="table" tableValues="0.1725490196 0.5607843137"></feFuncG>\
<feFuncB type="table" tableValues="0.2039215686 0.6156862745"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-ayu-dark .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.137254902 0.4392156863"></feFuncR>\
<feFuncG type="table" tableValues="0.1607843137 0.4784313725"></feFuncG>\
<feFuncB type="table" tableValues="0.2156862745 0.5490196078"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-catppuccin-dark .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1882352941 0.7264705882"></feFuncR>\
<feFuncG type="table" tableValues="0.2039215686 0.7956862745"></feFuncG>\
<feFuncB type="table" tableValues="0.2745098039 0.9407843137"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
/* removed .2 from light values text overlay legibility */
}
.theme-dark.minimal-dracula-dark .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1568627451 0.5803921569"></feFuncR>\
<feFuncG type="table" tableValues="0.1647058824 0.6235294118"></feFuncG>\
<feFuncB type="table" tableValues="0.2156862745 0.7450980392"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-everforest-dark .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1764705882 0.6156862745"></feFuncR>\
<feFuncG type="table" tableValues="0.20784313734 0.662745098"></feFuncG>\
<feFuncB type="table" tableValues="0.231372549 0.6274509804"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-gruvbox-dark .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1568627451 0.7411764706"></feFuncR>\
<feFuncG type="table" tableValues="0.1568627451 0.6823529412"></feFuncG>\
<feFuncB type="table" tableValues="0.1568627451 0.5725490196"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-macos-dark .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1176470588 0.5490196078"></feFuncR>\
<feFuncG type="table" tableValues="0.1176470588 0.5490196078"></feFuncG>\
<feFuncB type="table" tableValues="0.1176470588 0.5490196078"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-nord-dark .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1803921569 0.6196078431"></feFuncR>\
<feFuncG type="table" tableValues="0.2 0.6862745098"></feFuncG>\
<feFuncB type="table" tableValues="0.2549019608 0.8"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-notion-dark .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1843137255 0.5647058824"></feFuncR>\
<feFuncG type="table" tableValues="0.2039215686 0.5725490196"></feFuncG>\
<feFuncB type="table" tableValues="0.2156862745 0.5803921569"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-rose-pine-dark .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1215686275 0.5647058824"></feFuncR>\
<feFuncG type="table" tableValues="0.1137254902 0.5490196078"></feFuncG>\
<feFuncB type="table" tableValues="0.1803921569 0.6666666667"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-solarized-dark .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.0196078431 0.3960784314"></feFuncR>\
<feFuncG type="table" tableValues="0.1647058824 0.4823529412"></feFuncG>\
<feFuncB type="table" tableValues="0.2117647059 0.5137254902"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-things-dark .custom-frames-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1411764706 0.7960784314"></feFuncR>\
<feFuncG type="table" tableValues="0.1490196078 0.8"></feFuncG>\
<feFuncB type="table" tableValues="0.1647058824 0.8039215686ƒ"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}

9
.obsidian/snippets/Custom Frames.css vendored Normal file
View File

@@ -0,0 +1,9 @@
/*
Custom Frames plugin tweaks
Pretty much just removing the frame padding...
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.custom-frames-view webview {
padding:0 !important;
}

View File

@@ -0,0 +1,69 @@
/*
Daily Note Outline
Visual tweaks
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Container */
.workspace-leaf-content[data-type="daily-note-outline"] .view-content {
padding-bottom:0;
}
/* Compact header */
.workspace-leaf-content[data-type="daily-note-outline"] .nav-header {
padding:4px 2px 4px 2px;
transform:scale(0.85);
transform-origin:0 0;
text-align: left;
}
/* Date range buttons styling */
.workspace-leaf-content[data-type="daily-note-outline"] .nav-date-range {
color: var(--tx2);
line-height:1em;
padding: 4px 6px;
border-radius: 10px;
opacity:0.7
}
.workspace-leaf-content[data-type="daily-note-outline"] .nav-buttons-container + .nav-date-range {
margin-right: 4px;
margin-left: 4px
}
/* Files container */
.workspace-leaf-content[data-type="daily-note-outline"] .nav-files-container {
padding:4px 0 0 4px;
border-top:1px solid var(--divider-color);
margin-top:-6px;
/* file title */
> .nav-folder .nav-folder-title {
/* Fix indentation of first heading */
padding-left:8px;
}
}
/* Note detail suffix styling */
.workspace-leaf-content[data-type="daily-note-outline"] .nav-folder-title::after {
padding-left: 4px;
opacity: 0.7;
}
/* Files preview */
.workspace-leaf-content[data-type="daily-note-outline"] .nav-file-title-preview {
color: var(--tx2);
opacity:0.7;
padding-left:8px;
font-style:italic;
}
.workspace-leaf-content[data-type="daily-note-outline"] .nav-file-title-preview::after {
content:'';
background:linear-gradient(to right, transparent, var(--bg1));
width:1.5em;
height:1.5em;
position:absolute;
right:0;
top:5px;
display:block;
}

190
.obsidian/snippets/Database Folder.css vendored Normal file
View File

@@ -0,0 +1,190 @@
/*
Database Folders visual tweaks
(alignments, compact density, a few interactive bugs)
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Header */
.database-plugin__header-menu {
transform:scale(0.75) translate(5px, 4px)
}
.database-plugin__header-menu .svg-icon svg {
fill:var(--tx2)
}
.database-plugin__th .svg-icon {
display:none !important;
}
.database-plugin__th > .database-plugin__header-menu .svg-icon {
display:block !important
}
.database-plugin__th-content {
transform:translate(0,-7px);
width:100%;
text-align:center !important;
justify-content:center;
font-size:12px;
}
/* main */
.database-plugin__th {
overflow: hidden !important;
}
.database-plugin__tr:nth-of-type(2n-1) .database-plugin__td:last-child {
background: linear-gradient(to right, var(--background-secondary), var(--tab-container-background))
}
.database-plugin__tr.database-plugin__footer-group:last-child .database-plugin__td:last-child {
background:var(--tab-container-background);
}
.database-plugin__td.database-plugin__footer {
border:none
}
.database-plugin__tbody .database-plugin__tr:last-child .database-plugin__td {
border-bottom:1px solid var(--background-modifier-border);
}
.database-plugin__td {
padding:0 !important
}
/* Fix target/focus outlines */
.database-plugin__td:hover {
box-shadow:none !important
}
.database-plugin__td > span:focus {
box-shadow:none !important;
}
.database-plugin__td:hover {
outline:none
}
.database-plugin__tr .database-plugin__td:last-child:hover {
outline:none;
background:inherit
}
.database-plugin__td:focus-within {
outline: 1px solid var(--tx3);
background-color:inherit;
}
.database-plugin__td a[href] {
color:var(--tx2);
text-decoration:none;
}
.database-plugin__td a[href*='.md']::after {
content:'MD';
color:var(--tx3);
display:inline-block;
font-size:8px;
font-weight:bold;
padding:2px;
margin-left:2px;
background:var(--bg2);
border-radius: 4px;
line-height:1em;
transform:translate(0,-2px)
}
/* partial fix of outline hover issue */
.database-plugin__tr:hover,
.database-plugin__tr:hover .database-plugin__td {
z-index:500
}
.database-plugin__tr .database-plugin__td:first-child .database-plugin__relationship[style] {
background-color:transparent !important
}
.database-plugin__tr .database-plugin__td:first-child p {
color: var(--tx2) !important;
opacity:.6;
}
.database-plugin__tr:nth-of-type(2n-1) .database-plugin__td:first-child {
background:var(--background-secondary)
}
/* checkbox */
.theme-light .database-plugin__td input[type=checkbox]{
border-color:var(--tx3) !important;
}
.database-plugin__td input[type=checkbox]{
border-color:var(--tx2);
transform:translate(0,0px)
}
.database-plugin__td input[type=checkbox]:checked {
border:none;
background-color:var(--tx2)
}
.theme-light .database-plugin__td input[type=checkbox]:checked {
background-color:var(--tx3)
}
.database-plugin__td input[type=checkbox]:focus {
outline:none
}
.database-plugin__td.data-input textarea.database-plugin__editor-cell {
/* resize:none; */
border-radius:0;
margin-bottom:-2px;
}
/* Header search */
.database-plugin__th input[type=text] {
border-radius:0 !important;
border-left:0;
border-right:0;
}
.database-plugin__th input[type=text]::placeholder {
font-size:11px;
}
/* Footer */
.database-plugin__tfoot .database-plugin__footer-group .database-plugin__td {
border-right-color: transparent !important;
}
.database-plugin__tfoot {
box-shadow: 0 -5px 5px -4px var(--background-secondary)
}
.database-plugin__table {
border-bottom-color:transparent !important
}
/* Pagination */
.database-plugin__pagination {
right:auto;
left:10px;
transform:scale(0.8);
}
.database-plugin__pagination-button {
border:1px solid var(--background-modifier-border) !important;
padding:4px !important;
}

View File

@@ -0,0 +1,22 @@
/*
Day Planner (Ivan Lednev version)
Ivan has done an amazing job with this plugin. THANK YOU.
This snippet just makes the toolbar a little bit more compact.
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.workspace-leaf-content[data-type=timeline] {
.view-content {
> .controls > .controls {
padding:4px;
.header {
.clickable-icon:not(:is(
[aria-label="Go to previous day"],
[aria-label="Go to next day"]
)) {
padding-left:0px !important;
padding-right:0px !important;
}
}
}
}
}

View File

@@ -0,0 +1,191 @@
/*
Day Planner visual changes
This is for the abandoned plugin.
These styles will be ported over to my forked plugin:
https://github.com/replete/obsidian-day-planner
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Container max size */
.mod-right-split [data-type=timeline] .view-content {
padding:0;
}
.mod-right-split [data-type=timeline] .events {
padding-bottom: 0 !important
}
/* Planner box styling - hide timeline bar, minimal styles */
.mod-right-split [data-type=timeline] .aside {
width:30px !important;
opacity:0.75 !important;
}
.mod-right-split [data-type=timeline] .aside__line {
left:20px !important;
display:none;
}
.mod-right-split [data-type=timeline] .event_item_contents {
padding-left:30px !important;
}
.mod-right-split [data-type=timeline] .event_item .ei_Dot {
display:none;
}
.mod-right-split [data-type=timeline] .event_item .ei_Title {
margin-left:-5px;
font-size:11px;
line-height:1em;
}
.mod-right-split [data-type=timeline] .event_item .ei_Copy {
margin-left:10px;
}
/* Fix 'hour quarters' bg in dark themes */
.mod-right-split [data-type=timeline] .aside,
.mod-right-split [data-type=timeline] .aside .aside__line {
filter:invert(100%);
mix-blend-mode:overlay;
}
/* Make colours fit minimal theme */
.mod-right-split [data-type=timeline] .event_item {
/* background-color:var(--background-modifier-hover) !important; */
/* background: linear-gradient(0deg, var(--background-primary), transparent); */
/* border-bottom-color: var(--tx3) !important; */
}
.theme-light .mod-right-split [data-type=timeline] .event_item {
filter:brightness(2) saturate(0.4);
}
.mod-right-split [data-type=timeline] .event_item:hover {
box-shadow:none !important;
background-color: var(--tx2) !important;
}
.theme-light .mod-right-split [data-type=timeline] .event_item:hover {
background-color: var(--color-red) !important;
}
.theme-light .mod-right-split [data-type=timeline] .event_item {
border-bottom-color: var(--tx2) !important;
}
.mod-right-split [data-type=timeline] .event_item .ei_Title {
color: var(--tx1) !important;
opacity:0.8;
text-shadow: 1px 1px 1px var(--progress-outline)
}
.theme-light .mod-right-split [data-type=timeline] .event_item .ei_Title,
.theme-light .mod-right-split [data-type=timeline] .event_item .ei_Copy {
color:var(--tx3) !important
}
.theme-dark .mod-right-split [data-type=timeline] .event_item .ei_Title,
.theme-dark .mod-right-split [data-type=timeline] .event_item .ei_Copy{
color: var(--tx1) !important
}
/* Cleverer colours (limited to theme, but better than nothing) */
.mod-right-split [data-type=timeline] .event_item:nth-of-type(2n-1) {
/* background-color:var(--color-green) !important; */
}
.mod-right-split [data-type=timeline] .event_item_color1 {
/* background-color:red !important; */
}
/* Now line overlay */
.mod-right-split [data-type=timeline] #now-line {
/* background-color:var(--interactive-accent) !important; */
/* height:1px !important; */
}
.mod-right-split [data-type=timeline] #now-line .timeline-time {
left: 80% !important;
position: absolute !important;
font-size:12px;
padding-bottom:0 !important;
}
/* Planner box timeline line colors */
.mod-right-split [data-type=timeline] #day-planner-timeline-container .aside__line,
.mod-right-split [data-type=timeline] #day-planner-timeline-container .ei_Dot {
background-color: var(--tx3);
}
/* Hide autoscroll label */
.mod-right-split [data-type=timeline] label[for=auto-scroll] {
display:none !important;
}
/* Restyle autoscroll checkbox and place over the planner top right */
.mod-right-split [data-type=timeline] #scroll-controls {
position: fixed !important;
top:0 !important;
margin-top:-10px !important;
background:transparent !important
}
.mod-right-split [data-type=timeline] #auto-scroll {
position:absolute !important;
right:-4px;
top: 10px;
transform:scale(0.8);
transform-origin: 0 0;
opacity:0.5;
background-color: var(--tx2) !important;
}
.mod-right-split [data-type=timeline] #auto-scroll:hover {
opacity:1;
}
.mod-right-split [data-type=timeline] #auto-scroll::before {
content: 'time time' !important;
}
.mod-right-split [data-type=timeline] #auto-scroll:not(:checked)::before {
text-indent:-33px !important
}
.mod-right-split [data-type=timeline] .empty-timeline {
color: var(--tx3) !important;
}
#day-planner-timeline-container::after {
content:'';
display:block;
background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.6));
width:100%;
height:8px;
position: fixed;
bottom:0;
pointer-events:none;
}
/* Hide scrollbar */
.view-content:has(#day-planner-timeline-container) {
outline: 2px solid red !important;
}
.view-content:has(#day-planner-timeline-container)::-webkit-scrollbar {
scrollbar-width: 0 !important;
width:0
}
/* status bar fixes */
.status-bar-item.plugin-obsidian-day-planner .progress-pie {
background-image:linear-gradient(to right,transparent 50%, var(--tx1) 0)
}
.status-bar-item.plugin-obsidian-day-planner .progress-pie::before {
background-color:var(--tx1);
}
.status-bar-item.plugin-obsidian-day-planner .day-planner-status-bar-text {
transform: translate(0, 3px)
}
.status-bar-item.plugin-obsidian-day-planner .day-planner-progress-bar {
background:var(--background-modifier-border);
transform:translate(0, -1px);
}

View File

@@ -0,0 +1,265 @@
/*
Excalidraw plugin
Compact layout. Only tested on Desktop.
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.excalidraw {
/* Fix illegible island contrast */
--island-bg-color:#dde4eb !important;
&.theme--dark {
--island-bg-color:#292929 !important;
}
/* Better looking floating utility island */
> .Island:not(.sidebar) {
width:180px !important;
> div:first-child {
border-bottom-left-radius: 0 !important;
svg {
opacity:0.2;
/* height:16px; */
> path {
display:none
}
}
}
> .Island {
padding:4px;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
margin-top:-4px;
border-top:1px solid rgba(255,255,255,.2);
legend {
opacity:0.5;
margin:4px 0 -2px 5px;
/* text-align:center; */
text-transform:uppercase;
letter-spacing:0.04em;
font-size:10px;
/* border-bottom:1px solid rgba(255,255,255,0.5); */
width:100%;
}
.buttonList {
gap:2px
}
.ToolIcon_type_button {
padding:2px !important;
border-radius:0 !important;
background:none;
.ToolIcon__icon {
transform: scale(1.3) !important;
}
}
}
}
.App-toolbar {
padding:0;
/* Increase icon size toolbar */
.ToolIcon {
.ToolIcon__icon svg {
transform:scale(1.4) !important;
}
}
/* make keyboard shortcut numbers more visible */
.ToolIcon__keybinding {
font-size:8px !important;
top:30px;
left:12px;
}
.App-toolbar__divider {
margin-right:0;
margin-left:0;
}
}
.HintViewer {
margin-top:20px
}
/* Remove padding around canvas UI */
.FixedSideContainer.FixedSideContainer_side_top {
padding:0;
top:2px !important;
left:10px !important;
bottom:0 !important;
right:2px !important;
}
.App-menu_top__left,
.layer-ui__wrapper__top-right {
margin-top:4px !important;
}
.dropdown-menu .Island /* desktop */,
.dropdown-menu--mobile > .Stack /*mobile*/{
padding:0 !important;
[data-testid=canvas-background-label] {
padding-left:8px;
opacity:0.5;
margin-bottom:0px !important;
}
.dropdown-menu-item {
margin:0;
height:1.5rem !important;
font-size:0.85rem;
+ div[style]:empty {
margin:4px 0 !important;
}
}
}
.dropdown-menu-container {
gap:0; /* mobile */
}
.sidebar-trigger {
padding-top:12px;
}
[role=contentinfo] {
bottom:-1px !important;
left:0 !important;
padding-left:34px;
.help-icon {
position:fixed;
bottom: -1px;
padding:0;
left: 2px;
opacity:0.8;
}
.reset-zoom-button {
font-size:75% !important;
opacity: 0.8;
}
}
/* Library sidebar */
.Island.sidebar {
width:400px;
background: var(--island-bg-color);
.sidebar-tabs-root {
padding-top:4px;
}
.sidebar__header {
padding-bottom:0;
}
.library-menu-items-container__items {
padding-top:0;
}
.library-menu-dropdown-container {
margin-top:-14px;
}
.library-menu-items-container__grid {
width:100%;
gap:5px;
.library-unit {
width:100%;
}
.library-unit__active {
border-radius:2px;
}
.library-unit__dragger {
width:100%;
height:100%;
}
}
.library-menu-control-buttons--at-bottom[style] {
padding-top:4px !important;
width:40%;
}
}
/* Smaller on mobile */
&.excalidraw--mobile .Island.sidebar {
width:250px !important;
.Checkbox-box {
width:12px;
height:12px;
border-radius:2px;
}
.library-menu-control-buttons--at-bottom[style] {
width:60%;
}
}
/* Fix sidebar trigger bg color */
.sidebar-trigger:not(:hover) {
background-color:transparent !important
}
/* Tray mode - sidebar*/
.mobile-misc-tools-container {
right:0;
.ToolIcon {
svg {
transform:scale(1.4)
}
}
}
/* Tray mode - bottom bar */
.App-bottom-bar[style] {
margin-bottom:0 !important;
.Island {
padding:0;
background-color:transparent;
> .Stack > .Stack {
padding:0 !important;
}
}
.App-toolbar-content {
padding:0;
}
.dropdown-menu-container {
background:var(--island-bg-color);
margin-bottom:-20px;
}
}
}
/* Show excalidraw right footer help icon above minimal statusbar */
/* @container style(--status-bar-position: fixed) {
.excalidraw-container {
[role=contentinfo] {
.help-icon {
margin-top:-40px;
}
}
}
} */

87
.obsidian/snippets/Excel.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,62 @@
/*
Full Calendar plugin tweaks
This is more condensed but obviously pretty hacky to achieve the result
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Full Calendar in right sidebar */
.mod-right-split [data-type="full-calendar-view"] .fc {
--link-color:var(--text-normal);
--fc-button-active-bg-color: var(--background-modifier-hover);
font-size:75%
}
.mod-right-split [data-type="full-calendar-view"] .fc a:hover {
color:var(--text-on-accent)
}
/* Header toolbar */
.mod-right-split [data-type="full-calendar-view"] .fc-header-toolbar {
margin-bottom:6px
}
.mod-right-split [data-type="full-calendar-view"] .fc-header-toolbar .fc-button {
padding: 4px !important;
}
/* List table styling */
.mod-right-split [data-type="full-calendar-view"] .fc-list {
border:none
}
.mod-right-split [data-type="full-calendar-view"] .fc-list-day-side-text {
float:left;
font-weight:normal;
}
.mod-right-split [data-type="full-calendar-view"] .fc-list-day-side-text::before {
content:' ';
padding-left:.4em;
}
.mod-right-split [data-type="full-calendar-view"] .fc td {
padding:4px 4px 0px 0;
}
.mod-right-split [data-type="full-calendar-view"] .fc .fc-list-day-cushion {
padding:8px 4px 4px 0;
background:transparent;
margin-bottom:4px;
margin-top:4px;
}
.mod-right-split [data-type="full-calendar-view"] .fc-toolbar-title {
font-size:11px
}
.mod-right-split [data-type="full-calendar-view"] .fc-button {
font-size:10px
}
.mod-right-split [data-type="full-calendar-view"] .fc-col-header-cell {
font-size:9px;
font-weight: 600;
}

22
.obsidian/snippets/Heatmap Calendar.css vendored Normal file
View File

@@ -0,0 +1,22 @@
/*
Heatmap calendar tweaks
Very basic styling tweaks, likely to change as I use it more
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.cm-s-obsidian .heatmap-calendar-boxes li {
color:#000;
text-align:center;
font-size:9px;
font-weight:bold;
padding-top:2px;
}
.cm-s-obsidian .heatmap-calendar-boxes li.today {
border:none;
box-shadow:inset 0 0 1px 0 rgba(255,255,255,1);
}
/* colour fixes */
.heatmap-calendar-boxes .isEmpty {
background-color: var(--bg3) !important;
}

View File

@@ -0,0 +1,520 @@
/*
Make.MD Contexts: Duotone Banners
Duotone banner images to match each minimal theme
https://i.imgur.com/fvLOHfA.png
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.mk-space-banner {
/* Needed for blending mode function */
background:var(--background-primary);
}
/* Light themes */
.theme-light.minimal-default-light .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.5 1"></feFuncR>\
<feFuncG type="table" tableValues="0.5 1"></feFuncG>\
<feFuncB type="table" tableValues="0.5 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-atom-light .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.6274509804 0.9803921569"></feFuncR>\
<feFuncG type="table" tableValues="0.631372549 0.9803921569"></feFuncG>\
<feFuncB type="table" tableValues="0.6588235294 0.9803921569"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-ayu-light .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.5490196078 0.9098039216"></feFuncR>\
<feFuncG type="table" tableValues="0.5764705882 0.9254901961"></feFuncG>\
<feFuncB type="table" tableValues="0.6078431373 0.9411764706"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-catppuccin-light .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.631372549 0.937254902"></feFuncR>\
<feFuncG type="table" tableValues="0.6352941176 0.9450980392"></feFuncG>\
<feFuncB type="table" tableValues="0.6901960784 0.9607843137"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-everforest-light .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.5098039216 0.9921568627"></feFuncR>\
<feFuncG type="table" tableValues="0.568627451 0.9647058824"></feFuncG>\
<feFuncB type="table" tableValues="0.5058823529 0.8901960784"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-gruvbox-light .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4862745098 0.9882352941"></feFuncR>\
<feFuncG type="table" tableValues="0.4392156863 0.9490196078"></feFuncG>\
<feFuncB type="table" tableValues="0.3960784314 0.7803921569"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-macos-light .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.5019607843 1"></feFuncR>\
<feFuncG type="table" tableValues="0.5019607843 1"></feFuncG>\
<feFuncB type="table" tableValues="0.5019607843 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-nord-light .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4901960784 1"></feFuncR>\
<feFuncG type="table" tableValues="0.5215686275 1"></feFuncG>\
<feFuncB type="table" tableValues="0.5921568627 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-notion-light .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4470588235 1"></feFuncR>\
<feFuncG type="table" tableValues="0.4392156863 1"></feFuncG>\
<feFuncB type="table" tableValues="0.4156862745 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-rose-pine-light .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4745098039 1"></feFuncR>\
<feFuncG type="table" tableValues="0.4588235294 0.9803921569"></feFuncG>\
<feFuncB type="table" tableValues="0.5764705882 0.9529411765"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-solarized-light .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.3450980392 0.9921568627"></feFuncR>\
<feFuncG type="table" tableValues="0.431372549 0.9647058824"></feFuncG>\
<feFuncB type="table" tableValues="0.4588235294 0.8901960784"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-things-light .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4901960784 1"></feFuncR>\
<feFuncG type="table" tableValues="0.4980392157 1"></feFuncG>\
<feFuncB type="table" tableValues="0.5176470588 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
/* Dark themes */
.theme-dark.minimal-default-dark .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1450980392 0.6"></feFuncR>\
<feFuncG type="table" tableValues="0.1450980392 0.6"></feFuncG>\
<feFuncB type="table" tableValues="0.1450980392 0.6"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-atom-dark .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1568627451 0.537254902"></feFuncR>\
<feFuncG type="table" tableValues="0.1725490196 0.5607843137"></feFuncG>\
<feFuncB type="table" tableValues="0.2039215686 0.6156862745"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-ayu-dark .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.137254902 0.4392156863"></feFuncR>\
<feFuncG type="table" tableValues="0.1607843137 0.4784313725"></feFuncG>\
<feFuncB type="table" tableValues="0.2156862745 0.5490196078"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-catppuccin-dark .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1882352941 0.7264705882"></feFuncR>\
<feFuncG type="table" tableValues="0.2039215686 0.7956862745"></feFuncG>\
<feFuncB type="table" tableValues="0.2745098039 0.9407843137"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
/* removed .2 from light values text overlay legibility */
}
.theme-dark.minimal-dracula-dark .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1568627451 0.5803921569"></feFuncR>\
<feFuncG type="table" tableValues="0.1647058824 0.6235294118"></feFuncG>\
<feFuncB type="table" tableValues="0.2156862745 0.7450980392"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-everforest-dark .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1764705882 0.6156862745"></feFuncR>\
<feFuncG type="table" tableValues="0.20784313734 0.662745098"></feFuncG>\
<feFuncB type="table" tableValues="0.231372549 0.6274509804"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-gruvbox-dark .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1568627451 0.7411764706"></feFuncR>\
<feFuncG type="table" tableValues="0.1568627451 0.6823529412"></feFuncG>\
<feFuncB type="table" tableValues="0.1568627451 0.5725490196"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-macos-dark .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1176470588 0.5490196078"></feFuncR>\
<feFuncG type="table" tableValues="0.1176470588 0.5490196078"></feFuncG>\
<feFuncB type="table" tableValues="0.1176470588 0.5490196078"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-nord-dark .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1803921569 0.6196078431"></feFuncR>\
<feFuncG type="table" tableValues="0.2 0.6862745098"></feFuncG>\
<feFuncB type="table" tableValues="0.2549019608 0.8"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-notion-dark .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1843137255 0.5647058824"></feFuncR>\
<feFuncG type="table" tableValues="0.2039215686 0.5725490196"></feFuncG>\
<feFuncB type="table" tableValues="0.2156862745 0.5803921569"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-rose-pine-dark .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1215686275 0.5647058824"></feFuncR>\
<feFuncG type="table" tableValues="0.1137254902 0.5490196078"></feFuncG>\
<feFuncB type="table" tableValues="0.1803921569 0.6666666667"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-solarized-dark .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.0196078431 0.3960784314"></feFuncR>\
<feFuncG type="table" tableValues="0.1647058824 0.4823529412"></feFuncG>\
<feFuncB type="table" tableValues="0.2117647059 0.5137254902"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-things-dark .mk-space-banner img {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1411764706 0.7960784314"></feFuncR>\
<feFuncG type="table" tableValues="0.1490196078 0.8"></feFuncG>\
<feFuncB type="table" tableValues="0.1647058824 0.8039215686ƒ"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}

View File

@@ -0,0 +1,43 @@
/*
Make.MD Contexts: Gradient Banners
Gradient Banners
https://i.imgur.com/o3e6GTa.png
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
:root {
--replete-banner-fade-offset: 2; /* integer */
}
.mk-inline-context {
.mk-path-context-component {
&:has(.mk-space-banner) {
/* Moves the note text above the fade of the banner */
height:calc(var(--replete-banner-height) / var(--replete-banner-fade-offset));
}
}
.mk-space-banner {
&::after {
content:'';
display: block;
width:100%;
height:100%;
left:0;
top:0;
background:
linear-gradient(to bottom, transparent 20%, var(--background-primary)),
linear-gradient(to bottom, transparent 60%, var(--background-primary));
position: absolute;
pointer-events:none;
}
img {
/* Disable magnify cursor */
cursor:default !important
}
}
}

View File

@@ -0,0 +1,41 @@
/*
Make.MD Banners
The only thing I use Make.MD for now is the banner functionality.
This base snippet hides inline-contexts altogether - we only want it for the banners.
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
:root {
--replete-banner-height: 180px; /* Set banner height here */
}
.mk-inline-context {
.mk-path-context-component {
/* Hide inline context entirely */
display:none;
&:has(.mk-space-banner) {
/* ...Except if there's a banner displaying... */
display:inherit;
/* ...and we hide it this way */
.mk-props-contexts {
display:none;
}
}
}
.mk-space-banner {
height: var(--replete-banner-height);
:is(img) {
height: var(--replete-banner-height);
/* Disable magnify cursor */
cursor:default !important
}
}
}
/* Hide banner in hover popover */
.hover-popover .mk-space-banner {
display:none;
}

108
.obsidian/snippets/MetaBind Compact.css vendored Normal file
View File

@@ -0,0 +1,108 @@
/*
Metabind compact editor styles
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Inline controls styles */
/* .cm-line {
background:rgba(0,255,0,0.1);
box-shadow: inset 0 -2px 3px rgba(255,255,255,.2);
} */
.markdown-source-view.is-live-preview .cm-editor {
/* Only apply to live preview view editor */
/* inline styling */
.mb-input-inline {
.mb-input-type-inlineSelect {
.dropdown {
height:calc(1rem + 6px);
vertical-align: bottom;
padding-left:6px;
padding-right:18px;
font-family:var(--font-interface) !important;
background-position-x: calc(100% - 6px);
}
}
.mb-input-type-number {
[type=number] {
height:calc(1rem + 6px);
font-family:var(--font-interface) !important;
padding-left:6px;
padding-right:6px;
}
}
.mb-input-type-time {
:is([type=time]) {
height:calc(1rem + 6px);
vertical-align: bottom;
padding-left:6px;
padding-right:0px;
font-family:var(--font-interface) !important;
background-image:none;
box-shadow: var(--input-shadow);
border-radius: var(--input-radius);
background-color: var(--interactive-normal);
}
/* meta-bind updated recently and now uses a real 'time' input type, so this is deprecated: */
/* .mb-input-element-group {
position:relative;
&::after {
content: ':';
display:block;
position:absolute;
left:50%;
width:1rem;
text-align:center;
margin-left:-.5rem;
color: var(--tx2);
user-select:none;
}
}
.dropdown {
height:calc(1rem + 6px);
vertical-align: bottom;
padding-left:6px;
padding-right:6px;
font-family:var(--font-interface) !important;
background-image:none;
&:nth-of-type(1) {
padding-right:4px;
}
&:nth-of-type(2) {
padding-left:4px;
}
}
*/
}
.mb-input-type-toggle {
.checkbox-container {
transform: scale(0.8) translateY(2px) !important;
transform-origin:left center;
}
}
.mb-slider-input {
transform:translate(-4px, -5px) !important;
&::-webkit-slider-thumb {
transform:scale(0.75);
background: var(--tx1)
}
}
.em2 > * {width: 2rem}
.em3 > * {width: 3rem}
.em4 > * {width: 4rem}
.em5 > * {width: 5rem}
.em6 > * {width: 6rem}
.em7 > * {width: 7rem}
.em8 > * {width: 8rem}
.em9 > * {width: 9rem}
.em10 > * {width: 10rem}
}
}

28
.obsidian/snippets/MySnippets.css vendored Normal file
View File

@@ -0,0 +1,28 @@
/*
MySnippets plugin tweaks
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Embiggen menu width for longer filenames */
.MySnippets-statusbar-menu {
width:420px;
}
/* Re-order menu item */
.MySnippets-statusbar-menu .menu-item .checkbox-container {
order:1
}
/* Make code button less prominent */
.MySnippets-statusbar-menu .MS-OpenSnippet {
box-shadow:none;
background:transparent;
}
.MySnippets-statusbar-menu .MS-OpenSnippet:hover svg path{
fill:var(--interactive-accent) !important;
}
/* Fix open snippet button on light themes */
.theme-light .MS-OpenSnippet svg path{
fill:var(--tx3) !important;
}

View File

@@ -0,0 +1,15 @@
/*
Obsidian Buttons tweaks
https://github.com/replete/obsidian-minimal-theme-css-snippets
(I abandoned this plugin for time being, but whatever)
*/
.block-language-button {
padding-left:0
}
.block-language-button button[class*=button-] {
margin-left:0;
margin-right:0;
}

94
.obsidian/snippets/Omnisearch.css vendored Normal file
View File

@@ -0,0 +1,94 @@
/*
Omnisearch
Cleaner and less jank, essential fixes to be honest it was noisy on the eyes
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.omnisearch-modal.prompt {
.prompt-results {
}
:has(> .omnisearch-result__title-container) {
width:100%;
}
.omnisearch-result__title {
display:flex;
width:100%;
font-size:1rem;
font-weight:500;
margin-bottom:3px;
:has(svg) {
display:none;
margin-left:-2px;
transform:scale(0.9) translate(0, 2px)
}
}
.omnisearch-result {
}
.omnisearch-result__folder-path {
/* font-style:italic; */
font-size:11px;
margin-top:-5px;
margin-bottom:3px;
/* > span {
background: var(--bg3);
padding:0px 4px;
border-radius:2px;
&::before {
content:'/';
}
} */
:has(svg) {
/* display:none; */
/* icon resized inline with text: */
transform: scale(0.7) translate(0,2px);
transform-origin: left center;
margin-right:-7px;
}
}
.omnisearch-result__extension {
display:none;
transform: translate(-4px,2px);
font-weight:500;
}
.omnisearch-result__counter {
margin-left: auto;
/* &::before {
content:'('
}
&::after {
content:')'
} */
}
.omnisearch-result__body {
margin-left:0;
font-style:italic;
}
.omnisearch-result {
padding-top:var(--size-4-3);
padding-bottom:var(--size-4-3);
margin-top:calc( (-1 * var(--size-4-3)) / 2);
}
.omnisearch-highlight {
text-decoration-color:var(--accent-color);
text-underline-offset:3px;
text-decoration-thickness:1px;
}
}

41
.obsidian/snippets/Outline.css vendored Normal file
View File

@@ -0,0 +1,41 @@
/*
Compact outline panel
This makes the outline view far more condensed and shifts the chevrons to where I prefer them on the right
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.outline .tree-item-children {
--nav-item-children-padding-left:4px;
--nav-item-children-margin-left:5px;
border-left-color:transparent
}
.outline .tree-item-icon.collapse-icon {
order:2;
padding-left:2px;
transform:scale(0.8) translate(0, -1px)
}
.outline .tree-item-inner {
flex:0 1 auto
}
/* First item (page h1) */
.outline > .tree-item > .tree-item-self {
font-weight:500;
}
.outline > .tree-item > .tree-item-children {
padding-left:4px;
margin-left:5px;
--nav-item-children-padding-left:0px;
--nav-item-children-margin-left:0px;
}
/* .mod-right-split .outline > .tree-item > .tree-item-children .mod-collapsible{
text-transform:uppercase;
font-size:75%;
font-weight:500;
margin-top:5px
} */

107
.obsidian/snippets/Quiet Outline.css vendored Normal file
View File

@@ -0,0 +1,107 @@
/*
Quiet Outline plugin tweaks
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.quiet-outline {
padding-bottom:0;
}
.view-content:has(.quiet-outline) {
padding:0 !important
}
.quiet-outline .function-bar .n-button {
order:2 !important
}
.quiet-outline .n-input-wrapper {
}
.quiet-outline .n-slider {
width: calc(100% - 20px);
margin-left:10px !important;
margin-bottom:8px !important;
margin-top:12px !important;
}
.quiet-outline .function-bar .n-input {
background-color: var(--background-secondary) !important;
}
.quiet-outline .function-bar .n-input__border,
.quiet-outline .function-bar .n-input__state-border {
border:none !important;
box-shadow:none !important;
}
.quiet-outline .function-bar input {
box-shadow:none;
}
.quiet-outline .function-bar {
/* background: var(--background-secondary) !important; */
background: linear-gradient(to bottom, transparent 1%, var(--background-secondary) 15%);
position: fixed;
bottom:0;
padding: 6px 0;
z-index:1;
width:100%;
margin-bottom:0;
}
.quiet-outline .function-bar .n-button {
box-shadow:none !important;
opacity: 0.6;
transform: scale(0.8);
}
.quiet-outline .function-bar .n-button__border {
border:0 !important;
}
.quiet-outline .n-tree {
padding: 2px;
padding-bottom: 40px;
}
.quiet-outline .n-config-provider {
display: flex;
}
.quiet-outline code {
padding-left: 10px;
font-size: 13px;
}
.quiet-outline .n-tree-node.located p {
color: var(--tx1)
}
/* Make bright colours fit theme instead of user-selectable */
.quiet-outline .n-slider[style] {
--replete-subdued-color: hsla(var(--base-h), var(--base-s), calc(var(--base-l) - 10%), 0.7) !important;
--n-fill-color: var(--tx3) !important;
--n-fill-color-hover: var(--tx3) !important;
--n-dot-border: 2px solid var(--replete-subdued-color) !important;
--n-dot-border-active: 2px solid var(--tx3) !important;
--n-rail-color: var(--replete-subdued-color) !important;
--n-dot-color: var(--background-primary) !important;
--n-handle-color: var(--tx2) !important;
}
.theme-dark .quiet-outline .n-slider[style] {
--replete-subdued-color: hsla(var(--base-h), var(--base-s), calc(var(--base-l) + 20%), 1) !important;
}
.quiet-outline .n-input__placeholder {
color: var(--tx3);
opacity:0.6
}
.quiet-outline .n-tree-node-indent {
border-right-color: hsla(var(--base-h), var(--base-s), calc(var(--base-l) - 5%), 1) !important;
}
.theme-dark .quiet-outline .n-tree-node-indent {
border-right-color: hsla(var(--base-h), var(--base-s), calc(var(--base-l) + 15%), 1) !important;
}

View File

@@ -0,0 +1,100 @@
/*
Sheets Plus - Dark mode
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
[data-type=excel-pro-view] {
/* compact mode bonus */
.my-univer {
border:0;
}
.view-content {
padding:0 !important;
padding-bottom:32px !important; /* accomodate floating statusbar */
}
}
.theme-dark [data-type=excel-pro-view] {
/* &::after {
content:'';
width:100%;
height:100%;
display:block;
background:var(--bg2);
position: absolute;
z-index:20;
user-select:none;
pointer-events:none;
opacity:0.2;
filter:saturate(2);
} */
/* Dark mode hack */
/* for the love of God, do not ever do something like this in production */
header,
footer {
filter: invert() contrast(0.78);
.univer-toolbar-item-select-arrow,
.univer-toolbar-item-select-button-arrow,
svg {
filter:brightness(.2);
}
.univer-toolbar-group::after {
filter:brightness(.8);
}
.univer-slide-tab-div {
/* border:1px solid black; */
border-bottom:0;
box-shadow: 0 -3px 8px -2px rgba(0,0,0,0.7);
}
.univer-sheet-container {
padding:0;
}
}
footer {
.univer-slider-handle {
filter:invert()
}
}
canvas[id^=univer-sheet-main-canvas] {
filter: invert() contrast(1.6);
}
.univer-workbench-container-canvas {
background:var(--bg1) !important;
}
[id=__INTERNAL_EDITOR__DOCS_NORMAL] {
canvas {
filter:invert();
}
}
}
.univer-dropdown {
filter: invert() contrast(.78);
.univer-toolbar-item-select-arrow,
.univer-toolbar-item-select-button-arrow,
svg {
filter:brightness(.2);
}
.univer-toolbar-group::after {
filter:brightness(.8);
}
.univer-slide-tab-div {
/* border:1px solid black; */
border-bottom:0;
box-shadow: 0 -3px 8px -2px rgba(0,0,0,0.7);
}
.univer-menu-item-content {
color:black;
}
}

57
.obsidian/snippets/Smart2ndBrain.css vendored Normal file
View File

@@ -0,0 +1,57 @@
/*
Smart Second Brain
This plugin is early and there are no CSS classes really being used so this is extremely hacky, but improves the UX a bit.
The plugin isn't quite practical enough for me just yet, so I'll revisit this another time in the future.
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.workspace-leaf {
[data-type=chat-view] .view-content:has(.chat-window) {
/* selectors aren't great in this plugin right now */
padding:0;
output {
font-size:13px;
}
[aria-label="Open quick settings"] {
transform:translate(0, 7px) !important;
opacity: 0.7;
}
textarea {
margin-left: 16px;
margin-right: 12px;
+ button {
padding-left:8px;
padding-right:8px;
margin-right:12px;
}
}
:is(.min-h-\[33\%\]) {
padding:10px;
min-height: 20% !important;
height:auto;
font-size:13px;
}
.chat-window {
border-radius:0;
border:0;
.group {
margin:4px;
margin-left:12px;
padding-left:12px;
font-size:13px;
}
}
> div:first-child {
padding-bottom:0 !important;
}
}
}

View File

@@ -0,0 +1,58 @@
/*
Task Progress bars
I really like this plugin. This aligns them to my typography and makes them less ugly
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.markdown-source-view:not(.is-live-preview) {
.cm-task-progress-bar {
display:none;
}
}
.cm-task-progress-bar.with-number .progress-status {
color:var(--tx2);
font-weight:400;
font-size:10px;
position:absolute;
transform:translate(-4px,-12px);
width:4em;
}
.HyperMD-header .cm-task-progress-bar {
pointer-events:none;
position: absolute;
margin-top:calc(.5em + 1px);
margin-left:10px;
}
/* colors */
/* .cm-task-progress-bar .progress-bar-inline-1 { background-color:var(--color-red) }
.cm-task-progress-bar .progress-bar-inline-2 { background-color:var(--color-yellow) }
.cm-task-progress-bar .progress-bar-inline-3 { background-color:var(--color-green) } */
.cm-task-progress-bar .progress-bar-inline-4 { background-color:#6BCB77 }
/* background color */
.HyperMD-header .cm-task-progress-bar .progress-bar-inline-background {
background-color: hsla(var(--base-h), var(--base-s), calc(var(--base-l) - 10%), 0.8) !important;
opacity:0.5
}
.theme-dark .HyperMD-header .cm-task-progress-bar .progress-bar-inline-background {
background-color: hsla(var(--base-h), var(--base-s), calc(var(--base-l) + 25%), 0.8) !important;
}
/* complete checkmark state */
.cm-task-progress-bar .progress-bar-inline-4 {
display:none;
}
.cm-task-progress-bar:has(.progress-bar-inline-4)::after {
content:'✓';
position:absolute;
top:50%;
color: var(--tx2);
font-size:24px;
line-height: 1em;
transform:translate(-4px, -8px)
}

193
.obsidian/snippets/Tasks - Compact.css vendored Normal file
View File

@@ -0,0 +1,193 @@
/*
Tasks: Compact
Colour-based priority status. Show dates on hover. Monochrome emojis.
Original credit to @sunb_mn on Obsidian's discord server for
the basis of these styles which saved me a bit of time:
https://discord.com/channels/686053708261228577/744933215063638183/1108617092137226320
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/*!
Included icons were modified from https://lucide.dev
License reproduced from https://lucide.dev/license
ISC License
Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2022 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2022.
Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
*/
@font-face {
font-family: 'TasksMonoEmojis';
src: url('data:@file/octet-stream;base64,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') format('woff2');
unicode-range: U+1F4C5, U+1F501, U+1F517, U+1F53A, U+1F53C, U+1F53D, U+1F6EB, U+23EB, U+23EC, U+23F3, U+2705, U+2795;
/* 📅, 🔁, 🔗, 🔺, 🔼, 🔽, 🛫, ⏫, ⏬, ⏳, ✅, */
/*! Generator: obsidian-tasks-custom-icons v1.0.3 https://github.com/replete/obsidian-tasks-custom-icons */
}
span.tasks-list-text,
.cm-line:has(.task-list-label) [class^=cm-list-] {
font-family: 'TasksMonoEmojis', var(--font-text);
}
span.tasks-list-text,
.cm-line:has(.task-list-label) [class^=cm-list-] {
font-family: 'TasksMonoEmojis', var(--font-text);
}
/* Priority as colour */
.task-list-item[data-task-priority=highest] input[type=checkbox] {
box-shadow: 0px 0px 1px 1px var(--color-red);
border-color: var(--color-red);
}
.task-list-item[data-task-priority=high] input[type=checkbox] {
box-shadow: 0px 0px 1px 1px var(--color-orange);
border-color: var(--color-orange);
}
.task-list-item[data-task-priority=medium] input[type=checkbox] {
box-shadow: 0px 0px 1px 1px var(--color-yellow);
border-color: var(--color-yellow);
}
.task-list-item[data-task-priority=low] input[type=checkbox] {
box-shadow: 0px 0px 1px 1px var(--color-cyan);
border-color: var(--color-cyan);
}
.task-list-item[data-task-priority=lowest] input[type=checkbox] {
box-shadow: 0px 0px 1px 1px var(--color-cyan);
border-color: var(--color-cyan);
opacity:0.6
}
.task-list-item[data-task-priority=lowest] .task-description {
opacity:0.6
}
.task-priority {
display: none;
}
input[type=checkbox]:checked {
box-shadow: none !important;
border-color: var(--checkbox-border-color) !important;
}
.task-description {
margin-right:3px;
}
/* Show dates hover */
:is(.task-recurring, .task-start, .task-scheduled, .task-done, .task-created, .task-due) {
font-size: 1px;
letter-spacing: -1px;
color: transparent;
background-color: transparent;
}
:is(.task-recurring, .task-start, .task-scheduled,.task-done, .task-created, .task-due)::after {
letter-spacing: 0px;
font-size: var(--font-adaptive-normal, 1rem);
line-height: var(--line-height);
color: var(--tx1, var(--text-normal));
margin-left: 3px;
}
.task-recurring::after {
content: "🔁";
}
.task-start::after {
content: "🛫";
}
.task-scheduled::after {
content: "⏳";
}
.task-done::after {
content: "✅";
}
.task-created::after {
content: "";
}
.task-due::after {
content: "📅";
}
.plugin-tasks-query-result [class^=task-]::after {
cursor: default !important;
opacity:0.6
}
:is(.task-recurring, .task-start, .task-scheduled, .task-done, .task-created, .task-due):hover::after {
opacity:1;
}
:is(.task-recurring, .task-start, .task-scheduled, .task-done, .task-created, .task-due):hover span {
position:absolute;
display:inline-block;
flex-grow:1;
letter-spacing: 0px;
font-size: var(--font-adaptive-small, 0.8rem);
line-height: var(--line-height, 20px);
color: var(--tx1, var(--text-normal));
background:var(--bg2, var(--background-primary));
border-radius:4px;
outline:1px solid var(--tx3, var(--text-faint));
margin-left:10px;
padding-left:2px;
padding-right:4px;
min-width:7rem;
width: fit-content;
pointer-events:none;
z-index:1000;
box-shadow:2px 2px 3px var(--bg2, var(--background-primary)), 0 0 7px var(--bg2, var(--background-primary));
line-height:1.2em;
margin-top:1.5rem;
margin-left:2px;
}
/* File backlink */
.plugin-tasks-query-result .tasks-backlink {
font-size: 1px;
letter-spacing: -1px;
color: transparent;
background-color: transparent;
width:1.5rem;
height: 1.5rem;
align-self:baseline;
}
.plugin-tasks-query-result .tasks-backlink::before {
content:'... ';
font-size: var(--font-adaptive-normal, 1rem);
line-height: var(--line-height, 1rem);
color: var(--tx1, var(--text-faint));
transform: translateX(6px);
display:inline-flex;
opacity:0.6;
}
.plugin-tasks-query-result .tasks-backlink:hover {
font-size: var(--font-adaptive-normal, 0.8rem);
line-height: var(--line-height, 1rem);
letter-spacing:0;
width:inherit;
}
.plugin-tasks-query-result .tasks-backlink:hover::before {
content:''
}
/* Edit button */
.tasks-edit {
background-color: var(--tx1, var(--text-normal));
/* https://caniuse.com/?search=mask-image */
-webkit-mask-image: url('data:image/svg+xml,<svg enable-background="new 0 0 24 28" viewBox="0 0 24 28" xmlns="http://www.w3.org/2000/svg"><path d="m22 12c-.3 0-.5-.1-.7-.3l-4-4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l4 4c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3z"/><path d="m2 28c-.3 0-.5-.1-.7-.3-.3-.3-.4-.6-.3-1l1.5-5.5c0-.2.1-.3.3-.4l11.5-11.5c.4-.4 1-.4 1.4 0l4 4c.4.4.4 1 0 1.4l-11.5 11.5c-.1.1-.3.2-.4.3l-5.5 1.5c-.1 0-.2 0-.3 0zm2.4-6-1 3.6 3.6-1 10.6-10.6-2.6-2.6z"/></svg>');
-webkit-mask-size: 85%;
-webkit-mask-position: 0 -3px;
-webkit-mask-repeat: no-repeat;
transform: translate(0,-1px);
opacity:0.6;
margin-left:5px;
}
.tasks-edit:hover {
opacity: 1;
}
.plugin-tasks-query-result .tasks-backlink {
float:right;
}

View File

@@ -0,0 +1,170 @@
/*
Tasks: Expand dates on hover (WIP)
Color priority markers and dates that expand on hover.
Original credit to @sunb_mn on Obsidian's discord server for
the basis of this styles which I've tweaked and extended a little,
he also quotes @SlRvb and @esm7 for help with code:
https://discord.com/channels/686053708261228577/744933215063638183/1108617092137226320
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Priority as Checkbox Color and Remove the Emoji */
.task-list-item[data-task-priority=high] input[type=checkbox] {
box-shadow: 0px 0px 1px 1px var(--color-red);
border-color: var(--color-red);
}
.task-list-item[data-task-priority=medium] input[type=checkbox] {
box-shadow: 0px 0px 1px 1px var(--color-orange);
border-color: var(--color-orange);
}
.task-list-item[data-task-priority=low] input[type=checkbox] {
box-shadow: 0px 0px 1px 1px var(--color-cyan);
border-color: var(--color-cyan);
}
.task-priority {
display: none;
}
input[type=checkbox]:checked {
box-shadow: none !important;
border-color: var(--checkbox-border-color) !important;
}
.tasks-list-text {
display: inline-flex;
max-width: 100%;
}
.task-description {
flex: 2;
min-width: 0;
width: 350px;
white-space: nowrap;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
/* Show dates on emoji hover */
:is(.task-recurring, .task-start, .task-scheduled, .task-done, .task-created) {
font-size: 1px;
letter-spacing: -1px;
color: transparent;
background-color: transparent;
}
:is(.task-recurring, .task-start, .task-scheduled,.task-done, .task-created)::after {
letter-spacing: 0px;
font-size: var(--font-adaptive-normal);
line-height: var(--line-height);
color: var(--tx1);
margin-left: 5px;
}
.task-recurring::after {
content: "🔁";
}
.task-start::after {
content: "🛫";
}
.task-scheduled::after {
content: "⏳";
}
.task-done::after {
content: "✅";
}
.task-created::after {
content: "";
}
:is(.task-recurring, .task-start, .task-scheduled, .task-done, .task-created):hover::after {
content: "";
}
:is(.task-recurring, .task-start, .task-scheduled, .task-done, .task-created):hover {
letter-spacing: 0px;
font-size: var(--font-adaptive-normal);
line-height: var(--line-height);
color: var(--tx1);
margin-left: 5px;
background:var(--bg2);
border-radius:4px;
outline:1px solid var(--tx3);
margin-left:10px;
padding-left:4px;
/* transform: translateX(-4px); */
}
/* Due date on right */
.task-due {
width: fit-content;
margin-left: 5px;
order: 5;
font-weight: var(--bold-weight);
}
.plugin-tasks-query-result li {
display:inline-flex;
width:100%;
}
.plugin-tasks-query-result .task-list-item-checkbox {
transform: translateY(6px);
}
.plugin-tasks-query-result .tasks-list-text {
flex-grow:1;
}
.plugin-tasks-query-result .task-extras{
display:flex;
justify-self: flex-end;
height:1em;
}
/* File backlink */
.plugin-tasks-query-result .tasks-backlink {
font-size: 1px;
letter-spacing: -1px;
color: transparent;
background-color: transparent;
width:1.5rem;
height: 1.5rem;
align-self:baseline;
}
.plugin-tasks-query-result .tasks-backlink::before {
content:'📄';
font-size: var(--font-adaptive-normal);
line-height: var(--line-height);
color: var(--tx1);
transform: translateX(6px);
display:inline-block;
opacity:0.5;
}
.plugin-tasks-query-result .tasks-backlink:hover {
font-size: var(--font-adaptive-normal);
line-height: var(--line-height);
letter-spacing:0;
width:inherit;
opacity:1;
transform: translateX(8px);
}
/* Show all text on edit hover */
.tasks-edit {
transform:translate(0,3px)
}
.plugin-tasks-query-result li:has(.tasks-edit:hover) :is(.task-recurring, .task-start, .task-scheduled, .task-done, .task-created) {
letter-spacing: 0px;
font-size: var(--font-adaptive-normal);
line-height: var(--line-height);
color: var(--tx1);
margin-left: 5px;
}
.plugin-tasks-query-result li:has(.tasks-edit:hover) :is(.task-recurring, .task-start, .task-scheduled, .task-done, .task-created)::after {
content:'';
}

View File

@@ -0,0 +1,21 @@
/*!
Included icons were modified from https://lucide.dev
License reproduced from https://lucide.dev/license
ISC License
Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2022 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2022.
Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
*/
@font-face {
font-family: 'TasksMonoEmojis';
src: url('data:@file/octet-stream;base64,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') format('woff2');
unicode-range: U+1F194, U+1F3C1, U+1F4C5, U+1F4CD, U+1F501, U+1F517, U+1F53A, U+1F53C, U+1F53D, U+1F6EB, U+23E9, U+23EB, U+23EC, U+23F0, U+23F3, U+26D4, U+2705, U+274C, U+2795, U+F1589;
/* 🆔, 🏁, 📅, 📍, 🔁, 🔗, 🔺, 🔼, 🔽, 🛫, ⏩, ⏫, ⏬, ⏰, ⏳, ⛔, ✅, ❌, , 󱖉 */
/*! Generator: obsidian-tasks-custom-icons v1.0.4 https://github.com/obsidian-tasks-group/obsidian-tasks-custom-icons */
}
span.tasks-list-text,
.cm-line:has(.task-list-label) [class^=cm-list-] {
font-family: 'TasksMonoEmojis', var(--font-text);
}

524
.obsidian/snippets/Tracker.css vendored Normal file
View File

@@ -0,0 +1,524 @@
/*
Tracker
Tracker plugin styles and themed colours
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* chart display tweaks */
.block-language-tracker {
.tracker-legend {
stroke: none;
}
.tracker-tick-label {
fill:var(--tx2);
}
}
/* Duotone on hover effect */
/* Light themes */
.theme-light.minimal-default-light .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.5 1"></feFuncR>\
<feFuncG type="table" tableValues="0.5 1"></feFuncG>\
<feFuncB type="table" tableValues="0.5 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-atom-light .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.6274509804 0.9803921569"></feFuncR>\
<feFuncG type="table" tableValues="0.631372549 0.9803921569"></feFuncG>\
<feFuncB type="table" tableValues="0.6588235294 0.9803921569"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-ayu-light .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.5490196078 0.9098039216"></feFuncR>\
<feFuncG type="table" tableValues="0.5764705882 0.9254901961"></feFuncG>\
<feFuncB type="table" tableValues="0.6078431373 0.9411764706"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-catppuccin-light .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.631372549 0.937254902"></feFuncR>\
<feFuncG type="table" tableValues="0.6352941176 0.9450980392"></feFuncG>\
<feFuncB type="table" tableValues="0.6901960784 0.9607843137"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-everforest-light .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.5098039216 0.9921568627"></feFuncR>\
<feFuncG type="table" tableValues="0.568627451 0.9647058824"></feFuncG>\
<feFuncB type="table" tableValues="0.5058823529 0.8901960784"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-gruvbox-light .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4862745098 0.9882352941"></feFuncR>\
<feFuncG type="table" tableValues="0.4392156863 0.9490196078"></feFuncG>\
<feFuncB type="table" tableValues="0.3960784314 0.7803921569"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-macos-light .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.5019607843 1"></feFuncR>\
<feFuncG type="table" tableValues="0.5019607843 1"></feFuncG>\
<feFuncB type="table" tableValues="0.5019607843 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-nord-light .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4901960784 1"></feFuncR>\
<feFuncG type="table" tableValues="0.5215686275 1"></feFuncG>\
<feFuncB type="table" tableValues="0.5921568627 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-notion-light .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4470588235 1"></feFuncR>\
<feFuncG type="table" tableValues="0.4392156863 1"></feFuncG>\
<feFuncB type="table" tableValues="0.4156862745 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-rose-pine-light .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4745098039 1"></feFuncR>\
<feFuncG type="table" tableValues="0.4588235294 0.9803921569"></feFuncG>\
<feFuncB type="table" tableValues="0.5764705882 0.9529411765"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-solarized-light .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.3450980392 0.9921568627"></feFuncR>\
<feFuncG type="table" tableValues="0.431372549 0.9647058824"></feFuncG>\
<feFuncB type="table" tableValues="0.4588235294 0.8901960784"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-things-light .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4901960784 1"></feFuncR>\
<feFuncG type="table" tableValues="0.4980392157 1"></feFuncG>\
<feFuncB type="table" tableValues="0.5176470588 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
/* Dark themes */
.theme-dark.minimal-default-dark .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1450980392 0.6"></feFuncR>\
<feFuncG type="table" tableValues="0.1450980392 0.6"></feFuncG>\
<feFuncB type="table" tableValues="0.1450980392 0.6"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-atom-dark .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1568627451 0.537254902"></feFuncR>\
<feFuncG type="table" tableValues="0.1725490196 0.5607843137"></feFuncG>\
<feFuncB type="table" tableValues="0.2039215686 0.6156862745"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-ayu-dark .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.137254902 0.4392156863"></feFuncR>\
<feFuncG type="table" tableValues="0.1607843137 0.4784313725"></feFuncG>\
<feFuncB type="table" tableValues="0.2156862745 0.5490196078"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-catppuccin-dark .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1882352941 0.7264705882"></feFuncR>\
<feFuncG type="table" tableValues="0.2039215686 0.7956862745"></feFuncG>\
<feFuncB type="table" tableValues="0.2745098039 0.9407843137"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
/* removed .2 from light values text overlay legibility */
}
.theme-dark.minimal-dracula-dark .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1568627451 0.5803921569"></feFuncR>\
<feFuncG type="table" tableValues="0.1647058824 0.6235294118"></feFuncG>\
<feFuncB type="table" tableValues="0.2156862745 0.7450980392"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-everforest-dark .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1764705882 0.6156862745"></feFuncR>\
<feFuncG type="table" tableValues="0.20784313734 0.662745098"></feFuncG>\
<feFuncB type="table" tableValues="0.231372549 0.6274509804"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-gruvbox-dark .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1568627451 0.7411764706"></feFuncR>\
<feFuncG type="table" tableValues="0.1568627451 0.6823529412"></feFuncG>\
<feFuncB type="table" tableValues="0.1568627451 0.5725490196"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-macos-dark .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1176470588 0.5490196078"></feFuncR>\
<feFuncG type="table" tableValues="0.1176470588 0.5490196078"></feFuncG>\
<feFuncB type="table" tableValues="0.1176470588 0.5490196078"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-nord-dark .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1803921569 0.6196078431"></feFuncR>\
<feFuncG type="table" tableValues="0.2 0.6862745098"></feFuncG>\
<feFuncB type="table" tableValues="0.2549019608 0.8"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-notion-dark .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1843137255 0.5647058824"></feFuncR>\
<feFuncG type="table" tableValues="0.2039215686 0.5725490196"></feFuncG>\
<feFuncB type="table" tableValues="0.2156862745 0.5803921569"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-rose-pine-dark .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1215686275 0.5647058824"></feFuncR>\
<feFuncG type="table" tableValues="0.1137254902 0.5490196078"></feFuncG>\
<feFuncB type="table" tableValues="0.1803921569 0.6666666667"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-solarized-dark .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.0196078431 0.3960784314"></feFuncR>\
<feFuncG type="table" tableValues="0.1647058824 0.4823529412"></feFuncG>\
<feFuncB type="table" tableValues="0.2117647059 0.5137254902"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-things-dark .block-language-tracker:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1411764706 0.7960784314"></feFuncR>\
<feFuncG type="table" tableValues="0.1490196078 0.8"></feFuncG>\
<feFuncB type="table" tableValues="0.1647058824 0.8039215686ƒ"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}

View File

@@ -0,0 +1,556 @@
/*
Compact Right sidebar notes (for reference)
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.mod-top-right-space {
/* Hide properties or filename */
.mod-header {
display:none;
}
/* TODO editing view */
/* Reading view */
.markdown-reading-view {
.markdown-preview-view {
--file-margins: 0;
}
.markdown-rendered {
:has( > :is(p,pre,table,ul,ol)) + div > :is(h1,h2,h3,h4,h5,h6) {
margin:0;
margin-block-start:1rem;
margin-block-end:0;
font-weight:700;
}
:is(p) {
margin-block-start:.25rem;
margin-block-end:0;
}
:is(li) {
margin-block-start:.25rem;
margin-block-end:0;
}
:is(ol,ul) {
margin-block-start:1rem;
margin-block-end:1.5rem;
}
}
}
}
/* Duotone hover */
/* Light themes */
.theme-light.minimal-default-light .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.5 1"></feFuncR>\
<feFuncG type="table" tableValues="0.5 1"></feFuncG>\
<feFuncB type="table" tableValues="0.5 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-atom-light .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.6274509804 0.9803921569"></feFuncR>\
<feFuncG type="table" tableValues="0.631372549 0.9803921569"></feFuncG>\
<feFuncB type="table" tableValues="0.6588235294 0.9803921569"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-ayu-light .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.5490196078 0.9098039216"></feFuncR>\
<feFuncG type="table" tableValues="0.5764705882 0.9254901961"></feFuncG>\
<feFuncB type="table" tableValues="0.6078431373 0.9411764706"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-catppuccin-light .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.631372549 0.937254902"></feFuncR>\
<feFuncG type="table" tableValues="0.6352941176 0.9450980392"></feFuncG>\
<feFuncB type="table" tableValues="0.6901960784 0.9607843137"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-everforest-light .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.5098039216 0.9921568627"></feFuncR>\
<feFuncG type="table" tableValues="0.568627451 0.9647058824"></feFuncG>\
<feFuncB type="table" tableValues="0.5058823529 0.8901960784"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-gruvbox-light .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4862745098 0.9882352941"></feFuncR>\
<feFuncG type="table" tableValues="0.4392156863 0.9490196078"></feFuncG>\
<feFuncB type="table" tableValues="0.3960784314 0.7803921569"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-macos-light .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.5019607843 1"></feFuncR>\
<feFuncG type="table" tableValues="0.5019607843 1"></feFuncG>\
<feFuncB type="table" tableValues="0.5019607843 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-nord-light .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4901960784 1"></feFuncR>\
<feFuncG type="table" tableValues="0.5215686275 1"></feFuncG>\
<feFuncB type="table" tableValues="0.5921568627 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-notion-light .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4470588235 1"></feFuncR>\
<feFuncG type="table" tableValues="0.4392156863 1"></feFuncG>\
<feFuncB type="table" tableValues="0.4156862745 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-rose-pine-light .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4745098039 1"></feFuncR>\
<feFuncG type="table" tableValues="0.4588235294 0.9803921569"></feFuncG>\
<feFuncB type="table" tableValues="0.5764705882 0.9529411765"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-solarized-light .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.3450980392 0.9921568627"></feFuncR>\
<feFuncG type="table" tableValues="0.431372549 0.9647058824"></feFuncG>\
<feFuncB type="table" tableValues="0.4588235294 0.8901960784"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-light.minimal-things-light .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.4901960784 1"></feFuncR>\
<feFuncG type="table" tableValues="0.4980392157 1"></feFuncG>\
<feFuncB type="table" tableValues="0.5176470588 1"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
/* Dark themes */
.theme-dark.minimal-default-dark .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1450980392 0.6"></feFuncR>\
<feFuncG type="table" tableValues="0.1450980392 0.6"></feFuncG>\
<feFuncB type="table" tableValues="0.1450980392 0.6"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-atom-dark .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1568627451 0.537254902"></feFuncR>\
<feFuncG type="table" tableValues="0.1725490196 0.5607843137"></feFuncG>\
<feFuncB type="table" tableValues="0.2039215686 0.6156862745"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-ayu-dark .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.137254902 0.4392156863"></feFuncR>\
<feFuncG type="table" tableValues="0.1607843137 0.4784313725"></feFuncG>\
<feFuncB type="table" tableValues="0.2156862745 0.5490196078"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-catppuccin-dark .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1882352941 0.7264705882"></feFuncR>\
<feFuncG type="table" tableValues="0.2039215686 0.7956862745"></feFuncG>\
<feFuncB type="table" tableValues="0.2745098039 0.9407843137"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
/* removed .2 from light values text overlay legibility */
}
.theme-dark.minimal-dracula-dark .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1568627451 0.5803921569"></feFuncR>\
<feFuncG type="table" tableValues="0.1647058824 0.6235294118"></feFuncG>\
<feFuncB type="table" tableValues="0.2156862745 0.7450980392"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-everforest-dark .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1764705882 0.6156862745"></feFuncR>\
<feFuncG type="table" tableValues="0.20784313734 0.662745098"></feFuncG>\
<feFuncB type="table" tableValues="0.231372549 0.6274509804"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-gruvbox-dark .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1568627451 0.7411764706"></feFuncR>\
<feFuncG type="table" tableValues="0.1568627451 0.6823529412"></feFuncG>\
<feFuncB type="table" tableValues="0.1568627451 0.5725490196"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-macos-dark .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1176470588 0.5490196078"></feFuncR>\
<feFuncG type="table" tableValues="0.1176470588 0.5490196078"></feFuncG>\
<feFuncB type="table" tableValues="0.1176470588 0.5490196078"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-nord-dark .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1803921569 0.6196078431"></feFuncR>\
<feFuncG type="table" tableValues="0.2 0.6862745098"></feFuncG>\
<feFuncB type="table" tableValues="0.2549019608 0.8"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-notion-dark .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1843137255 0.5647058824"></feFuncR>\
<feFuncG type="table" tableValues="0.2039215686 0.5725490196"></feFuncG>\
<feFuncB type="table" tableValues="0.2156862745 0.5803921569"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-rose-pine-dark .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1215686275 0.5647058824"></feFuncR>\
<feFuncG type="table" tableValues="0.1137254902 0.5490196078"></feFuncG>\
<feFuncB type="table" tableValues="0.1803921569 0.6666666667"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-solarized-dark .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.0196078431 0.3960784314"></feFuncR>\
<feFuncG type="table" tableValues="0.1647058824 0.4823529412"></feFuncG>\
<feFuncB type="table" tableValues="0.2117647059 0.5137254902"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}
.theme-dark.minimal-things-dark .mod-top-right-space .markdown-reading-view:not(:hover) {
filter: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg">\
<filter id="filter">\
<feColorMatrix type="matrix" result="grayscale"\
values="1 0 0 0 0\
1 0 0 0 0\
1 0 0 0 0\
0 0 0 1 0">\
</feColorMatrix>\
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">\
<feFuncR type="table" tableValues="0.1411764706 0.7960784314"></feFuncR>\
<feFuncG type="table" tableValues="0.1490196078 0.8"></feFuncG>\
<feFuncB type="table" tableValues="0.1647058824 0.8039215686ƒ"></feFuncB>\
<feFuncA type="table" tableValues="0 1"></feFuncA>\
</feComponentTransfer>\
</filter>\
</svg>#filter');
}

View File

@@ -0,0 +1,116 @@
/*
Custom tag styles
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
:root {
--replete-tag-border: none;
--replete-tag-radius: 3px;
}
/* --- Clean style tags --- */
/* .cm-hashtag {
border-radius:0 !important;
border:var(--replete-tag-border);
}
.cm-hashtag-begin {
padding-left:var(--replete-tag-padding-horizontal) !important;
border:var(--replete-tag-border) !important;
}
.cm-hashtag-end {
padding-right:var(--replete-tag-padding-horizontal) !important;
border:var(--replete-tag-border) !important;
} */
/* --- Box styling if tag is in a list --- */
.HyperMD-list-line .cm-hashtag {
border:var(--replete-tag-border) !important;
background-color: hsla(var(--base-h), var(--base-s), calc(var(--base-l) - 20%), 0.3);
color:var(--tx4);
display: inline-block;
line-height:1em;
transform: translate(0,-2px);
}
.theme-dark .HyperMD-list-line .cm-hashtag {
background-color: hsla(var(--base-h), var(--base-s), calc(var(--base-l) + 40%), 0.4);
}
/* Hide pound sign without breaking dropdown UI hook */
.HyperMD-list-line .cm-hashtag-begin {
width:0;
visibility:hidden;
display:none;
font-size:10px;
}
/* main hashtag styling */
.HyperMD-list-line .cm-hashtag-end {
border:var(--replete-tag-border) !important;
border-radius: var(--replete-tag-radius) !important;
padding: 3px 3px 3px 4px !important;
text-transform: uppercase !important;
font-weight:600;
font-size:10px;
letter-spacing: 0.04em;
}
/* alternate styles when line is active for editing */
.HyperMD-list-line.cm-active .cm-hashtag-end {
text-transform:none !important;
font-weight:500 !important;
font-size:11px;
letter-spacing:normal;
border-top-left-radius:0 !important;
border-bottom-left-radius:0 !important;
}
.HyperMD-list-line.cm-active .cm-hashtag-begin {
width:0.6em;
font-size:11px;
font-weight:500 !important;
visibility: visible;
display:inline-block;
border-top-left-radius: var(--replete-tag-radius);
border-bottom-left-radius: var(--replete-tag-radius);
padding: 3px !important;
opacity:0.8;
}
/* Boxed style for Tasks dataviews */
.plugin-tasks-list-item .tag {
border:var(--replete-tag-border) !important;
background-color: hsla(var(--base-h), var(--base-s), calc(var(--base-l) - 20%), 0.3);
border-radius: var(--replete-tag-radius) !important;
padding: 3px 2px 3px 2px !important;
text-transform: uppercase !important;
font-weight:600;
font-size:10px;
letter-spacing: 0.04em;
transform: translate(0,-2px);
display:inline-block;
}
.theme-dark .plugin-tasks-list-item .tag {
background-color: hsla(var(--base-h), var(--base-s), calc(var(--base-l) + 40%), 0.4);
}
/* GTD tags */
.cm-tag-next {
color:var(--color-accent-1) !important;
}
.cm-tag-someday {
color:var(--color-orange) !important;
}
.cm-tag-waiting {
color:var(--color-pink) !important;
}
.cm-tag-blocked {
color:var(--color-red) !important;
}
.cm-tag-done {
color:var(--color-green) !important;
}

View File

@@ -0,0 +1,27 @@
/*
Editor fixes
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Make collapse icon less colorful */
.cm-s-obsidian .collapse-indicator.collapse-icon svg{
stroke: var(--tx2)
}
/* Fix edit block alignment in gutter */
.cm-s-obsidian .edit-block-button {
left: calc(max(calc(50% + var(--folding-offset) - var(--line-width-adaptive)/ 2),calc(50% + var(--folding-offset) - var(--max-width)/ 2)) - 30px )!important;
}
.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block>.edit-block-button {
opacity:1 !important;
}
/* Make indentation guides less visible */
.cm-indent {
opacity:0.4
}
.theme-dark .cm-indent {
opacity: 0.5
}

View File

@@ -0,0 +1,39 @@
/*
Frontmatter tweaks
Styling frontmatter in preview views is tricky, and the opinion I have is that I want frontmatter to be less prominent than the body of the note
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
:not(.is-live-preview) {
/* Editor: Override Syntax Highlighter Frontmatter styles */
.cm-s-obsidian .cm-line .cm-hmd-frontmatter.cm-atom {
color: var(--text-normal);
}
.cm-s-obsidian .cm-line .cm-hmd-frontmatter ~ .cm-hmd-frontmatter{
color: var(--blockquote-color);
}
}
.is-live-preview {
.cm-s-obsidian .cm-def:nth-of-type(1){
/* both --- */
/* font-size:50%; */
}
.cm-s-obsidian .cm-line:nth-of-type(1) .cm-def {
/* first --- */
/* background:blue; */
color: var(--blockquote-color);
}
.cm-s-obsidian .cm-line:nth-of-type(1) ~.cm-line .cm-def {
/* last --- */
color: var(--blockquote-color);
}
.cm-s-obsidian .cm-hmd-frontmatter {
font-size:75%;
}
.cm-s-obsidian span.cm-meta {
/* opacity:0.5 */
}
}

View File

@@ -0,0 +1,8 @@
/*
Monotone Emojis (override all)
Apply monotone emoji font to all editor instances
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.cm-s-obsidian, .markdown-source-view, .markdown-source-view.mod-cm6 .cm-scroller {
font-family: var(--font-emojis), var(--font-text);
}

View File

@@ -0,0 +1,19 @@
/*
Tables tweaks
WIP
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
:root {
--table-border-color: var(--text-faint);
}
/* Border color */
.cm-s-obsidian .cm-table-widget th,
.cm-s-obsidian .cm-table-widget td{
border-color: var(--table-border-color);
}
/* Bold header row */
.cm-s-obsidian .cm-table-widget th {
font-weight:bold;
}

View File

@@ -0,0 +1,138 @@
/*
Typography
WIP. Loosely following github markdown styles, but will change over time
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Markdown source view (not live preview) */
.markdown-source-view:not(.is-live-preview) {
/* Set source view to monospace font */
font-family: JetBrains Mono,Menlo, Monaco, 'Courier New', monospace;
/* Reset header font sizes */
.cm-header {
font-size:1rem;
font-variant:normal;
}
/* Fix footnote indent */
.HyperMD-footnote {
font-size:inherit;
padding-left:0;
text-indent:0;
}
.cm-inline-code {
font-size:inherit;
}
/* Fix heading font-size */
.cm-line[class*=HyperMD-header-] {
font-size:inherit;
line-height:inherit;
}
}
.markdown-source-view.is-live-preview {
/* unordered list item children alignment (to match checkbox size metrics) */
.cm-formatting-list-ul {
.list-bullet {
transform: translateX(-1px);
margin-right: 7px;
}
}
/* unordered list item alignment and style */
.cm-formatting-list-ol {
padding:0;
min-width:2rem !important;
display:inline-flex;
.list-number {
text-align:center !important;
display:inline-flex;
font-size:0.85em;
text-align:center !important;
min-width:var(--checkbox-size) !important;
margin:0 auto; /* centered */
}
}
/* list and blockquote colors */
.cm-s-obsidian .cm-formatting-quote {
color: var(--tx2)
}
.cm-s-obsidian .cm-formatting-quote {
transform:translate(-3px,0);
display: inline-block;
}
/* Headings */
&.cm-s-obsidian {
--h1-size:2em !important;
--h2-size:1.5em !important;
--h3-size:1.25em !important;
--h3-weight:600 !important;
--h4-size:1em !important;
--h4-weight:600 !important;
--h4-variant: normal !important;
--h5-size:0.875em !important;
--h5-weight:600 !important;
--h5-variant: normal !important;
--h6-size:0.75em !important;
--h6-weight:600 !important;
--h6-variant: normal !important;
}
/* Quotes */
.HyperMD-quote {
display:block !important;
}
.HyperMD-quote::before {
opacity:0;
}
.HyperMD-quote::after {
content:'';
display:block;
background:var(--bg3);
width:1px;
height:100%;
position: absolute;
top:0;
left:0;
}
.HyperMD-quote.cm-active {
border-color:transparent;
}
.HyperMD-quote.cm-active::after{
display:none;
}
.HyperMD-quote cite {
color:var(--tx3);
display: inline-block;
}
/* fix is-flashing display */
.cm-editor .is-flashing {
background:hsla(var(--base-h), var(--base-s), calc(var(--base-l) + 30%),0.5);
}
/* Footnote styles */
.HyperMD-footnote {
color:var(--tx2);
padding-left:0 !important;
.cm-hmd-internal-link > *{
color:var(--tx2) !important;
text-decoration-color:var(--tx2) !important;
opacity:1 !important;
}
}
}

7
.obsidian/snippets/[editor] debug.css vendored Normal file
View File

@@ -0,0 +1,7 @@
.cm-line {
background:rgba(0,255,0,0.1);
box-shadow: inset 0 -2px 3px rgba(255,255,255,.2);
background-position:right !important;
background-image: repeating-linear-gradient(270deg, #00FFFF2E 0em, #073AFF00 9px);
/* FIX? */
}

1404
.obsidian/snippets/[font] Mono Emojis.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,40 @@
/*
Collapsible Right Headers
Save some space in the right headers
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* header container on right */
.mod-right-split .workspace-tabs + .workspace-tabs .workspace-tab-header-container {
background:
repeating-linear-gradient(
135deg,
var(--background-modifier-border) 0px,
transparent 1px,
transparent 10px,
var(--background-modifier-border) 11px,
transparent 11px
) !important;
height:8px;
transition:.2s all ease-in;
border-bottom-color:transparent;
}
.mod-right-split .workspace-tabs + .workspace-tabs .workspace-tab-header-container::before {
content:'';
background:linear-gradient(to top, var(--background-primary), transparent);
display:block;
position:absolute;
left:0;
width:100%;
height:100%;
top: 0;
}
.mod-right-split .workspace-tabs + .workspace-tabs .workspace-tab-header-container:hover,
.mod-right-split .workspace-tabs + .workspace-tabs .workspace-tab-header-container:focus-within,
body.is-grabbing .mod-right-split .workspace-tabs + .workspace-tabs .workspace-tab-header-container {
/* is-grabbing visibility is to make dragging panels around usable */
height:var(--header-height);
background:var(--background-primary) !important;
}

View File

@@ -0,0 +1,220 @@
/*
Compact File Explorer
I prefer a condensed view with the chevron on the right.
NOTE: Fix padding bug on startup
--------------------------------
Obsidian calculates paddings via JS and there is a bug sometimes
with the wrong indents appearing on startup.
The fix for this is to turn dummy.css snippet on and off.
To automate this fix (KLUDGE incoming):
- Install 'Snippet Commands' by death_au from Community Plugins
- Install 'Templater' plugin
- Create a new startup script in your vault containing this code:
<%* app.commands.executeCommandById('snippet-commands-obsidian:snippet-command-dummy'); %>
Now, the padding will be reset on startup. Even with this fix, sometimes
large folders have incorrect padding offsets further down.
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Workspace: Sidebar navigation */
[data-type=file-explorer] {
.nav-header {
padding-left:14px;
padding-bottom:3px;
padding-top: 6px;
.nav-buttons-container {
opacity:0.7;
transition: .2s opacity ease-in;
&:hover {
opacity:1;
}
}
.clickable-icon {
padding-left:4px;
}
}
.nav-files-container {
padding-left: 9px;
padding-right: 9px;
}
.collapse-icon {
position:relative !important;
margin-left:0 !important;
order:4;
padding-left:3px;
svg {
stroke:var(--text-faint);
margin-top:1px;
}
}
/* Fix Folder Note Count display */
.nav-folder-title-content {
flex-grow:0 !important;
}
/* Fix flashing color */
.is-flashing {
background-color: var(--tx3)
}
/* We're fighting obsidians JS on calculated paddings here, fix left margin */
.tree-item-self[style] {
padding-left:8px !important;
}
/* Disable sliding animation */
* {
transition: none !important;
}
/* tree trunk */
.tree-item-children {
border-inline-start:none;
position:relative;
&::before {
content:'';
position:absolute;
top:0;
left:-1px;
bottom:12px;
width:1px;
background:var(--nav-indentation-guide-color);
}
}
/* tree branches */
.nav-file,
.nav-folder {
position:relative;
z-index:1;
}
.nav-folder-children .nav-file-title::before,
.nav-folder-children .nav-folder-title::before {
content:'';
display:block;
width:8px;
height:1px;
background-color: var(--nav-indentation-guide-color);
position:absolute;
margin-left:-13px;
z-index:-1;
}
.nav-folder.mod-root .nav-folder > .nav-folder-children {
margin-left:8px;
position:relative;
padding-left:7px;
}
.nav-folder.mod-root .nav-file:hover .nav-file-title::before,
.nav-folder.mod-root .nav-file-title.is-active::before {
width:8px;
}
/* overflowing title alignment fix */
.nav-file-title,
.nav-folder-title {
padding-right:4px;
z-index:2;
}
/* .nav-folder.mod-root .nav-folder > .nav-folder-children {
margin-left:13px !important;
outline:1px solid red;
} */
/* .nav-folder.mod-root .nav-folder > .nav-folder-children:has([class*=nav-])::after {
background-color:var(--bg2, var(--background-primary));
} */
/* Fix Folder Note Count display */
.nav-folder-title-content {
flex-grow:0 !important;
}
/* Folder Count plugin alignment */
.nav-folder-title[data-count]::after {
color: var(--tx3, var(--text-faint));
position:absolute;
right:0;
transform: translate(0, 1px);
opacity:0;
transition: .2s opacity ease-in;
padding-right:3px;
}
.nav-files-container:hover .nav-folder-title[data-count]::after {
opacity:1;
}
/* Make attachment folders less visible */
.nav-files-container [data-path*=attachments],
.nav-files-container [data-path*=Assets] {
opacity:0.6;
}
/* style file tag */
.nav-file-tag {
/* Here be dragons! */
margin-left:0;
margin-right:3px;
text-shadow: 0.5px 0 0 black;
text-indent:-5px;
overflow:visible;
font-weight:bold;
line-height:10px;
width:13px;
height:13px;
font-size: 11px;
letter-spacing:-0.5px;
vertical-align:middle;
text-rendering: geometricPrecision;
/* font-family: "JetBrains Mono", monospace; */
font-family: "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
border-radius:0;
/* suffix file tag styling */
.nav-file-title-content + & {
margin-left: .5rem;
letter-spacing: 0;
}
}
/* Hide file tag when an icon is set */
.nav-file:has(.nav-file-tag):has(.iconize-icon) {
.nav-file-tag {display:none}
}
/* Fix weird indent on root vault files */
.nav-files-container .nav-folder.mod-root > .nav-folder-children > .tree-item.nav-file {
.nav-file-title.is-active::before {
/* fix indent on active file in root */
display:none;
}
&:hover .nav-file-title::before {
/* fix indent on hovered file in root */
display:none !important;
}
}
}
/* Align vault title */
body:not(.is-mobile) .nav-folder.mod-root>.nav-folder-title .nav-folder-title-content {
margin-left:-3px;
}

View File

@@ -0,0 +1,95 @@
/*
Compact Properties
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Compact style */
.cm-editor .metadata-container {
padding-top:0;
padding-bottom:6px;
}
.cm-editor .metadata-properties-heading {
display:none;
}
/* Autohide on hover for desktop */
body:not(.is-mobile) {
.cm-editor .metadata-container {
height:.5em;
margin-bottom:0;
.metadata-content {
display:none;
}
&::before {
content:'⋯';
display:block;
position:absolute;
height:100%;
width:100%;
line-height:1em;
text-indent:3px;
top:-4px;
pointer-events:none;
}
&:is(:hover,:focus-within) {
height:auto;
background: inherit;
&::before {
display:none;
}
.metadata-content {
display:inherit;
}
}
}
}
/* Hide properties on mobile */
body:is(.is-mobile) {
--metadata-display-editing: none;
}
/* Properties panel fixes */
.workspace-leaf-content[data-type=all-properties] {
.nav-header {
padding-top:6px;
padding-bottom:0;
.nav-buttons-container {
margin-right:0 !important;
padding-left:2px
}
/* correct icon alignment */
.clickable-icon svg {
transform: translate(-2px,0);
}
.search-input-container {
outline:2px solid red;
}
}
.tree-item {
/* fix properties panel item alignment */
padding-left: 15px;
/* more compact */
margin-top:-5px;
}
}
/* Hide banner in hover popover */
.hover-popover .metadata-container {
display:none !important;
outline: 2px solid red;
}

View File

@@ -0,0 +1,64 @@
/*
Compact Sidebar
Make icons in sidebar tab headers more compact, for smaller screens
Make Vault selector sidebar footer more compact
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.workspace-tab-header-inner{
padding-left:3px;
padding-right:3px;
}
.nav-buttons-container {
justify-content:start !important;
margin-left:-4px
}
.nav-buttons-container .clickable-icon {
padding-left:8px;
padding-right:3px;
}
.nav-buttons-container .clickable-icon{
color:var(--tx2, var(--text-normal)) !important;
transition: .2s color ease-in;
}
.nav-buttons-container .view-actions:hover .clickable-icon {
color: var(--tx1, var(--text-faint)) !important;
}
/* Compact Vault selector sidebar footer */
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
padding: 0;
gap:0;
.workspace-drawer-vault-switcher {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding-left: 12px;
margin-top:-1px;
}
.clickable-icon {
border-radius:0;
&:last-of-type {
padding-right:12px
}
}
svg {
width:16px !important;
height:16px !important;
}
svg {
}
.workspace-drawer-vault-name {
margin-left:-5px;
}
}

View File

@@ -0,0 +1,29 @@
/*
Compact Tab Header
Make main tab header items more compact
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Make header title left justified */
.view-header-title-container {
justify-content:start;
}
.view-header-title-container .view-header-title {
color:var(--tx2) !important;
}
.view-header-title-container .view-header-title:hover,
.view-header-title-container .view-header-title:focus {
color:var(--tx1) !important
}
/* Condensed Icon spacing */
.view-header .view-actions .clickable-icon{
color:var(--tx2) !important;
transition: .2s color ease-in;
padding-left:2px;
padding-right:2px;
}
.view-header .view-actions:hover .clickable-icon {
color: var(--tx1) !important;
}

View File

@@ -0,0 +1,90 @@
/*
Commpact Tabs
Cleaner, smaller tabs with hidden buttons
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.workspace-tabs:not([class*=-right], [class*=-left]) .workspace-tab-header {
padding-left:3px;
padding-right:3px;
}
.workspace-tabs:not([class*=-right], [class*=-left]) .workspace-tab-header .workspace-tab-header-inner {
gap:0 !important;
}
/* Hide tab separator bar */
.workspace .mod-root .workspace-tab-header-inner::after {
display:none;
}
/* Hover tab styles */
.workspace-tabs:not([class*=-right], [class*=-left]) .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
background: var(--bg2);
}
/* Hide buttons until hover */
.workspace-tabs:not([class*=-right], [class*=-left]) .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button,
.workspace-tabs:not([class*=-right], [class*=-left]) .workspace-tab-header:not(.is-active) .workspace-tab-header-status-icon {
opacity:0;
}
.workspace-tabs:not([class*=-right], [class*=-left]) .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner-close-button,
.workspace-tabs:not([class*=-right], [class*=-left]) .workspace-tab-header:not(.is-active):hover .workspace-tab-header-status-icon {
opacity:1;
}
/* Less prominent pinned icon */
.workspace-tabs:not([class*=-right], [class*=-left]) .workspace-tab-header.is-active .workspace-tab-header-status-icon {
opacity:0.6 !important;
}
/* Variable width tabs WIP */
.workspace-tabs:not([class*=-right], [class*=-left]) .workspace-tab-header-inner {
/* width:auto; */
}
.workspace-tabs:not([class*=-right], [class*=-left]) .workspace-tab-header {
/* width:auto;
flex: none;
flex-shrink: 1;
max-width:25% */
}
.workspace-tabs:not([class*=-right], [class*=-left]) .workspace-tab-header-inner {
}
.workspace-tabs:not([class*=-right], [class*=-left]) .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button {
position:absolute;
right:6px;
margin-top:0px;
}
.workspace-tabs:not([class*=-right], [class*=-left]) .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner-close-button {
background:var(--bg2);
}
/* Fade graphic to make hover close button look less harsh */
.workspace-tabs:not([class*=-right], [class*=-left]) .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner-close-button::before {
content:'';
display:block;
position:absolute;
background:linear-gradient(to right, transparent, var(--bg2)) !important;
right:100%;
height:1em;
width: 1em;
pointer-events:none;
}
/* Smaller buttons */
.workspace .mod-root .workspace-tab-header-inner-close-button,
.workspace .mod-root .workspace-tab-header-status-icon {
transform:scale(0.9) translate(2px,1px);
transform-origin:center;
}
/* Smaller new tab button */
.workspace .mod-root .workspace-tab-header-new-tab {
margin-left:4px;
}
.workspace .mod-root .workspace-tab-header-new-tab .clickable-icon {
transform:scale(0.8) translate(0,1px);
}

117
.obsidian/snippets/[ui] Compact Tabs.css vendored Normal file
View File

@@ -0,0 +1,117 @@
/*
Commpact Tabs
Cleaner, smaller tabs with hidden buttons
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.workspace .mod-root .workspace-tab-header-container {
/* border-bottom:0 */
}
.workspace .mod-root .workspace-tab-header-container-inner {
padding: 0;
margin: 5px 0 2px -2px;
}
.workspace .mod-root .workspace-tab-header.is-active {
background: none;
box-shadow: none;
}
.workspace .mod-root .workspace-tab-header.is-active::before,
.workspace .mod-root .workspace-tab-header.is-active::after {
display:none;
}
.workspace .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner {
background: var(--background-modifier-hover);
}
/* Theme-specific colour tweaks */
/* .theme-light.minimal-atom-light .workspace .mod-root .is-active .workspace-tab-header-inner,
.theme-light.minimal-catppuccin-light .workspace .mod-root .is-active .workspace-tab-header-inner {
background: hsl(var(--base-h), var(--base-s), calc(var(--base-l) - 6%))
} */
.workspace .mod-root .workspace-tab-header {
padding-left:2px;
padding-right:2px;
&:first-of-type {
padding-left:0;
}
}
.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner {
gap:0 !important;
}
/* Hide tab separator bar */
.workspace .mod-root .workspace-tab-header-inner::after {
display:none;
}
/* Hover tab styles */
.workspace .mod-root .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
background: var(--bg2);
}
/* Hide buttons until hover */
.workspace .mod-root .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button,
.workspace .mod-root .workspace-tab-header:not(.is-active) .workspace-tab-header-status-icon {
opacity:0;
}
.workspace .mod-root .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner-close-button,
.workspace .mod-root .workspace-tab-header:not(.is-active):hover .workspace-tab-header-status-icon {
opacity:1;
}
/* Less prominent pinned icon */
.workspace .mod-root .workspace-tab-header.is-active .workspace-tab-header-status-icon {
opacity:0.6 !important;
}
.workspace .mod-root .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button {
position:absolute;
right:6px;
margin-top:0px;
}
.workspace .mod-root .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner-close-button {
background:var(--bg2);
}
/* Fade graphic to make hover close button look less harsh */
.workspace .mod-root .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner-close-button::before {
content:'';
display:block;
position:absolute;
background:linear-gradient(to right, transparent, var(--bg2)) !important;
right:100%;
height:1em;
width: 1em;
pointer-events:none;
}
/* Smaller buttons */
.workspace .mod-root .workspace-tab-header-inner-close-button,
.workspace .mod-root .workspace-tab-header-status-icon {
transform:scale(0.9) translate(2px,1px);
transform-origin:center;
}
/* Smaller new tab button */
.workspace .mod-root .workspace-tab-header-new-tab {
margin-left:4px;
}
.workspace .mod-root .workspace-tab-header-new-tab .clickable-icon {
transform:scale(0.8) translate(0,1px);
}
/* Variable width tabs WIP */
.workspace .mod-root .workspace-tab-header-inner {
/* width:auto; */
}
.workspace .mod-root .workspace-tab-header {
/* width:auto;
flex: none;
flex-shrink: 1;
max-width:25% */
}

View File

@@ -0,0 +1,28 @@
/*
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: 4px;
--replete-custom-separators-left-margin: -12px;
}
/* Separator below */
.nav-files-container [class*=nav-]:has(:is(
[data-path="Areas.md"],
[data-path="Meetings"],
[data-path="Sundown"],
[data-path="Thoughts"],
[data-path="Meditations"]
))::after {
content:'';
display:block;
height:1px;
width:calc(100% + 32px);
background:linear-gradient(to right, var(--tab-outline-color), transparent);
margin:var(--replete-custom-separators-vertical-padding) 0 var(--replete-custom-separators-vertical-padding) var(--replete-custom-separators-left-margin);
}

View File

@@ -0,0 +1,40 @@
/*
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-files-container [class*=nav-]:has(:is(
[data-path="Thoughts"],
[data-path="Reports"],
[data-path="Sundown"],
[data-path="Meditations"],
[data-path="Areas.md"]
))::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);
}
/* Separator above */
/* .nav-files-container [class*=nav-]:has(:is(
[data-path="Notes"]
))::before {
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);
} */

View File

@@ -0,0 +1,64 @@
/*
Floating Tab Header Mini
With inline title enabled, it seems a waste to take up vertical space of the 'view header'
especially if you don't use the back/forward buttons or the breadcrumb, so this minifies
that interface into a float right toolbar.
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Floating tab header styles */
.view-header {
background:transparent !important;
border:none;
position:fixed;
top:8px;
right:10px;
right: calc(var(--scrollbar-size) + 8px);
padding: 5px 5px;
justify-content:end;
border-radius: 8px;
/* border:1px solid hsla(var(--base-h), var(--base-s), var(--base-l), 1); */
border:1px solid transparent;
height:auto;
z-index:500; /* Fixes in excalidraw */
}
.view-header:hover,
.view-header:focus-within {
border:1px solid var(--divider-color);
box-shadow: -2px 2px 6px -2px var(--divider-color);
background-color: var(--background-primary) !important;
}
/* Show/hide nav + breadcrumb interaction */
.view-header-nav-buttons,
.view-header-title-container,
.view-header .cmdr-adder,
.view-header .clickable-icon:not(:last-child) {
opacity:0;
display:none;
}
.view-header:hover :is(.view-header-nav-buttons, .view-header-title-container),
.view-header:focus-within :is(.view-header-nav-buttons, .view-header-title-container),
.view-header:is(:hover) .clickable-icon:not(.view-header-icon){
opacity:1;
display:flex
}
/* Tweak commander '+' icon */
.view-header:hover .cmdr-adder,
.view-header:focus-within .cmdr-adder {
opacity:0.4;
display:flex;
}
/* Excalidraw fix */
[data-type="excalidraw"] .view-header .clickable-icon:not(:last-of-type){
display:none;
opacity:0;
}
[data-type="excalidraw"] .view-header:hover .clickable-icon:not(.view-header-icon) {
display:flex;
opacity:1;
}

View File

@@ -0,0 +1,62 @@
/*
Floating Tab Header
With inline title enabled, it seems a waste to take up vertical space of the 'view header'
especially if you don't use the back/forward buttons or the breadcrumb, so this minifies
that interface into a float right toolbar.
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Floating tab header styles */
.view-header {
background:transparent !important;
border:none;
position:fixed;
top:8px;
right:10px;
right: calc(var(--scrollbar-size) + 8px);
padding: 5px 5px;
justify-content:end;
border-radius: 8px;
/* border:1px solid hsla(var(--base-h), var(--base-s), var(--base-l), 1); */
border:1px solid transparent;
height:auto;
z-index:500; /* Fixes in excalidraw */
}
.view-header:hover,
.view-header:focus-within {
border:1px solid var(--divider-color);
box-shadow: -2px 2px 6px -2px var(--divider-color);
background-color: var(--background-primary) !important;
}
/* Show/hide nav + breadcrumb interaction */
.view-header-nav-buttons,
.view-header-title-container,
.view-header .cmdr-adder {
opacity:0;
display:none;
}
.view-header:hover :is(.view-header-nav-buttons, .view-header-title-container),
.view-header:focus-within :is(.view-header-nav-buttons, .view-header-title-container){
opacity:1;
display:flex
}
/* Tweak commander '+' icon */
.view-header:hover .cmdr-adder,
.view-header:focus-within .cmdr-adder {
opacity:0.4;
display:flex;
}
/* Excalidraw fix */
[data-type="excalidraw"] .view-header .clickable-icon:not(:last-of-type){
display:none;
opacity:0;
}
[data-type="excalidraw"] .view-header:hover .clickable-icon:not(.view-header-icon) {
display:flex;
opacity:1;
}

10
.obsidian/snippets/[ui] Hide Ribbon.css vendored Normal file
View File

@@ -0,0 +1,10 @@
/*
Hide Ribbon
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.workspace-ribbon.mod-left {display:none;}
.workspace-tabs.mod-top.mod-top-left-space .workspace-tab-header-container {
padding-left: calc( var(--frame-left-space) + var(--ribbon-width)) !important;
}

View File

@@ -0,0 +1,35 @@
/*
Native scrollbars
I styled the native scrollbars before I reaized there was an option to render them in Obsidian...
Only tested on MacOS
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
:root {
--scrollbar-size: 6px;
}
::-webkit-scrollbar {
width: var(--scrollbar-size); /* for vertical scrollbars */
height: var(--scrollbar-size); /* for horizontal scrollbars */
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
background:transparent;
}
::-webkit-scrollbar-track:vertical {
background:linear-gradient(to right, transparent 50%, hsla(var(--base-h), var(--base-s), calc(var(--base-l) - 10%), 0.2));
}
::-webkit-scrollbar-track:horizontal {
background:linear-gradient(to bottom, transparent 50%, hsla(var(--base-h), var(--base-s), calc(var(--base-l) - 10%), 0.2));
}
::-webkit-scrollbar-thumb {
background: var(--nav-indentation-guide-color);
}
/* ::-webkit-scrollbar-thumb:vertical {
border-radius: var(--scrollbar-size) 0 0 var(--scrollbar-size);
}
::-webkit-scrollbar-thumb:horizontal {
border-radius: var(--scrollbar-size) var(--scrollbar-size) 0 0;
} */
::-webkit-scrollbar-thumb:hover {
background: var(--text-muted);
}

View File

@@ -0,0 +1,12 @@
/*
Resize handles tweaks
The resize handles when you resize sidebars use the accent colour which makes no sense to me
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.workspace-leaf-resize-handle {
transition: all .2s ease-in;
}
.workspace-leaf-resize-handle:hover {
border-color:var(--text-muted);
background-color:var(--text-muted);
}

View File

@@ -0,0 +1,16 @@
/*
Restrict last right sidebar panel
Limit the height of the last right sidebar item (.e.g the calendar) to save constant resizing on window resize
https://github.com/replete/obsidian-minimal-theme-css-snippets
How to use:
- activate snippet
- resize Obsidian window to smallest vertical size that you will use
- resize panel by dragging divider to make calendar visible (setting flex-grow values)
- calendar should now always be visible on resize
*/
/* Assumes calendar plugin is the last panel in the right sidebar */
.mod-right-split .workspace-tabs:last-of-type {
max-height:300px;
}

View File

@@ -0,0 +1,32 @@
/*
Status bar
Improves visual prominence of status bar, I don't want to hover in order to see what's on the status bar
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.status-bar {
/* More visibility on dark theme */
.theme-dark & {
color:var(--nav-item-color) !important;
}
/* Compact icons */
.clickable-icon {
padding-left:3px;
padding-right:3px;
}
}
@container style(--status-bar-position: fixed) {
/* transparent minimal status bar */
/* .status-bar{
background:transparent !important;
transition: .2s all ease-in;
&:hover {
background: var(--background-primary) !important;
box-shadow: 0 0 3px 3px rgba(0,0,0,.1);
}
} */
}

View File

@@ -0,0 +1,33 @@
/*
Tab Headder on bottom
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.view-header {
position: fixed;
bottom:0;
width: 100%;
background:var(--background-primary) !important;
border-top: 1px solid var(--divider-color) !important;
}
/* vertical status bar when right sidedock is closed */
:has(.mod-right-split.is-sidedock-collapsed) .status-bar {
transform: translate(3px, calc(var(--header-height) * -1));
width: var(--header-height);
flex-direction: column !important;
background-color: transparent;
}
:has(.mod-right-split.is-sidedock-collapsed) .status-bar-item {
margin-right: 10px !important
}
:has(.mod-right-split.is-sidedock-collapsed) .status-bar .day-planner-progress-bar {
display:none !important
}
:has(.mod-right-split.is-sidedock-collapsed) .status-bar .day-planner-status-bar-text {
margin-right:20px !important;
display: none;
}

View File

@@ -0,0 +1,11 @@
/*
Tab Headder show path and title
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.view-header {
.view-header-title-container {
opacity:1;
}
}

28
.obsidian/snippets/[ui] Top fade.css vendored Normal file
View File

@@ -0,0 +1,28 @@
/*
Editor top fade
This is a visual tweak for use with Floating Tab Header or Tab Header on bottom snippets
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.cm-content::before {
content:'';
height:18px;
background:linear-gradient(to bottom, var(--background-primary), transparent);
left:0;
position:fixed;
top:0px;
width:calc(100% - var(--scrollbar-size)); /* depends on var from Native Custom Scrollbars */
pointer-events:none;
z-index:100;
border-top:1px solid var(--background-primary);
}
.theme-dark .cm-content::before {
opacity:0.5;
height:10px;
}
/* Hide if there's a banner */
.cm-content:has(.mk-header img)::after {
display:none
}

View File

@@ -0,0 +1,28 @@
/*
Translucent Tab Header tweaks
Make view header translucent, showing document underneath
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Only set floating translucent view-header for leafs with editors */
.workspace-leaf-content:has(.cm-contentContainer) .view-header {
background:hsla(var(--base-h),var(--base-s),var(--base-l),.7) !important;
backdrop-filter:blur(5px);
position:fixed;
width:calc(100% - 16px); /* default scrollbar width*/
width:calc(100% - var(--scrollbar-size));
top:0;
height:calc(var(--header-height) - 2px);
}
/* Offset editor content */
.cm-editor > .cm-scroller > .cm-sizer::before {
content:'';
display:block;
height:var(--header-height);
}
/* Don't offset for notes showing a Make.MD Contexts banner image */
.cm-editor > .cm-scroller > .cm-sizer:has(.mk-note-header img)::before {
display:none;
}

View File

@@ -0,0 +1,9 @@
/*
Ultra Compact Sidebar (non-resiable)
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.mod-sidedock.mod-left-split {
width:135px !important;
}

View File

@@ -0,0 +1,43 @@
/*
Compact Tab Header
Make main tab header items more compact
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.view-header {
--header-height: 26px !important;
padding-left:0;
gap:0px;
.view-header-title-container {
justify-content:start;
.view-header-title {
color:var(--tx2) !important;
&:hover,
&:focus {
color:var(--tx1) !important
}
}
}
.view-actions {
&:hover {
.clickable-icon {
color: var(--tx1) !important;
}
}
/* Condensed Icon spacing */
.clickable-icon{
border-radius:0;
color:var(--tx2) !important;
transition: .2s color ease-in;
padding-left:2px;
padding-right:2px;
}
}
}

View File

@@ -0,0 +1,185 @@
/*
Ultra Compact
More compact navigation tabs, toolbars, smaller icons.
Requires Compact Tabs snippet.
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
:root {
--replete-ultra-compact-header-height: 29px;
--replete-custom-separators-vertical-padding: 3px;
}
/* Left sidebar header
*/
.mod-top-left-space {
.workspace-tab-header-container-inner {
padding-bottom:2px;
}
/* Hide border underneath sidebar top buttons */
.workspace-tab-header-container {
border-bottom:0 !important;
&::after {
content:'';
position:absolute;
display:block;
bottom:0;
width:100%;
height:1px;
background:linear-gradient(to right, transparent, var(--tab-outline-color) 20%);
}
/* &::after {
content:'';
position:absolute;
display:block;
top:0;
width:100%;
height:calc(100% - 1px);
border-bottom-left-radius: 8px;
border-left: 1px solid var(--tab-outline-color);
border-bottom: 1px solid var(--tab-outline-color);
} */
/* .workspace-tab-header-container-inner {
padding-left:5px;
} */
.sidebar-toggle-button {
margin-top: -6px;
margin-right:-3px;
.clickable-icon {
border-radius:0 !important;
}
}
}
.workspace-tab-header {
&.is-active {
background:none;
}
.workspace-tab-header-inner {
padding-left:1px !important;
padding-right:1px !important;
}
}
/* File Explorer */
[data-type=file-explorer] {
/* header */
.nav-buttons-container {
justify-content: flex-end !important;
margin-top:-3px;
margin-right:-2px;
margin-bottom:-5px;
.nav-action-button {
padding:2px;
svg {
width:15px;
height:15px;
}
}
}
/* explorer */
.nav-files-container {
margin-top:6px;
.tree-item[class*=nav-] .tree-item-self {
padding-top:2px;
padding-bottom:2px;
border-radius: 3px;
}
}
}
}
body:has(.mod-left-split.is-sidedock-collapsed) .mod-top-left-space .sidebar-toggle-button {
margin-right:4px !important;
}
/* Navigation header */
.workspace-tab-header-container {
padding-left:0;
max-height: var(--replete-ultra-compact-header-height) !important;
}
.workspace-tab-header {
padding-bottom:0 !important;
padding-right:0 !important;
padding-left:0 !important;
&.is-active {
/* background:transparent !important; */
border-radius:0;
}
}
.workspace-tab-header-inner {
border-radius:0;
}
.workspace-tab-header-inner-icon {
padding-left:2px;
}
div.workspace-tab-header-container-inner.workspace-tab-header-container-inner { /* specificity hack */
margin-top:0 !important;
margin-bottom:0 !important;
}
.workspace-tab-header-tab-list {
/* Navigation tabs chevron menu */
margin-right:0;
}
/* Right sidebar header
*/
.mod-top-right-space {
/* Panel icons */
.workspace-tab-header-container-inner {
padding-top:0;
padding-bottom:0;
gap:0;
}
/* Right sidebar toggle button */
.sidebar-toggle-button.mod-right {
padding-top: 0 !important;
padding-right:2px !important;
margin-top:-2px !important;
background:transparent !important;
}
}
/* View header
*/
.view-header {
box-shadow: 0 0px 4px 2px var(--bg2);
> [class^=view-] {
transform:translateY(1px);
}
.view-header-nav-buttons {
padding-left:2px;
.clickable-icon {
padding-left:3px;
padding-right:3px;
}
}
.view-action {
margin-right:2px;
}
}
/* Minimal Statusbar
*/
@container style(--status-bar-position: fixed) {
.status-bar {
padding:0;
}
}

View File

@@ -0,0 +1,73 @@
/*
Daily note styles for Sticky Headings plugin. Disables plugin on non-daily note pages.
Enable 'PrevToH1' option in plugin settings
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.obsidian-sticky-heading {
display:none; /* Enable only for some templates */
.dailynote & {
display:flex;
}
background:linear-gradient(0deg, transparent, var(--bg2) 20%);
&:has(.obsidian-sticky-heading_inner:not(:empty)) {
padding:8px 0 16px 0;
}
.obsidian-sticky-heading_inner {
background:transparent;
.HyperMD-header {
margin-top:0 !important;
margin-bottom:0 !important;
/* second item */
+ .HyperMD-header {
padding:0 !important;
h1, h2, h3, h4, h5, h6 {
font-size:14px;
}
}
/* Hide 3rd onwards items */
+ .HyperMD-header ~ .HyperMD-header {
display:none;
}
.cm-header[class*=cm-header-] {
margin-top:0 !important;
margin-bottom:0 !important;
}
}
}
.obsidian-sticky-heading_text {
margin-top:0;
h1, h2, h3, h4, h5, h6 {
font-size:18px;
}
}
/* Hide the H* level text */
.obsidian-sticky-heading_level {
/* color: transparent; */
display:none;
/* &::before {
content:'';
color: var(--tx2);
display:block;
position:absolute;
right:0;
top:50%;
transform: translateY(-50%);
font-size:1rem
} */
}
}

View File

@@ -0,0 +1,356 @@
/*
Note styles: Daily Note template-specific styles
Requires `cssclass dailynote` in note YAML frontmatter
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.dailynote {
&.cm-content.is-live-preview > div:nth-of-type(4) {
margin-bottom:15px !important;
}
&.is-live-preview {
/* Blockquote styles (I only use blockquotes in my daily note for actual quotes) */
.HyperMD-quote {
font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
letter-spacing:0.01em;
.cm-quote.cm-hmd-internal-link {
color:var(--tx2);
font-style:italic;
opacity:0.7;
> * {
color:var(--tx2);
text-decoration: none !important
}
&::before {
content:'—'
}
}
}
/* h2 styles */
.cm-header-2 {
font-size:20px !important;
letter-spacing: 0.05em;
color:var(--tx2) !important;
text-transform:uppercase;
}
/* h3 styles */
.cm-header-3 {
font-size:18px !important;
letter-spacing: 0.05em;
color:var(--tx2) !important;
text-transform:uppercase;
}
/* h4 styles */
.cm-header-4 {
font-size:16px !important;
color:var(--tx3) !important;
text-transform:uppercase;
letter-spacing:0.1em;
font-weight:600;
}
&:not(.is-live-preview) .cm-header-4,
.cm-focused .cm-active .cm-header-4 {
text-transform:none !important
}
.HyperMD-header-4 {
padding-top:0 !important;
padding:.4em 0 !important;
.cm-task-progress-bar:has(.progress-bar-inline-4)::after {
color:var(--tx3)
}
}
/* h5 styles */
.cm-header-5 {
font-size:13px !important;
color:var(--tx3) !important;
text-transform:uppercase;
/* font-weight:400; */
/* letter-spacing:0.1em; */
}
&:not(.is-live-preview) .cm-header-5,
.cm-focused .cm-active .cm-header-5 {
text-transform:none !important;
letter-spacing:0;
}
.HyperMD-header-5 {
padding-top:0 !important;
.cm-task-progress-bar {
transform:scale(0.7);
transform-origin:0;
&:has(.progress-bar-inline-4)::after {
color:var(--tx3)
}
}
}
/* h6 styles */
.cm-header-6 {
font-size:16px !important;
font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
font-weight: 300;
font-style:italic;
color:var(--tx2) !important;
}
.HyperMD-header-6 {
/* font-variant:normal;
font-weight:bold; */
.cm-task-progress-bar {
display:none; /* hide on h6 */
transform:scale(0.7);
transform-origin:0;
&:has(.progress-bar-inline-4)::after {
color:var(--tx3)
}
}
}
/* fold placeholder */
.HyperMD-header .cm-foldPlaceholder {
display:none;
}
/* Callouts */
.callout {
padding:.5em .75em;
.callout-content {
ul {
padding-left:0;
}
/* Callouts task list fix */
li[data-task] {
padding-inline-start:var(--list-indent);
.task-list-item-checkbox {
margin-left: -22px;
transform: translate(-4px, 0)
}
}
}
}
/* Task progressbar style */
.cm-task-progress-bar {
box-shadow:inset 1.5px 2px 3px -2px rgba(0,0,0,.5),
1px 1px 2px -2px rgba(255,255,255,.5);
border-radius:10px;
}
/* Fix task progressbar for elements */
.HyperMD-header-1 .cm-task-progress-bar {
transform:translate(0, -3px) !important
}
.HyperMD-header-2 .cm-task-progress-bar {
transform:translate(0, -2px) !important
}
.HyperMD-header-4 .cm-task-progress-bar {
transform: translate(0, -2px) scale(0.8);
transform-origin: 0
}
.HyperMD-list-line .cm-task-progress-bar {
transform: translate(0, -7px) scale(0.8);
transform-origin: 0
}
/* Callout */
.cm-callout {
.callout-content {
font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif !important;
}
}
/* Embedded markdown files - containers */
.inline-embed {
border:none;
background: hsla(var(--base-h), var(--base-s), calc(var(--base-l) - 10%), 0.5);
padding-top: var(--size-4-6);
padding-bottom: var(--size-4-6);
padding-right: calc(var(--size-4-6) * 1.5);
--font-text: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
--line-height: 1.6;
letter-spacing:0.01em;
.embed-title {
display:none;
}
.markdown-embed-link {
width:1.5rem;
height:1.5rem;
position:absolute;
right:5px;
top:5px;
}
/* Specific sections: */
&:has(:is(
[data-heading=Errors],
[data-heading=Reflect])
) {
.mod-header + [data-heading] {display:none}
.has-list-bullet {margin-top:5px}
.el-ul:has(.contains-task-list) {display:none}
}
:is(h1) {
text-align: center;
}
&[src*='The Daily Laws'] {
:is(h2) {
text-align: center;
font-family:var(--font-default);
text-transform:uppercase;
letter-spacing: 0.05rem;
font-size: 16px;
opacity:0.7;
}
:is(h3) {
margin:2rem 0 1rem;
}
}
}
.file-embed.mod-empty,
.file-embed.mod-empty-attachment {
border-radius:0;
background:transparent;
text-align:left;
font-style: italic;
color: var(--tx3);
padding-left:0;
&:hover {
color:var(--link-color);
}
}
/* Embedded markdown files - content */
.markdown-embed-content {
.markdown-preview-sizer[style] {
/* fix min-height being too large, to fit content better */
min-height:auto !important;
}
/* p */
:is(p) {
/* margin-bottom:0; */
margin-block-end: 1rem;
}
[data-heading] {
margin-top:0;
&:is(h6) {
margin-bottom: 0;
color:var(--tx2) !important;
font-style:italic;
font-weight:400;
font-size:15px;
}
}
}
/* Hide code blocks until hover */
.cm-preview-code-block .edit-block-button {
display:none !important;
}
.cm-preview-code-block:hover .edit-block-button {
display:block !important;
}
/* Style first footnote after page heading */
.HyperMD-header-1 + .HyperMD-footnote {
text-indent:-7px;
opacity:0.7;
.cm-underline {
color:var(--tx2);
text-decoration: none;
}
}
/* Table borders */
.table-wrapper {
> table thead tr th {
border:0;
font-weight:normal; /* remove header styling */
}
> table td {
border-left:0 !important;
border-right:0 !important;
}
> table tbody tr:last-child {
border-bottom: 1px solid var(--table-border-color);
}
}
/* Dataview styles */
.dataview {
&.list-view-ul {
margin-top:0;
/* margin-bottom:0; */
}
}
}
}
/* Daily Note Outline tweaks */
/* Container */
.workspace-leaf-content[data-type="daily-note-outline"] .view-content {
/* Disable inline preview */
.nav-file-title-preview {
display:none;
}
/* h4 heading */
.tree-item-self[aria-label*='####'] {
font-size:12px !important;
color:var(--tx3) !important;
text-transform:uppercase;
letter-spacing:0.1em;
font-weight:600;
}
/* h5 heading */
.tree-item-self[aria-label*='#####'] {
font-size:12px !important;
color:var(--tx3) !important;
text-transform:uppercase;
letter-spacing:0.1em;
font-weight:600;
}
/* h4 heading */
.tree-item-self[aria-label*='######'] {
font-size:13px !important;
font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
font-weight: 400;
font-style:italic;
color:var(--tx3) !important;
letter-spacing:0;
text-transform:none;
}
}

View File

@@ -0,0 +1,9 @@
/*
user: Banner colour tweaks
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Improve visibility on light themes */
.theme-light .mk-note-header img {
opacity:0.5 !important;
}

View File

@@ -0,0 +1,15 @@
/*
Note styles: Scratchpad
Requires `cssclass scratchpad` in note YAML frontmatter
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* h2 styles */
.scratchpad .cm-header-1 {
font-size:13px !important;
letter-spacing: 0.05em;
color:var(--tx2) !important;
text-transform:uppercase;
line-height:1em !important;
}

View File

@@ -0,0 +1,132 @@
/*
Theme colours
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.theme-dark.minimal-default-dark {
/* --accent-h:181 !important; */
/* --accent-s:37% !important; */
/* --accent-l:71% !important; */
}
.theme-dark.minimal-atom-dark {
--accent-h:193 !important;
/* --accent-s:46 !important; */
/* --accent-l:50 !important; */
}
.theme-dark.minimal-ayu-dark {
--accent-h:203 !important;
--accent-s:49% !important;
--accent-l:70% !important;
}
.theme-dark.minimal-catppuccin-dark {
--accent-h:207 !important;
--accent-s:65% !important;
--accent-l:70% !important;
}
.theme-dark.minimal-dracula-dark {
--accent-h:215 !important;
--accent-s:60% !important;
-accent-l:71% !important;
}
.theme-dark.minimal-everforest-dark {
--accent-h:145 !important;
--accent-s:27% !important;
--accent-l:61% !important;
--text-selection:hsla(var(--accent-h),var(--accent-s),calc(var(--accent-l) - 5%),0.2);
}
.theme-dark.minimal-gruvbox-dark {
--accent-h:121 !important;
--accent-s:37% !important;
--accent-l:71% !important;
}
.theme-dark.minimal-nord-dark {
--accent-h:205 !important;
--accent-s:77% !important;
--accent-l:76% !important;
}
.theme-dark.minimal-rose-pine-dark {
--accent-h:2400 !important;
--accent-s:37% !important;
--accent-l:65% !important;
}
.theme-dark.minimal-solarized-dark {
--accent-h:185 !important;
--accent-s:37% !important;
--accent-l:51% !important;
}
.theme-light.minimal-atom-light {
--accent-h:195 !important;
--accent-s:47% !important;
--accent-l:65% !important;
}
.theme-light.minimal-ayu-light {
/* --accent-h:210 !important;
--accent-s:47% !important;
--accent-l:75% !important; */
}
.theme-light.minimal-catppuccin-light {
--accent-h:225 !important;
--accent-s:47% !important;
--accent-l:70% !important;
}
.theme-light.minimal-everforest-light {
--accent-h:175 !important;
--accent-s:27% !important;
--accent-l:54% !important;
}
.theme-light.minimal-gruvbox-light {
--accent-h:165 !important;
--accent-s:20% !important;
--accent-l:54% !important;
}
.theme-light.minimal-macos-light {
--accent-h:205 !important;
--accent-s:40% !important;
--accent-l:64% !important;
}
.theme-light.minimal-nord-light {
--accent-h:225 !important;
--accent-s:37% !important;
--accent-l:66% !important;
}
.theme-light.minimal-notion-light {
--accent-h:190 !important;
--accent-s:37% !important;
--accent-l:64% !important;
}
.theme-light.minimal-rose-pine-light {
--accent-h:20 !important;
--accent-s:30% !important;
--accent-l:70% !important;
}
.theme-light.minimal-solarized-light {
--accent-h:20 !important;
--accent-s:35% !important;
--accent-l:68% !important;
}
.theme-light.minimal-things-light {
--accent-h:225 !important;
--accent-s:40% !important;
--accent-l:70% !important;
}

View File

@@ -2,11 +2,20 @@
/*⣏⡱ ⣎⣱ ⡎⠑ ⣏⡉ ⡇⢸ ⡇ ⣏⡉ ⡇⢸ ⢎⡑*/
/*⠇ ⠇⠸ ⠣⠝ ⠧⠤ ⠸⠃ ⠇ ⠧⠤ ⠟⠻ ⠢⠜*/
/*TRAIL*/
/*TRAIL view*/
.BC-trail-view-item > .internal-link {
/* smaller font size */
font-size: var(--font-ui-small);
font-size: var(--font-ui-medium);
padding: 0px 0px 0px 0px;
}
/*NEXT / PREV view*/
.BC-next-prev-item {
/* smaller font size */
font-size: var(--font-ui-medium);
padding-top: 0px;
padding-bottom: 0px;
}

1
.obsidian/snippets/dummy.css vendored Normal file
View File

@@ -0,0 +1 @@
/* This is a dummy CSS file used to defeat some weird obsidian layout bug I am getting */

View File

@@ -48,7 +48,14 @@ a.tag {
}
/* ⣏⡱ ⣏⡱ ⡎⢱ ⣏⡱ ⣏⡉ ⣏⡱ ⢹⠁ ⡇ ⣏⡉ ⢎⡑ */
/* ⠇ ⠇⠱ ⠣⠜ ⠇ ⠧⠤ ⠇⠱ ⠸ ⠇ ⠧⠤ ⠢⠜ */
.markdown-source-view .metadata-container {
margin: 0;
padding: 0;
font-size: var(--font-adaptative-normal);
}
/*┏━┓╻ ╻ ╻┏━╸╻┏┓╻┏━┓*/
/*┣━┛┃ ┃ ┃┃╺┓┃┃┗┫┗━┓*/

Submodule .obsidian/snippets/obsidian-minimal-theme-css-snippets added at 17d57ab9f0