mirror of
https://github.com/mrparalloid/pomme-notes.git
synced 2026-07-22 04:00:32 +00:00
bdca4a6db3
Updated theme version and adjusted radius variables for better styling. Removed deprecated typography settings and added new corner shape support for macOS.
1368 lines
36 KiB
CSS
1368 lines
36 KiB
CSS
/*──────────────────────────────────────
|
|
Pomme Notes Theme for Obsidian
|
|
Version 2.1.1
|
|
@paralloid, 2026-07-02
|
|
───────────────────────────────────────*/
|
|
|
|
/* @settings
|
|
|
|
name: Pomme Notes Settings
|
|
id: pomme-notes-settings
|
|
settings:
|
|
|
|
-
|
|
id: tinted
|
|
title: Use accent-tinted interface
|
|
type: class-toggle
|
|
default: false
|
|
*/
|
|
|
|
@charset "UTF-8";
|
|
body {
|
|
--blockquote-background-color: hsla(calc(var(--accent-h) - 180), calc(var(--accent-s) * 0.7), var(--accent-l), 0.15);
|
|
--blockquote-border-color: hsla(calc(var(--accent-h) - 180), calc(var(--accent-s) * 0.7), var(--accent-l), 0.9);
|
|
--bold-color: var(--text-extreme);
|
|
--border-width: 0.5px;
|
|
--button-radius: var(--radius-l);
|
|
--callout-padding: 15px 10px 0px 20px;
|
|
--callout-content-padding: 0px 0px 0px 1.25rem;
|
|
--callout-title-padding: 0px 0px 10px 0px;
|
|
--checkbox-color: var(--color-accent);
|
|
--checklist-done-color: var(--text-faint);
|
|
--clickable-icon-radius: var(--radius-l);
|
|
--divider-color: rgba(0,0,0,0.05);
|
|
--embed-padding: 0px;
|
|
--font-bold: 600;
|
|
--font-semibold: 500;
|
|
--font-ui-small: 0.9em;
|
|
--icon-l-stroke-width: 1.5px !important;
|
|
--icon-stroke: 1.5px !important;
|
|
--link-decoration-hover: none;
|
|
--link-decoration: none;
|
|
--list-spacing: 0em;
|
|
--nav-item-background-hover: none;
|
|
--pill-border-width: 1px !important;
|
|
--radius-s: 12px;
|
|
--radius-m: 24px;
|
|
--radius-l: 36px;
|
|
--radius-xl: 48px;
|
|
--setting-items-radius: var(--radius-l);
|
|
--side-padding: 20px;
|
|
--tab-curve: 0px;
|
|
--tab-outline-width: 1px;
|
|
--tab-radius-active: var(--radius-m);
|
|
--tab-radius: var(--radius-m);
|
|
--tab-stacked-pane-width: 1200px;
|
|
--text-accent-hover: var(--color-accent-2);
|
|
--tab-text-color-focused-active-current: var(--text-extreme);
|
|
--text-highlight-bg: hsla(calc(var(--accent-h) + 120), calc(var(--accent-s) * 0.4), var(--accent-l), 0.5);
|
|
}
|
|
|
|
@supports (corner-shape: squircle) {
|
|
.mod-macos {
|
|
--corner-shape: squircle;
|
|
--radius-s: 18px;
|
|
--radius-m: 32px;
|
|
--radius-l: 56px;
|
|
--radius-xl: 64px;
|
|
}
|
|
}
|
|
|
|
/* DARK MODE */
|
|
|
|
.theme-dark {
|
|
--background-primary: #000000;
|
|
--background-secondary: #191919;
|
|
--background-secondary-alt: #191919;
|
|
--menu-background: #191919;
|
|
--titlebar-background-focused: #000000;
|
|
--titlebar-background: var(--background-secondary);
|
|
--dropdown-background: #191919;
|
|
--interactive-normal: #191919 !important;
|
|
--interactive-hover: #232323;
|
|
--popup-background: #191919;
|
|
--menu-background: #191919;
|
|
--mobile-sidebar-background: var(--background-secondary);
|
|
--code-background: #191919;
|
|
--properties-background: #191919;
|
|
--prompt-background: #191919;
|
|
--prompt-input-background: #191919;
|
|
--selected-item: #191919;
|
|
--text-extreme: #ffffff;
|
|
--transparent-bar: rgba(25,25,25,0.8);
|
|
--transparent-border: rgba(150,150,150,0.2);
|
|
--setting-items-background: #191919;
|
|
--corner-smoothing: system-ui;
|
|
--titlebar-background-focused: var(--background-secondary);
|
|
--element-shadow: 0 0px 15px rgba(0, 0, 0, 0.8);
|
|
--div-color: rgba(170,170,170,0.2);
|
|
--text-normal: #cccccc;
|
|
--callout-bug: hsla(calc(var(--accent-h) - 70), calc(var(--accent-s) * 0.2), var(--accent-l));
|
|
--callout-default: hsla(calc(var(--accent-h) - 180), calc(var(--accent-s) * 0.2), var(--accent-l));
|
|
--callout-error: hsla(calc(var(--accent-h) - 270), calc(var(--accent-s) * 0.2), var(--accent-l));
|
|
--callout-example: hsla(calc(var(--accent-h) - 220), calc(var(--accent-s) * 0.2), var(--accent-l));
|
|
--callout-fail: hsla(calc(var(--accent-h) - 30), calc(var(--accent-s) * 0.2), var(--accent-l));
|
|
--callout-important: hsla(calc(var(--accent-h) - 90), calc(var(--accent-s) * 0.2), var(--accent-l));
|
|
--callout-info: hsla(calc(var(--accent-h) - 120), calc(var(--accent-s) * 0.2), var(--accent-l));
|
|
--callout-question: hsla(calc(var(--accent-h) - 270), calc(var(--accent-s) * 0.2), var(--accent-l));
|
|
--callout-quote: hsla(calc(var(--accent-h) - 150), calc(var(--accent-s) * 0.2), var(--accent-l));
|
|
--callout-success: hsla(calc(var(--accent-h) - 50), calc(var(--accent-s) * 0.2), var(--accent-l));
|
|
--callout-summary: hsla(calc(var(--accent-h) - 0), calc(var(--accent-s) * 0.2), var(--accent-l));
|
|
--callout-tip: hsla(calc(var(--accent-h) - 320), calc(var(--accent-s) * 0.2), var(--accent-l));
|
|
--callout-todo: hsla(calc(var(--accent-h) - 270), calc(var(--accent-s) * 0.2), var(--accent-l));
|
|
--callout-warning: hsla(calc(var(--accent-h) - 30), calc(var(--accent-s) * 0.2), var(--accent-l));
|
|
|
|
}
|
|
|
|
/* LIGHT MODE COLORS */
|
|
|
|
.theme-light {
|
|
--background-primary: #f5f5f5;
|
|
--background-secondary: #efefef;
|
|
--code-background: #efefef;
|
|
--text-extreme: #000000;
|
|
--transparent-bar: rgba(250,250,250,0.8);
|
|
--transparent-border: rgba(255,255,255,0.8);
|
|
--titlebar-background-focused: var(--background-secondary);
|
|
--element-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
|
|
--div-color: rgba(170,170,170,0.6);
|
|
--text-normal: #404040;
|
|
--callout-bug: hsla(calc(var(--accent-h) - 70), calc(var(--accent-s) * 0.1), var(--accent-l));
|
|
--callout-default: hsla(calc(var(--accent-h) - 180), calc(var(--accent-s) * 0.1), var(--accent-l));
|
|
--callout-error: hsla(calc(var(--accent-h) - 270), calc(var(--accent-s) * 0.1), var(--accent-l));
|
|
--callout-example: hsla(calc(var(--accent-h) - 220), calc(var(--accent-s) * 0.1), var(--accent-l));
|
|
--callout-fail: hsla(calc(var(--accent-h) - 30), calc(var(--accent-s) * 0.1), var(--accent-l));
|
|
--callout-important: hsla(calc(var(--accent-h) - 90), calc(var(--accent-s) * 0.1), var(--accent-l));
|
|
--callout-info: hsla(calc(var(--accent-h) - 120), calc(var(--accent-s) * 0.1), var(--accent-l));
|
|
--callout-question: hsla(calc(var(--accent-h) - 270), calc(var(--accent-s) * 0.1), var(--accent-l));
|
|
--callout-quote: hsla(calc(var(--accent-h) - 150), calc(var(--accent-s) * 0.1), var(--accent-l));
|
|
--callout-success: hsla(calc(var(--accent-h) - 50), calc(var(--accent-s) * 0.1), var(--accent-l));
|
|
--callout-summary: hsla(calc(var(--accent-h) - 0), calc(var(--accent-s) * 0.1), var(--accent-l));
|
|
--callout-tip: hsla(calc(var(--accent-h) - 320), calc(var(--accent-s) * 0.1), var(--accent-l));
|
|
--callout-todo: hsla(calc(var(--accent-h) - 270), calc(var(--accent-s) * 0.1), var(--accent-l));
|
|
--callout-warning: hsla(calc(var(--accent-h) - 30), calc(var(--accent-s) * 0.1), var(--accent-l));
|
|
|
|
}
|
|
|
|
.tinted.theme-light {
|
|
--background-primary: color-mix(in srgb, #f5f5f5 99%, var(--interactive-accent) 1%) !important;
|
|
--background-secondary: color-mix(in srgb, #efefef 97%, var(--interactive-accent) 3%) !important;
|
|
}
|
|
|
|
.workspace-leaf-resize-handle {
|
|
border: transparent !important;
|
|
padding-right: 3px !important;
|
|
}
|
|
|
|
|
|
/* ANIMATIONS */
|
|
|
|
@keyframes fade-in-prompt {
|
|
from {
|
|
opacity: 0;
|
|
transform: scale(1.07);
|
|
filter: blur(2px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
filter: blur(0px);
|
|
}
|
|
}
|
|
|
|
@keyframes fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes fade-in-menu {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(0.8) translateY(-10px);
|
|
backdrop-filter: blur(0px);
|
|
filter: blur(5px);
|
|
}
|
|
|
|
60% {
|
|
opacity: 1;
|
|
transform: scale(1.03);
|
|
filter: blur(2px);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
transform: scale(1) translateY(0);
|
|
filter: blur(0px);
|
|
}
|
|
}
|
|
|
|
@keyframes slide-in {
|
|
from {
|
|
transform: translateY(50px);
|
|
opacity: 0.3;
|
|
}
|
|
to {
|
|
transform: translateY(0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes flashing {
|
|
0% {
|
|
opacity: 50%;
|
|
}
|
|
33% {
|
|
opacity: 1;
|
|
}
|
|
66% {
|
|
opacity: 50%;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
/* SMOOTH FADE-IN FOR EMBEDDED CONTENT */
|
|
|
|
.bases-cards-cover,
|
|
.internal-embed .canvas-minimap,
|
|
.pdf-toolbar {
|
|
opacity: 0;
|
|
animation: fade-in 0.2s ease forwards;
|
|
animation-delay: 0.2s;
|
|
}
|
|
|
|
.internal-embed img,
|
|
.pdf-container {
|
|
opacity: 0;
|
|
animation: fade-in 0.2s ease forwards;
|
|
animation-delay: 0.1s;
|
|
}
|
|
|
|
@media print {
|
|
.pdf-toolbar,
|
|
.pdf-container,
|
|
.bases-cards-cover,
|
|
.internal-embed img,
|
|
.internal-embed .canvas-minimap {
|
|
opacity: 1 !important;
|
|
animation: none !important;
|
|
}
|
|
}
|
|
|
|
/* TABS */
|
|
|
|
.mod-root .workspace-tab-header-container .workspace-tab-header {
|
|
border-radius: var(--radius-l) !important;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.tappable,
|
|
.mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.tappable:hover {
|
|
border: none;
|
|
padding-top: 1px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.sidebar-toggle-button.mod-left {
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.workspace-leaf-resize-handle {
|
|
opacity: 0;
|
|
}
|
|
|
|
.workspace .workspace-tab-header-inner::after {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon {
|
|
padding: 2px 0px 0px 15px !important;
|
|
padding-inline-end: 0px !important;
|
|
}
|
|
|
|
.workspace-tab-header-inner-close-button {
|
|
order: -1;
|
|
}
|
|
|
|
.workspace-tab-header-inner-close-button {
|
|
background-color: transparent;
|
|
padding: 0px;
|
|
scale:70%;
|
|
}
|
|
|
|
.workspace-tabs .workspace-tab-header-inner-icon {
|
|
order: 1
|
|
}
|
|
|
|
.workspace-tabs:not(.mod-stacked) .workspace-tab-header:hover .workspace-tab-header-inner-close-button,
|
|
.workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active .workspace-tab-header-inner-close-button {
|
|
pointer-events: all;
|
|
padding-left: 0px !important;
|
|
margin-left: 0px !important;
|
|
margin-right: -18px !important;
|
|
animation: fade-in 0.4s
|
|
}
|
|
|
|
.workspace-tab-header-inner-title {
|
|
padding-left: 18px !important;
|
|
}
|
|
|
|
.workspace-split.mod-vertical.mod-root .workspace-tab-header.is-active {
|
|
color: var(--text-extreme);
|
|
border: none;
|
|
box-shadow: var(--glass-edge-tab);
|
|
background-color: var(--active-tab-background);
|
|
transition: box-shadow, background-color 0.3s ease-out;
|
|
margin-bottom: 5px;
|
|
padding-top: 5px !important;
|
|
}
|
|
|
|
body.theme-light {
|
|
--active-tab-background: rgba(255,255,255,0.4);
|
|
--glass-edge-tab: var(--liquid-shadow-tab-light);
|
|
}
|
|
body.theme-dark {
|
|
--active-tab-background: rgba(100,100,100,0.3);
|
|
--glass-edge-tab: var(--liquid-shadow-tab-dark);
|
|
}
|
|
|
|
body {
|
|
--liquid-shadow-tab-light:
|
|
inset 1.5px 1.5px 1px 0 rgba(255, 255, 255, 0.7),
|
|
inset -1.5px -1.5px 1px 0 rgba(255, 255, 255, 0.5),
|
|
1px 1px 2px rgba(0, 0, 0, 0.1);
|
|
|
|
--liquid-shadow-tab-dark:
|
|
inset 1.25px 1px 0.5px -0.5px rgba(180, 180, 180, 0.2),
|
|
inset -1.25px -1px 0.5px -0.5px rgba(180, 180, 180, 0.2),
|
|
0 1px 0px rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
/* settings */
|
|
|
|
body:not(.is-mobile) .modal.mod-settings {
|
|
border-radius: var(--radius-l);
|
|
animation: fade-in-prompt 0.2s cubic-bezier(.15,.25,.50,1.30) forwards;
|
|
}
|
|
|
|
body button:not(.clickable-icon),
|
|
body .dropdown,
|
|
body .dropdown:hover {
|
|
box-shadow: var(--statusbar-glass-shadow);
|
|
}
|
|
|
|
.mod-settings .setting-item-control input {
|
|
border-radius: var(--radius-l);
|
|
box-shadow: var(--statusbar-glass-shadow);
|
|
}
|
|
|
|
.modal-close-button {
|
|
margin-top: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
/* LINTER */
|
|
|
|
.linter-navigation-item-selected {
|
|
border: none;
|
|
box-shadow: var(--glass-edge-tab);
|
|
background-color: var(--active-tab-background);
|
|
transition: box-shadow, background-color 0.3s ease-out;
|
|
}
|
|
|
|
.linter-navigation-item,
|
|
.linter-navigation-item-selected {
|
|
border-radius: var(--radius-l) !important;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.linter-setting-tab-group {
|
|
border: none;
|
|
}
|
|
|
|
.linter-navigation-item {
|
|
margin-right: 2px;
|
|
border: none;
|
|
}
|
|
|
|
.linter-navigation-item:hover {
|
|
border: none;
|
|
}
|
|
|
|
/* EXCALIDRAW */
|
|
|
|
.excalidraw .buttonList button,
|
|
.excalidraw .tray-misc-tools-container .default-sidebar-trigger,
|
|
.excalidraw .ToolIcon,
|
|
.excalidraw .main-menu-trigger,
|
|
.excalidraw .App-bottom-bar>.Island,
|
|
.excalidraw .Island.App-toolbar,
|
|
.excalidraw .App-toolbar-container .ToolIcon__icon,
|
|
.excalidraw-search .search-input-container.document-search-input,
|
|
.excalidraw-search.document-search-input,
|
|
.excalidraw-search.document-search-container {
|
|
border-radius: var(--radius-l);
|
|
}
|
|
|
|
.excalidraw .tray-misc-tools-container {
|
|
border-top-left-radius: var(--radius-m);
|
|
border-bottom-left-radius: var(--radius-m);
|
|
}
|
|
|
|
.excalidraw .tray-misc-tools-container .default-sidebar-trigger,
|
|
.excalidraw .tray-misc-tools-container .ToolIcon__icon {
|
|
padding: 3px;
|
|
margin: 3px;
|
|
}
|
|
|
|
.excalidraw .Island:not(.App-toolbar) {
|
|
border-radius: var(--radius-m);
|
|
}
|
|
|
|
/* TITLE & EMBEDS */
|
|
|
|
.inline-title {
|
|
color: var(--text-extreme) !important;
|
|
padding-bottom: 6px;
|
|
border-bottom: 1px solid var(--div-color);
|
|
}
|
|
|
|
.inline-embed {
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
padding-bottom: 0px;
|
|
padding-right: 24px;
|
|
border-radius: var(--radius-s);
|
|
border-left: none;
|
|
}
|
|
|
|
.markdown-embed-link, .file-embed-link {
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
opacity: 0.4;
|
|
max-width: 20px;
|
|
background-color: var(--div-color);
|
|
border-radius: 0px 10px 10px 0px;
|
|
}
|
|
|
|
.markdown-embed-link .svg-icon {
|
|
color: var(--icon-color);
|
|
background-color: currentColor;
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E");
|
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E");
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
mask-position: center;
|
|
-webkit-mask-size: contain;
|
|
mask-size: contain;
|
|
display: inline-block;
|
|
}
|
|
|
|
.markdown-embed-link .svg-icon > * {
|
|
display: none;
|
|
}
|
|
|
|
.markdown-embed-link:hover, .file-embed-link:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* Blockquotes */
|
|
.markdown-preview-view blockquote,
|
|
.cm-active .HyperMD-quote {
|
|
border-color: var(--blockquote-border-color);
|
|
border-width: 3px;
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6 .HyperMD-quote,
|
|
.markdown-source-view.cm-s-obsidian.mod-cm6.is-live-preview .HyperMD-quote {
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote,
|
|
.markdown-source-view.cm-s-obsidian.mod-cm6.is-live-preview .HyperMD-quote {
|
|
font-style: var(--font-text);
|
|
background-color: var(--blockquote-background-color);
|
|
border-color: var(--blockquote-border-color);
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote:before {
|
|
border-color: var(--blockquote-border-color);
|
|
border-width: 3px;
|
|
}
|
|
|
|
.cm-s-obsidian .cm-formatting-list {
|
|
text-indent: 0px;
|
|
}
|
|
|
|
/* Mobile Menus */
|
|
|
|
.is-mobile .menu-scroll,
|
|
.is-mobile .menu-item,
|
|
.is-mobile .menu-item.tappable {
|
|
border-radius: var(--radius-l);
|
|
background-color: transparent !important;
|
|
border: none;
|
|
}
|
|
|
|
.is-mobile .menu-group .menu-item:not(.is-label):after {
|
|
display: none;
|
|
}
|
|
|
|
.is-mobile .menu-separator {
|
|
display: none;
|
|
}
|
|
|
|
.is-mobile .menu {
|
|
max-width: 95vw !important;
|
|
padding-top: 10px;
|
|
animation: slide-in 0.2s ease-out;
|
|
}
|
|
|
|
.is-mobile .menu-grabber {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Quick Switcher */
|
|
|
|
body:not(.is-mobile) .prompt {
|
|
/* animation: fade-in-prompt 0.15s cubic-bezier(.59,.63,.55,1.99) forwards; */
|
|
animation: fade-in-prompt 0.2s cubic-bezier(.15,.25,.40,1.50) forwards;
|
|
max-width: 95vw;
|
|
box-shadow: var(--element-shadow);
|
|
}
|
|
|
|
body.is-mobile .prompt {
|
|
animation: slide-in 0.2s ease-out;
|
|
max-width: 95%;
|
|
}
|
|
|
|
body.is-tablet .prompt {
|
|
animation: fade-in-prompt 0.3s cubic-bezier(.19,.49,.55,1.5);
|
|
background-color: var(--transparent-bar);
|
|
}
|
|
|
|
body.is-tablet .menu {
|
|
animation: fade-in-menu 0.3s cubic-bezier(0.34, 1.3, 0.84, 1);
|
|
}
|
|
|
|
body.is-mobile .menu {
|
|
background-color: var(--transparent-bar);
|
|
backdrop-filter: blur(3px);
|
|
transition: backdrop-filter 0.2s linear;
|
|
box-shadow: var(--glass-edge);
|
|
border: none;
|
|
}
|
|
|
|
/* Minimal Search Bar */
|
|
|
|
.search-input-clear-button {
|
|
display: none;
|
|
}
|
|
|
|
.search-input-container input {
|
|
border-radius: var(--radius-l);
|
|
}
|
|
|
|
/* File Tree */
|
|
|
|
.nav-files-container .tree-item-self .tree-item-icon:not(.iconic-icon) {
|
|
right: 2px;
|
|
}
|
|
|
|
body:not(.is-mobile) .nav-files-container .tree-item-self {
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.is-mobile .nav-files-container .tree-item-self {
|
|
font-size: 1.15rem;
|
|
}
|
|
|
|
.nav-files-container .nav-folder-title,
|
|
.nav-files-container .nav-folder-title:hover {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.is-focused .nav-files-container .nav-folder-title,
|
|
.is-focused .nav-files-container .nav-folder-title:hover {
|
|
font-weight: 500 !important;
|
|
color: var(--text-extreme) !important;
|
|
}
|
|
|
|
.is-mobile .nav-files-container .nav-folder-title {
|
|
font-weight: 600;
|
|
color: var(--text-extreme) !important;
|
|
}
|
|
|
|
/* buttons */
|
|
|
|
button.mod-cta {
|
|
background-color: var(--interactive-accent);
|
|
--text-color: var(--text-on-accent);
|
|
font-weight: 600;
|
|
border-radius: var(--radius-l);
|
|
}
|
|
|
|
body:not(.is-mobile) .clickable-icon {
|
|
aspect-ratio: 1 / 1;
|
|
border-radius: var(--radius-l);
|
|
padding: var(--size-2-2);
|
|
}
|
|
|
|
body:not(.is-mobile) .clickable-icon:hover {
|
|
box-shadow: var(--element-shadow);
|
|
background: transparent;
|
|
}
|
|
|
|
.setting-item-control select,
|
|
button:not(.clickable-icon) {
|
|
border-radius: var(--radius-l);
|
|
}
|
|
|
|
.file-embed-title {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.file-embed-icon {
|
|
color: var(--icon-color) !important;
|
|
background-color: var(--icon-color) !important;
|
|
width:18px;
|
|
height:18px;
|
|
content:"";
|
|
-webkit-mask-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+DQogICAgDQogICAgPHRpdGxlPmF0dGFjaG1lbnQtMjwvdGl0bGU+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaCBCZXRhLjwvZGVzYz4NCiAgICA8ZGVmcz4NCg0KPC9kZWZzPg0KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPg0KICAgICAgICA8ZyBpZD0iSWNvbi1TZXQiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTguMDAwMDAwLCAtMTU0LjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiPg0KICAgICAgICAgICAgPHBhdGggZD0iTTI4NC41NjIsMTY0LjE4MSBMMjcwLjMyNSwxNzguMjYgQzI2Ny45NjYsMTgwLjU5MyAyNjQuMTQxLDE4MC41OTMgMjYxLjc4MiwxNzguMjYgQzI1OS40MjMsMTc1LjkyOCAyNTkuNDIzLDE3Mi4xNDYgMjYxLjc4MiwxNjkuODEzIEwyNzQuNTk2LDE1Ny4xNDEgQzI3Ni4xNjgsMTU1LjU4NiAyNzguNzE4LDE1NS41ODYgMjgwLjI5MSwxNTcuMTQxIEMyODEuODYzLDE1OC42OTYgMjgxLjg2MywxNjEuMjE4IDI4MC4yOTEsMTYyLjc3MiBMMjY3LjQ3NywxNzUuNDQ0IEMyNjYuNjkxLDE3Ni4yMjIgMjY1LjQxNiwxNzYuMjIyIDI2NC42MjksMTc1LjQ0NCBDMjYzLjg0MywxNzQuNjY3IDI2My44NDMsMTczLjQwNiAyNjQuNjI5LDE3Mi42MjggTDI3Ni4wMiwxNjEuMzY1IEwyNzQuNTk2LDE1OS45NTcgTDI2My4yMDYsMTcxLjIyMSBDMjYxLjYzMywxNzIuNzc1IDI2MS42MzMsMTc1LjI5NyAyNjMuMjA2LDE3Ni44NTMgQzI2NC43NzgsMTc4LjQwNyAyNjcuMzI4LDE3OC40MDcgMjY4LjkwMSwxNzYuODUyIEwyODEuNzE0LDE2NC4xODEgQzI4NC4wNzMsMTYxLjg0OSAyODQuMDc0LDE1OC4wNjUgMjgxLjcxNSwxNTUuNzMzIEMyNzkuMzU1LDE1My40IDI3NS41MzEsMTUzLjQgMjczLjE3MiwxNTUuNzMzIEwyNTkuNjQ2LDE2OS4xMDggTDI1OS42OTYsMTY5LjE1NyBDMjU3LjIzOCwxNzIuMjgxIDI1Ny40NTUsMTc2Ljc5NyAyNjAuMzU4LDE3OS42NjggQzI2My4yNjIsMTgyLjUzOSAyNjcuODI4LDE4Mi43NTQgMjcwLjk4NywxODAuMzIzIEwyNzEuMDM2LDE4MC4zNzIgTDI4NS45ODYsMTY1LjU4OSBMMjg0LjU2MiwxNjQuMTgxIiBpZD0iYXR0YWNobWVudC0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4NCg0KPC9wYXRoPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+");
|
|
-webkit-mask-size: 100%;
|
|
-webkit-mask-repeat:no-repeat;
|
|
animation: fade-in 0.5s;
|
|
}
|
|
|
|
.callout-icon {
|
|
margin-left: -5px;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
/* Highlights */
|
|
|
|
.is-flashing {
|
|
padding: 2px;
|
|
border-radius: 4px;
|
|
background-color: var(--text-highlight-bg) !important;
|
|
animation: flashing 0.6s;
|
|
color: var(--normal-text) !important;
|
|
border: none;
|
|
outline: none;
|
|
z-index: 1;
|
|
transition: padding 0.1s linear;
|
|
}
|
|
|
|
.more-options-icon {
|
|
display: none;
|
|
}
|
|
|
|
/* ====================== */
|
|
/* Headings */
|
|
/* ====================== */
|
|
|
|
body {
|
|
--h1-weight: 400;
|
|
--h2-weight: 400;
|
|
--h3-weight: 400;
|
|
--h4-weight: 400;
|
|
--h5-weight: 400;
|
|
--h6-weight: 400;
|
|
--h1-letter-spacing: 0;
|
|
--h2-letter-spacing: 0;
|
|
--h3-letter-spacing: 0;
|
|
--h4-letter-spacing: -0.005em;
|
|
--h5-letter-spacing: -0.002em;
|
|
--h6-letter-spacing: 0em;
|
|
}
|
|
|
|
.cm-editor h1,
|
|
.markdown-rendered h1,
|
|
.markdown-preview-view h1,
|
|
.HyperMD-header-1 {
|
|
color: var(--text-extreme);
|
|
}
|
|
|
|
.cm-editor h2,
|
|
.markdown-rendered h2,
|
|
.markdown-preview-view h2,
|
|
.HyperMD-header-2 {
|
|
color: var(--text-extreme);
|
|
}
|
|
|
|
.cm-editor h3,
|
|
.markdown-rendered h3,
|
|
.markdown-preview-view h3,
|
|
.HyperMD-header-3 {
|
|
color: var(--text-extreme);
|
|
}
|
|
|
|
.cm-editor h4,
|
|
.markdown-rendered h4,
|
|
.markdown-preview-view h4,
|
|
.HyperMD-header-4 {
|
|
color: var(--text-extreme);
|
|
}
|
|
|
|
.cm-editor h6,
|
|
.markdown-rendered h6,
|
|
.markdown-preview-view h6,
|
|
.HyperMD-header-6 {
|
|
font-weight: 400;
|
|
color: var(--color-accent);
|
|
}
|
|
|
|
@media print {
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: 600 !important;
|
|
margin-top: 0px !important;
|
|
margin-bottom: 0px !important;
|
|
padding-top: 0px !important;
|
|
padding-bottom: 10px !important;
|
|
}
|
|
}
|
|
|
|
.HyperMD-header-1:hover,
|
|
.HyperMD-header-2:hover,
|
|
.HyperMD-header-3:hover,
|
|
.HyperMD-header-4:hover,
|
|
.HyperMD-header-5:hover,
|
|
.HyperMD-header-6:hover,
|
|
.markdown-preview-view h1:hover,
|
|
.markdown-preview-view h2:hover,
|
|
.markdown-preview-view h3:hover,
|
|
.markdown-preview-view h4:hover,
|
|
.markdown-preview-view h5:hover,
|
|
.markdown-preview-view h6:hover {
|
|
color: var(--accent-color);
|
|
transition: color 0.2s ease;
|
|
}
|
|
|
|
.collapse-indicator {
|
|
transition: opacity 0.2s ease;
|
|
}
|
|
|
|
/* ================================= */
|
|
/* Paragraphs, checkboxes, and Lists */
|
|
/* ================================= */
|
|
|
|
.cm-html-embed thead > tr > th, .markdown-rendered thead > tr > th, .cm-html-embed tbody > tr > td, .markdown-rendered tbody > tr > td {
|
|
border-color: var(--div-color) !important;
|
|
}
|
|
|
|
ul > li.task-list-item {
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
.HyperMD-task-line {
|
|
padding-top: 2px !important;
|
|
padding-bottom: 2px !important;
|
|
}
|
|
|
|
body {
|
|
--checklist-done-decoration: none;
|
|
}
|
|
|
|
.markdown-rendered ul > li {
|
|
margin-inline-start: 3.4ch;
|
|
}
|
|
|
|
.cm-line.HyperMD-task-line {
|
|
line-height: 1.5em;
|
|
padding-top: 2px !important;
|
|
padding-bottom: 2px !important;
|
|
}
|
|
|
|
.HyperMD-list-line-1 {
|
|
padding-top: 0px !important;
|
|
}
|
|
|
|
input[type=checkbox] {
|
|
border-radius: 15px;
|
|
border: 2px solid var(--checkbox-border-color);
|
|
transition: box-shadow 0.25s ease-in-out;
|
|
}
|
|
|
|
input[type=checkbox]:hover,
|
|
input[type=checkbox]:active,
|
|
input[type=checkbox]:focus {
|
|
outline: 0;
|
|
border-color: var(--checkbox-border-color);
|
|
}
|
|
|
|
input[type="radio"]:checked:after,
|
|
input[type="checkbox"]:checked:after {
|
|
top: -2px;
|
|
inset-inline-start: -2px;
|
|
animation: fade-in 0.3s ease-out;
|
|
}
|
|
|
|
.list-bullet {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6 .task-list-label {
|
|
margin-inline-start: -0.57em;
|
|
}
|
|
|
|
.markdown-rendered ul > li {
|
|
margin-inline-start: 2.7ch;
|
|
}
|
|
|
|
/* Horizontal Dividers */
|
|
|
|
.markdown-preview-view hr,
|
|
.markdown-source-view hr {
|
|
border: none;
|
|
height: 1px;
|
|
background-color: var(--div-color);
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6 .cm-hr {
|
|
border: none;
|
|
height: 1px;
|
|
background-color: var(--div-color);
|
|
padding: 0px;
|
|
}
|
|
|
|
.markdown-rendered hr {
|
|
border: none;
|
|
height: 1px;
|
|
background-color: var(--div-color);
|
|
margin-top: var(--p-spacing);
|
|
margin-bottom: var(--p-spacing);
|
|
}
|
|
|
|
.HyperMD-hr-bg {
|
|
display: none;
|
|
}
|
|
|
|
/* ===================== */
|
|
/* 📌 DATAVIEW */
|
|
/* ===================== */
|
|
|
|
.dataview.inline-field {
|
|
padding: 2px 2px !important;
|
|
font-size: 0.8em !important;
|
|
margin: 0 1px !important;
|
|
border-radius: 6px;
|
|
box-shadow: 0 0 4px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.dataview.result-group {
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.dataview.task-list-item:hover,
|
|
.dataview.task-list-basic-item:hover {
|
|
background-color: var(--background-primary) !important;
|
|
box-shadow: -40px 0 0 var(--background-primary) !important;
|
|
}
|
|
|
|
.dataview.inline-field-key {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
.dataview.inline-field-value {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
.dataview {
|
|
transition: none !important;
|
|
}
|
|
|
|
.dataview {
|
|
animation: fade-in 0.2s;
|
|
}
|
|
|
|
.dataview.task-list-item:hover,
|
|
.dataview.task-list-basic-item:hover {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: -40px 0 0 var(--background-secondary);
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6 .cm-embed-block:not(.cm-table-widget):hover {
|
|
box-shadow: 0 0 0;
|
|
}
|
|
|
|
.table-view-th {
|
|
font-size: 1em !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
.table-view-table > thead > tr > th {
|
|
font-weight: 500;
|
|
font-size: larger;
|
|
border: solid 1px;
|
|
background-color: var(--background-secondary) !important;
|
|
}
|
|
|
|
.table-view-table > tbody > tr > td {
|
|
text-align: left;
|
|
border: solid 1px;
|
|
font-weight: 400;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.table-view-table > tbody > tr > td {
|
|
white-space: nowrap !important;
|
|
}
|
|
|
|
.markdown-rendered table {
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1.5em;
|
|
word-break: normal;
|
|
}
|
|
|
|
/* Liquid glass */
|
|
|
|
body {
|
|
--statusbar-glass-bg: color-mix(in srgb, var(--background-primary) 35%, transparent);
|
|
--statusbar-glass-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.status-bar {
|
|
position: fixed;
|
|
left: 50%;
|
|
transform: translatex(-50%);
|
|
bottom: 10px;
|
|
width: fit-content;
|
|
max-width: min(60rem, 90vw);
|
|
padding: 4px 12px;
|
|
border-radius: var(--radius-l);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 10px;
|
|
background: var(--statusbar-glass-bg);
|
|
backdrop-filter: blur(2px) saturate(160%);
|
|
-webkit-backdrop-filter: blur(2px) saturate(160%);
|
|
z-index: var(--layer-status-bar);
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.is-mobile .mod-raised:not(.canvas-control-group) {
|
|
backdrop-filter: blur(2px) saturate(140%);
|
|
-webkit-backdrop-filter: blur(2px) saturate(140%);
|
|
}
|
|
|
|
.is-mobile .mod-raised {
|
|
background-color: var(--transparent-bar) !important;
|
|
background-image: none !important;
|
|
border-radius: var(--radius-l) !important;
|
|
}
|
|
|
|
.bases-view {
|
|
padding-bottom: 45px;
|
|
}
|
|
|
|
/* ================== */
|
|
/* 📌 Other Changes */
|
|
/* ================== */
|
|
|
|
body.is-phone {
|
|
--mobile-sidebar-width: 100%;
|
|
}
|
|
|
|
.markdown-embed-title {
|
|
display: none;
|
|
}
|
|
|
|
.markdown-embed {
|
|
border-radius: var(--radius-s);
|
|
box-shadow: var(--element-shadow);
|
|
margin-top: 0px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.mobile-navbar-action.has-longpress-menu .navbar-action-flair {
|
|
display: none;
|
|
}
|
|
|
|
/* Canvas */
|
|
|
|
.canvas-card-menu {
|
|
border-radius: var(--radius-l);
|
|
margin-bottom: 3vw;
|
|
padding: 5px;
|
|
box-shadow: var(--statusbar-glass-shadow);
|
|
}
|
|
|
|
.canvas-menu {
|
|
border-radius: var(--radius-l);
|
|
border: none;
|
|
box-shadow: var(--statusbar-glass-shadow);
|
|
}
|
|
|
|
.canvas-node-content .markdown-embed-content .node-insert-event .metadata-container {
|
|
display: none;
|
|
}
|
|
|
|
/* IMAGE VIEWERS */
|
|
|
|
body.is-mobile .mobile-image-viewer {
|
|
-webkit-backdrop-filter:blur(10px);
|
|
background-color:var(--workspace-background-translucent);
|
|
animation: fade-in 0.2s linear;
|
|
}
|
|
|
|
body.is-mobile .mobile-image-viewer img{ border-radius:0 }
|
|
|
|
.markdown-preview-view img,
|
|
.markdown-source-view img {
|
|
border-radius: var(--radius-s);
|
|
}
|
|
|
|
/* DAILY NOTE CALENDAR ADJUSTMENTS */
|
|
|
|
.dnc table {
|
|
table-layout: fixed;
|
|
border-radius: var(--radius-m);
|
|
width: 95%;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
padding-top: 7px;
|
|
padding-bottom: 10px;
|
|
padding-right: 7px;
|
|
padding-left: 7px;
|
|
}
|
|
|
|
.theme-light .dnc table {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
.theme-dark .dnc table {
|
|
background-color: var(--properties-background);
|
|
}
|
|
|
|
.dnc .header {
|
|
opacity: 1;
|
|
}
|
|
|
|
.dnc .header h1 {
|
|
font-weight: 700;
|
|
font-size: 1.4em;
|
|
color: var(--accent-color);
|
|
margin-left: 9px;
|
|
margin-right: -7px;
|
|
margin-bottom: 0px !important;
|
|
padding-top: 0px !important;
|
|
padding-bottom: 0px !important;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
.dnc .buttons {
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.dnc li {
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
.dnc td {
|
|
border-radius: var(--radius-m);
|
|
}
|
|
|
|
.dnc td:hover:not(:empty), .dnc th:hover:not(:empty) {
|
|
background-color: var(--background-secondary);
|
|
border-radius: var(--radius-l);
|
|
}
|
|
|
|
.dnc li:hover, .dnc li:hover {
|
|
background-color: var(--background-primary);
|
|
.theme-light color: #ffffff;
|
|
.theme-dark color: #000000;
|
|
border-radius: var(--radius-l);
|
|
}
|
|
|
|
.dnc #today {
|
|
position: relative;
|
|
color: transparent !important;
|
|
text-indent: -9999px;
|
|
z-index:9999;
|
|
}
|
|
|
|
.dnc #today::before {
|
|
content: "";
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='rgb(253, 211, 27)' %3E%3Cpath d='M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z' /%3E%3C/svg%3E");
|
|
-webkit-mask-size: auto;
|
|
-webkit-mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
pointer-events: none;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.dnc .buttons svg.lucide.lucide-calendar-heart {
|
|
color: transparent !important;
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='rgb(255, 213, 0)' stroke='orange' stroke-width='0.1' %3E%3Cpath d='M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z' /%3E%3C/svg%3E");
|
|
width: 28px;
|
|
height: 28px;
|
|
-webkit-mask-repeat: no-repeat;
|
|
}
|
|
|
|
body {
|
|
--dnc-stroke: 1.95px;
|
|
}
|
|
|
|
.dnc .buttons svg.lucide.lucide-chevron-left {
|
|
stroke-width: var(--dnc-stroke);
|
|
color: var(--icon-color);
|
|
margin-bottom: 5px;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.dnc .buttons svg.lucide.lucide-chevrons-left {
|
|
stroke-width: var(--dnc-stroke);
|
|
color: var(--icon-color);
|
|
margin-bottom: 5px;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.dnc .buttons svg.lucide.lucide-chevron-right {
|
|
stroke-width: var(--dnc-stroke);
|
|
color: var(--icon-color);
|
|
margin-bottom: 5px;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.dnc .buttons svg.lucide.lucide-chevrons-right {
|
|
stroke-width: var(--dnc-stroke);
|
|
color: var(--icon-color);
|
|
margin-bottom: 5px;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.dnc .has-note:after {
|
|
display: none;
|
|
}
|
|
|
|
.dnc .has-note {
|
|
font-weight: var(--font-bold);
|
|
color: var(--text-extreme);
|
|
}
|
|
|
|
.dnc ul li .note-title {
|
|
font-weight: var(--font-bold);
|
|
font-size: var(--font-normal);
|
|
}
|
|
|
|
.dnc ul li .note-date {
|
|
font-weight: var(--font-normal);
|
|
font-size: var(--font-ui-small);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.dnc ul li .note-path {
|
|
font-weight: var(--font-normal);
|
|
font-size: var(--font-ui-small);
|
|
color: var(--text-faint);
|
|
}
|
|
|
|
.dnc .selected-day:after {
|
|
display: none;
|
|
}
|
|
|
|
.dnc .selected-day {
|
|
background-color: rgba(180, 180, 180, 0.2);
|
|
border-radius: 6px;
|
|
font-weight: var(--font-bold);
|
|
}
|
|
|
|
/* ICONIZE ADJUSMENTS */
|
|
|
|
.theme-dark .iconize-icon {
|
|
color: var(--color-grey) !important;
|
|
}
|
|
|
|
.theme-light .iconize-icon {
|
|
color: var(--color-red) !important;
|
|
}
|
|
|
|
.iconize-icon {
|
|
margin: 0px 6px 0px 0px !important;
|
|
animation: fade-in 0.2s ease-in !important;
|
|
}
|
|
|
|
/* ICONIC ADJUSTMENTS */
|
|
|
|
body:not(.is-mobile) .iconic-icon {
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
body.is-mobile .iconic-icon {
|
|
transform: scale(1.2);
|
|
}
|
|
|
|
.iconic-item > .tree-item-self > .tree-item-inner {
|
|
margin-inline-start: 5px !important;
|
|
}
|
|
|
|
.iconic-icon svg {
|
|
stroke-width: 1.3 !important;
|
|
}
|
|
|
|
.workspace-drawer-vault-actions .iconic-icon,
|
|
.sidebar-toggle-button .iconic-icon,
|
|
.workspace-tab-header-inner-icon,
|
|
.workspace-drawer-header .iconic-icon,
|
|
.side-dock-actions .iconic-icon,
|
|
.mobile-navbar .iconic-icon,
|
|
.mobile-navbar-action .iconic-icon {
|
|
transform: none !important;
|
|
}
|
|
|
|
/* CALENDAR PLUGIN */
|
|
|
|
.reset-button.svelte-1vwr9dd.svelte-1vwr9dd {
|
|
cursor: pointer;
|
|
color: transparent !important;
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='rgb(253, 211, 27)' stroke='orange' stroke-width='0.3' %3E%3Cpath d='M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z' /%3E%3C/svg%3E");
|
|
-webkit-mask-size: auto;
|
|
-webkit-mask-repeat: no-repeat;
|
|
-webkit-mask-position: center;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.container.svelte-pcimu8 {
|
|
--color-background-heading: transparent;
|
|
--color-background-day: transparent;
|
|
--color-background-weeknum: transparent;
|
|
--color-background-weekend: transparent;
|
|
--color-dot: var(--text-muted);
|
|
--color-arrow: var(--text-muted);
|
|
--color-button: var(--text-muted);
|
|
--color-text-title: var(--text-normal);
|
|
--color-text-heading: var(--text-muted);
|
|
--color-text-day: var(--text-normal);
|
|
--color-text-today: var(--interactive-accent);
|
|
--color-text-weeknum: var(--text-muted);
|
|
font-family: var(--font-text);
|
|
font-size: var(--font-text-size);
|
|
font-weight: normal;
|
|
}
|
|
|
|
.arrow.svelte-156w7na.svelte-156w7na:hover {
|
|
--color-arrow: var(--color-accent)!important;
|
|
}
|
|
|
|
body:not(.is-mobile) .nav.svelte-1vwr9dd.svelte-1vwr9dd {
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.is-mobile .nav.svelte-1vwr9dd.svelte-1vwr9dd {
|
|
padding-left: 5px !important;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/* INK */
|
|
|
|
.ddc_ink_drawing-embed {
|
|
padding: 10px !important;
|
|
}
|
|
|
|
.ddc_ink_drawing-editor {
|
|
border-radius: var(--radius-s); !important;
|
|
border: 1px !important;
|
|
}
|
|
|
|
.ink_tool-menu {
|
|
gap: 12px;
|
|
}
|
|
|
|
.ink_extended-writing-menu button,
|
|
.ink_menu-bar button {
|
|
box-shadow: none !important;
|
|
border-radius: var(--radius-l);
|
|
}
|
|
|
|
body.is-phone .ddc_ink_resize-container {
|
|
max-width: 330px !important;
|
|
}
|
|
|
|
/* Liquid Glass Stuff */
|
|
|
|
body {
|
|
--liquid-shadow-light:
|
|
inset 1.5px 1.5px 1px 0 rgba(255, 255, 255, 0.7),
|
|
inset -1.5px -1.5px 1px 0 rgba(255, 255, 255, 0.5),
|
|
/* 0 0 0 1px rgba(255, 255, 255, 0.15), */
|
|
0 3px 20px rgba(0, 0, 0, 0.08);
|
|
|
|
--liquid-shadow-dark:
|
|
inset 1.25px 1px 0.5px -0.5px rgba(180, 180, 180, 0.2),
|
|
inset -1.25px -1px 0.5px -0.5px rgba(180, 180, 180, 0.2),
|
|
/* 0 0 0 5px rgba(255, 255, 255, 0.1), */
|
|
0 3px 20px rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
.theme-light { --glass-edge: var(--liquid-shadow-light); }
|
|
.theme-dark { --glass-edge: var(--liquid-shadow-dark); }
|
|
|
|
.status-bar,
|
|
.bases-cards-item,
|
|
.prompt,
|
|
.modal.mod-settings,
|
|
.is-mobile .mobile-navbar,
|
|
.input-button,
|
|
.mod-raised,
|
|
.document-replace-input,
|
|
.pdf-page-input,
|
|
.search-input-container input {
|
|
border: none !important;
|
|
box-shadow: var(--glass-edge) !important;
|
|
}
|
|
|
|
.mod-macos.is-popout-window .mod-settings {
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
.pdf-page-input,
|
|
.document-replace-input {
|
|
border-radius: var(--radius-l) !important;
|
|
}
|
|
|
|
.is-mobile .pdf-toolbar-left {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
|
|
/* TYPOGRAPHY UPDATE */
|
|
|
|
body {
|
|
--p-spacing: 1em;
|
|
--heading-spacing: 1em;
|
|
}
|
|
|
|
.cm-s-obsidian .cm-line.HyperMD-header,
|
|
.markdown-rendered > .markdown-preview-section > .markdown-preview-pusher + div:not(.mod-ui) > :first-child, .markdown-rendered > .markdown-preview-section > .mod-ui + div:not(.mod-ui) > :first-child {
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
}
|