theme.css

/* obsidian-material-ocean v0.4.2
   by @dragonwocky */
/* @plugins
core:
- audio-recorder
- backlink
- command-palette
- daily-notes
- editor-status
- file-explorer
- file-recovery
- global-search
- graph-view
- markdown-importer
- note-composer
- open-with-default-app
- outgoing-links
- outline
- page-preview
- random-note
- slash-commands
- starred
- switcher
- tag-pane
- templates
- word-count
- workspaces
- zk-prefixer

community:
- calendar
- obsidian-full-calendar
- obsidian-dictionary-plugin
- obsidian-livesync
*/
body.theme-dark,
body.is-mobile.theme-dark {
  color-scheme: dark;
  --highlight-mix-blend-mode: lighten;
  --mono-rgb-0: 0, 0, 0;
  --mono-rgb-100: 255, 255, 255;
  /* recommended accents: #ff475a, #82aaff */
  --accent-h: 354;
  --accent-s: 100%;
  --accent-l: 64%;
  --color-red-rgb: 255, 71, 90;
  --color-red: rgb(var(--color-red-rgb));
  --color-green-rgb: 163, 190, 140;
  --color-green: rgb(var(--color-green-rgb));
  --color-orange: #fde3c0;
  --color-yellow: #ffcb6b;
  --color-cyan: #89ddff;
  --color-blue: #82aaff;
  --color-purple: #c792ea;
  --color-pink: #ffc0cb;
  /* editor */
  --color-base-00: #0f111a;
  /* code blocks */
  --color-base-10: #0b0d13;
  /* nav + sidebar */
  --color-base-20: #090b10;
  /* inputs */
  --color-base-25: #0b0d13;
  /* dividing lines*/
  --color-base-30: #1e2537;
  /* hovered + selected buttons */
  --color-base-35: #11131e;
  /* box-shadows */
  --color-base-40: #1e2537;
  /* text-faint */
  --color-base-50: #697086;
  --color-base-60: #697086;
  /* text-muted */
  --color-base-70: #9093a2;
  /* text-normal */
  --color-base-100: #b6b7be;
  --blockquote-color: var(--text-muted);
  --h1-color: var(--text-accent);
  --h2-color: var(--text-accent);
  --h3-color: var(--text-accent);
  --h4-color: var(--text-accent);
  --h5-color: var(--text-accent);
  --h6-color: var(--text-accent);
  --list-marker-color: var(--text-muted);
  --list-marker-color-collapsed: var(--text-muted);
  --collapse-icon-color: var(--text-faint);
  --collapse-icon-color-collapsed: var(--text-faint);
  --scrollbar-bg: transparent;
  --scrollbar-thumb-bg: #00010a;
  --scrollbar-active-thumb-bg: var(--color-accent);
  --graph-line: var(--color-base-30);
  --interactive-normal: var(--color-base-30);
  --background-modifier-hover: var(--color-base-35);
  --table-header-background: var(--background-modifier-hover);
  --table-header-background-hover: var(--background-modifier-hover);
  --titlebar-background: var(--background-secondary);
  --titlebar-background-focused: var(--background-secondary);
  --modal-background: var(--background-primary);
  --text-highlight-bg: var(--text-accent);
  --tag-padding-y: 0.23em;
  --callout-padding: var(--size-4-4) var(--size-4-4) var(--size-4-4) var(--size-4-5);
  --lucide-x: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  --lucide-minus: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
  --lucide-maximize: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3'%3E%3C/path%3E%3Cpath d='M21 8V5a2 2 0 0 0-2-2h-3'%3E%3C/path%3E%3Cpath d='M3 16v3a2 2 0 0 0 2 2h3'%3E%3C/path%3E%3Cpath d='M16 21h3a2 2 0 0 0 2-2v-3'%3E%3C/path%3E%3C/svg%3E");
  --lucide-calendar-days: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3Cpath d='M8 14h.01'%3E%3C/path%3E%3Cpath d='M12 14h.01'%3E%3C/path%3E%3Cpath d='M16 14h.01'%3E%3C/path%3E%3Cpath d='M8 18h.01'%3E%3C/path%3E%3Cpath d='M12 18h.01'%3E%3C/path%3E%3Cpath d='M16 18h.01'%3E%3C/path%3E%3C/svg%3E");
}
body.theme-dark .markdown-rendered mark,
body.is-mobile.theme-dark .markdown-rendered mark,
body.theme-dark .cm-s-obsidian span:is(.cm-formatting-highlight, .cm-highlight),
body.is-mobile.theme-dark .cm-s-obsidian span:is(.cm-formatting-highlight, .cm-highlight) {
  color: var(--text-on-accent);
}
body.theme-dark code[class*="language-"],
body.is-mobile.theme-dark code[class*="language-"],
body.theme-dark .token.tag,
body.is-mobile.theme-dark .token.tag,
body.theme-dark .token.parameter,
body.is-mobile.theme-dark .token.parameter,
body.theme-dark .token.selector,
body.is-mobile.theme-dark .token.selector,
body.theme-dark .token.hexcode,
body.is-mobile.theme-dark .token.hexcode,
body.theme-dark .token.attr-name,
body.is-mobile.theme-dark .token.attr-name,
body.theme-dark .token.variable,
body.is-mobile.theme-dark .token.variable,
body.theme-dark .cm-variable-2,
body.is-mobile.theme-dark .cm-variable-2,
body.theme-dark .cm-s-obsidian span.cm-error,
body.is-mobile.theme-dark .cm-s-obsidian span.cm-error,
body.theme-dark .cm-property,
body.is-mobile.theme-dark .cm-property,
body.theme-dark .cm-variable,
body.is-mobile.theme-dark .cm-variable,
body.theme-dark .cm-atom,
body.is-mobile.theme-dark .cm-atom {
  color: var(--color-red);
}
body.theme-dark .token.boolean,
body.is-mobile.theme-dark .token.boolean,
body.theme-dark .token.number,
body.is-mobile.theme-dark .token.number,
body.theme-dark .token.unit,
body.is-mobile.theme-dark .token.unit,
body.theme-dark .token.constant,
body.is-mobile.theme-dark .token.constant,
body.theme-dark .token.symbol,
body.is-mobile.theme-dark .token.symbol,
body.theme-dark .token.deleted,
body.is-mobile.theme-dark .token.deleted,
body.theme-dark .cm-number,
body.is-mobile.theme-dark .cm-number,
body.theme-dark .cm-property.cm-string,
body.is-mobile.theme-dark .cm-property.cm-string {
  color: var(--color-orange);
}
body.theme-dark .token.string,
body.is-mobile.theme-dark .token.string,
body.theme-dark .token.char,
body.is-mobile.theme-dark .token.char,
body.theme-dark .token.selector .id,
body.is-mobile.theme-dark .token.selector .id,
body.theme-dark .token.attr-value,
body.is-mobile.theme-dark .token.attr-value,
body.theme-dark .token.builtin,
body.is-mobile.theme-dark .token.builtin,
body.theme-dark .token.inserted,
body.is-mobile.theme-dark .token.inserted,
body.theme-dark .cm-builtin,
body.is-mobile.theme-dark .cm-builtin,
body.theme-dark .cm-hmd-codeblock.cm-string,
body.is-mobile.theme-dark .cm-hmd-codeblock.cm-string {
  color: var(--color-green);
}
body.theme-dark .token.operator,
body.is-mobile.theme-dark .token.operator,
body.theme-dark .token.entity,
body.is-mobile.theme-dark .token.entity,
body.theme-dark .token.url,
body.is-mobile.theme-dark .token.url,
body.theme-dark .token.pseudo-class,
body.is-mobile.theme-dark .token.pseudo-class,
body.theme-dark .token.pseudo-element,
body.is-mobile.theme-dark .token.pseudo-element,
body.theme-dark .language-css .token.string,
body.is-mobile.theme-dark .language-css .token.string,
body.theme-dark .style .token.string,
body.is-mobile.theme-dark .style .token.string,
body.theme-dark .cm-operator,
body.is-mobile.theme-dark .cm-operator,
body.theme-dark .cm-variable-3,
body.is-mobile.theme-dark .cm-variable-3 {
  color: var(--color-cyan);
}
body.theme-dark .token.atrule,
body.is-mobile.theme-dark .token.atrule,
body.theme-dark .token.keyword,
body.is-mobile.theme-dark .token.keyword,
body.theme-dark .cm-keyword,
body.is-mobile.theme-dark .cm-keyword {
  color: var(--color-purple);
}
body.theme-dark .token.function,
body.is-mobile.theme-dark .token.function,
body.theme-dark .token.property,
body.is-mobile.theme-dark .token.property,
body.theme-dark .token.property-access,
body.is-mobile.theme-dark .token.property-access,
body.theme-dark .cm-def,
body.is-mobile.theme-dark .cm-def,
body.theme-dark .cm-callee,
body.is-mobile.theme-dark .cm-callee,
body.theme-dark .cm-property,
body.is-mobile.theme-dark .cm-property,
body.theme-dark .cm-string-2,
body.is-mobile.theme-dark .cm-string-2 {
  color: var(--color-blue);
}
body.theme-dark .token.selector .class,
body.is-mobile.theme-dark .token.selector .class,
body.theme-dark .cm-qualifier,
body.is-mobile.theme-dark .cm-qualifier,
body.theme-dark .token.class-name,
body.is-mobile.theme-dark .token.class-name,
body.theme-dark .cm-type,
body.is-mobile.theme-dark .cm-type {
  color: var(--color-yellow);
}
body.theme-dark .token.regex,
body.is-mobile.theme-dark .token.regex,
body.theme-dark .token.important,
body.is-mobile.theme-dark .token.important {
  color: var(--color-purple);
}
body.theme-dark .token.operator,
body.is-mobile.theme-dark .token.operator,
body.theme-dark .token.selector .combinator,
body.is-mobile.theme-dark .token.selector .combinator {
  color: var(--code-normal);
}
body.theme-dark .token.important,
body.is-mobile.theme-dark .token.important,
body.theme-dark .token.bold,
body.is-mobile.theme-dark .token.bold {
  font-weight: bold;
}
body.theme-dark .token.italic,
body.is-mobile.theme-dark .token.italic {
  font-style: italic;
}
body.theme-dark .token.entity,
body.is-mobile.theme-dark .token.entity {
  cursor: help;
}
body.theme-dark .callout .callout-title,
body.is-mobile.theme-dark .callout .callout-title {
  gap: var(--size-4-2);
}
body.theme-dark .callout .callout-content > :last-child,
body.is-mobile.theme-dark .callout .callout-content > :last-child {
  margin-bottom: var(--size-4-2) !important;
}
body.theme-dark .markdown-rendered .inline-title,
body.is-mobile.theme-dark .markdown-rendered .inline-title {
  padding-bottom: 0;
}
body.theme-dark .markdown-rendered blockquote > p + blockquote,
body.is-mobile.theme-dark .markdown-rendered blockquote > p + blockquote {
  margin-top: calc(-0.5 * var(--font-ui-medium));
}
body.theme-dark .markdown-rendered code[class*="language-"],
body.is-mobile.theme-dark .markdown-rendered code[class*="language-"] {
  line-height: var(--line-height-tight);
}
body.theme-dark .markdown-preview-section > :nth-child(2) ~ div,
body.is-mobile.theme-dark .markdown-preview-section > :nth-child(2) ~ div {
  overflow: visible;
  max-width: 100%;
  margin-block-start: var(--font-ui-medium);
}
body.theme-dark .markdown-preview-section > div > :first-child,
body.is-mobile.theme-dark .markdown-preview-section > div > :first-child {
  margin-block-start: 0;
}
body.theme-dark .markdown-preview-section > div > :last-child,
body.is-mobile.theme-dark .markdown-preview-section > div > :last-child {
  margin-block-end: 0;
}
body.theme-dark .markdown-preview-section div:not(:is([class], [style], [id])) > ol:not(:is([class], [style], [id])),
body.is-mobile.theme-dark .markdown-preview-section div:not(:is([class], [style], [id])) > ol:not(:is([class], [style], [id])),
body.theme-dark .markdown-preview-section div:not(:is([class], [style], [id])) > .has-list-bullet:not(.contains-task-list),
body.is-mobile.theme-dark .markdown-preview-section div:not(:is([class], [style], [id])) > .has-list-bullet:not(.contains-task-list),
body.theme-dark .markdown-preview-section div:not(:is([class], [style], [id])) > .has-list-bullet.contains-task-list,
body.is-mobile.theme-dark .markdown-preview-section div:not(:is([class], [style], [id])) > .has-list-bullet.contains-task-list {
  padding-inline-start: calc((var(--size-4-5) + var(--size-4-6)) / 2);
}
body.theme-dark .HyperMD-header .cm-fold-indicator.is-collapsed,
body.is-mobile.theme-dark .HyperMD-header .cm-fold-indicator.is-collapsed {
  margin-bottom: var(--font-ui-medium);
}
body.theme-dark .markdown-source-view.mod-cm6 .HyperMD-codeblock-begin,
body.is-mobile.theme-dark .markdown-source-view.mod-cm6 .HyperMD-codeblock-begin {
  padding-top: var(--font-ui-medium);
}
body.theme-dark .markdown-source-view.mod-cm6 .task-list-label .task-list-item-checkbox,
body.is-mobile.theme-dark .markdown-source-view.mod-cm6 .task-list-label .task-list-item-checkbox {
  margin: 0 2px 0 0;
}
body.theme-dark .workspace-split.mod-left-split,
body.is-mobile.theme-dark .workspace-split.mod-left-split {
  overflow: hidden;
}
body.theme-dark:is(.mod-linux, .mod-windows) .titlebar-button:not(.mod-logo),
body.is-mobile.theme-dark:is(.mod-linux, .mod-windows) .titlebar-button:not(.mod-logo) {
  padding: 0 var(--size-4-3);
}
body.theme-dark:is(.mod-linux, .mod-windows) .titlebar-button:not(.mod-logo) svg,
body.is-mobile.theme-dark:is(.mod-linux, .mod-windows) .titlebar-button:not(.mod-logo) svg {
  -webkit-mask-size: cover;
  background-color: var(--icon-color);
  color: transparent;
  width: var(--icon-s);
  height: var(--icon-s);
}
body.theme-dark:is(.mod-linux, .mod-windows) .titlebar-button.mod-minimize svg,
body.is-mobile.theme-dark:is(.mod-linux, .mod-windows) .titlebar-button.mod-minimize svg {
  -webkit-mask-image: var(--lucide-minus);
}
body.theme-dark:is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize svg,
body.is-mobile.theme-dark:is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize svg {
  -webkit-mask-image: var(--lucide-maximize);
}
body.theme-dark:is(.mod-linux, .mod-windows) .titlebar-button.mod-close svg,
body.is-mobile.theme-dark:is(.mod-linux, .mod-windows) .titlebar-button.mod-close svg {
  -webkit-mask-image: var(--lucide-x);
}
@media (hover: hover) {
  body.theme-dark:is(.mod-linux, .mod-windows) .titlebar-button.mod-close:hover svg,
  body.is-mobile.theme-dark:is(.mod-linux, .mod-windows) .titlebar-button.mod-close:hover svg {
    background-color: var(--text-on-accent);
  }
}
body.theme-dark:is(.mod-linux, .mod-windows) .titlebar-button.mod-logo,
body.is-mobile.theme-dark:is(.mod-linux, .mod-windows) .titlebar-button.mod-logo {
  background: var(--color-accent);
  color: var(--text-on-accent);
}
body.theme-dark:is(.mod-linux, .mod-windows) .workspace-ribbon.mod-left .sidebar-toggle-button,
body.is-mobile.theme-dark:is(.mod-linux, .mod-windows) .workspace-ribbon.mod-left .sidebar-toggle-button {
  background: var(--color-accent);
  border-bottom-right-radius: var(--radius-m);
  --background-modifier-hover: var(--color-accent-1);
}
body.theme-dark:is(.mod-linux, .mod-windows) .workspace-ribbon.mod-left .sidebar-toggle-button .clickable-icon,
body.is-mobile.theme-dark:is(.mod-linux, .mod-windows) .workspace-ribbon.mod-left .sidebar-toggle-button .clickable-icon {
  color: var(--text-on-accent);
}
body.theme-dark .workspace-ribbon.mod-left,
body.is-mobile.theme-dark .workspace-ribbon.mod-left,
body.theme-dark .workspace-ribbon.mod-left:before,
body.is-mobile.theme-dark .workspace-ribbon.mod-left:before {
  border-color: transparent;
}
body.theme-dark .workspace-ribbon.mod-left.is-collapsed ~ .mod-root .workspace-leaf-content,
body.is-mobile.theme-dark .workspace-ribbon.mod-left.is-collapsed ~ .mod-root .workspace-leaf-content {
  border-left: var(--tab-outline-width) solid var(--tab-outline-color);
}
body.theme-dark .mod-left-split,
body.is-mobile.theme-dark .mod-left-split {
  background: var(--titlebar-background);
}
body.theme-dark .mod-left-split .mod-top-left-space,
body.is-mobile.theme-dark .mod-left-split .mod-top-left-space {
  margin-top: -1px;
}
body.theme-dark .mod-left-split .mod-top-left-space .workspace-leaf,
body.is-mobile.theme-dark .mod-left-split .mod-top-left-space .workspace-leaf {
  border-top: var(--tab-outline-width) solid var(--tab-outline-color);
  border-left: var(--tab-outline-width) solid var(--tab-outline-color);
  border-top-left-radius: var(--radius-m);
}
body.theme-dark .mod-left-split .mod-top-left-space .workspace-tab-header-container,
body.is-mobile.theme-dark .mod-left-split .mod-top-left-space .workspace-tab-header-container {
  border-color: transparent;
}
body.theme-dark .mod-left-split .workspace-tabs ~ .workspace-tabs,
body.is-mobile.theme-dark .mod-left-split .workspace-tabs ~ .workspace-tabs {
  border-left: var(--tab-outline-width) solid var(--tab-outline-color);
}
body.theme-dark .workspace-ribbon.mod-left.is-collapsed,
body.is-mobile.theme-dark .workspace-ribbon.mod-left.is-collapsed {
  background: var(--titlebar-background);
}
body.theme-dark .workspace-split > .workspace-leaf-resize-handle,
body.is-mobile.theme-dark .workspace-split > .workspace-leaf-resize-handle {
  clip: rect(calc(var(--header-height) - 1px), auto, auto, auto);
}
body.theme-dark .callout .callout-fold,
body.is-mobile.theme-dark .callout .callout-fold {
  margin-left: auto;
  padding-right: 0;
}
body.theme-dark .markdown-rendered h1,
body.is-mobile.theme-dark .markdown-rendered h1,
body.theme-dark .markdown-rendered h2,
body.is-mobile.theme-dark .markdown-rendered h2,
body.theme-dark .markdown-rendered h3,
body.is-mobile.theme-dark .markdown-rendered h3,
body.theme-dark .markdown-rendered h4,
body.is-mobile.theme-dark .markdown-rendered h4,
body.theme-dark .markdown-rendered h5,
body.is-mobile.theme-dark .markdown-rendered h5,
body.theme-dark .markdown-rendered h6,
body.is-mobile.theme-dark .markdown-rendered h6,
body.theme-dark .HyperMD-header,
body.is-mobile.theme-dark .HyperMD-header {
  text-decoration: underline;
  text-decoration-color: var(--hr-color);
}
body.theme-dark .markdown-rendered img,
body.is-mobile.theme-dark .markdown-rendered img,
body.theme-dark .markdown-source-view img,
body.is-mobile.theme-dark .markdown-source-view img {
  border-radius: var(--size-4-1);
}
body.theme-dark .markdown-rendered table,
body.is-mobile.theme-dark .markdown-rendered table {
  min-width: 100%;
}
body.theme-dark .markdown-rendered.cm-table-widget,
body.is-mobile.theme-dark .markdown-rendered.cm-table-widget {
  overflow: auto;
}
body.theme-dark .markdown-rendered pre[class*="language-"],
body.is-mobile.theme-dark .markdown-rendered pre[class*="language-"] {
  overflow-x: scroll;
  white-space: pre;
}
body.theme-dark .markdown-rendered pre[class*="language-"] code,
body.is-mobile.theme-dark .markdown-rendered pre[class*="language-"] code {
  margin: var(--font-ui-smaller) 0;
  overflow: unset;
  white-space: pre;
}
body.theme-dark .markdown-rendered .copy-code-button,
body.is-mobile.theme-dark .markdown-rendered .copy-code-button {
  background-color: var(--background-modifier-hover);
}
body.theme-dark .HyperMD-codeblock:not(.HyperMD-codeblock-begin),
body.is-mobile.theme-dark .HyperMD-codeblock:not(.HyperMD-codeblock-begin) {
  overflow: auto;
  white-space: pre;
}
body.theme-dark .HyperMD-task-line .task-list-item-checkbox[data-task],
body.is-mobile.theme-dark .HyperMD-task-line .task-list-item-checkbox[data-task],
body.theme-dark .markdown-rendered .task-list-item[data-task] input[type="checkbox"],
body.is-mobile.theme-dark .markdown-rendered .task-list-item[data-task] input[type="checkbox"] {
  border-radius: 100%;
}
body.theme-dark .HyperMD-task-line[data-task="x"],
body.is-mobile.theme-dark .HyperMD-task-line[data-task="x"],
body.theme-dark .HyperMD-task-line[data-task="X"],
body.is-mobile.theme-dark .HyperMD-task-line[data-task="X"],
body.theme-dark .markdown-rendered .task-list-item[data-task="x"],
body.is-mobile.theme-dark .markdown-rendered .task-list-item[data-task="x"],
body.theme-dark .markdown-rendered .task-list-item[data-task="X"],
body.is-mobile.theme-dark .markdown-rendered .task-list-item[data-task="X"] {
  text-decoration: none !important;
  color: var(--text-muted) !important;
}
body.theme-dark .HyperMD-task-line .task-list-item-checkbox[data-task="/"]:checked,
body.is-mobile.theme-dark .HyperMD-task-line .task-list-item-checkbox[data-task="/"]:checked,
body.theme-dark .markdown-rendered .task-list-item[data-task="/"] input[type="checkbox"]:checked,
body.is-mobile.theme-dark .markdown-rendered .task-list-item[data-task="/"] input[type="checkbox"]:checked {
  background-color: transparent;
  overflow: hidden;
}
body.theme-dark .HyperMD-task-line .task-list-item-checkbox[data-task="/"]:checked:after,
body.is-mobile.theme-dark .HyperMD-task-line .task-list-item-checkbox[data-task="/"]:checked:after,
body.theme-dark .markdown-rendered .task-list-item[data-task="/"] input[type="checkbox"]:checked:after,
body.is-mobile.theme-dark .markdown-rendered .task-list-item[data-task="/"] input[type="checkbox"]:checked:after {
  -webkit-mask-image: none;
  background-color: var(--checkbox-color);
  width: 50%;
}
body.theme-dark .HyperMD-task-line[data-task="-"],
body.is-mobile.theme-dark .HyperMD-task-line[data-task="-"],
body.theme-dark .markdown-rendered .task-list-item[data-task="-"],
body.is-mobile.theme-dark .markdown-rendered .task-list-item[data-task="-"] {
  text-decoration: line-through;
  text-decoration-color: var(--text-muted);
  color: var(--text-faint);
}
body.theme-dark .HyperMD-task-line .task-list-item-checkbox[data-task="-"]:checked,
body.is-mobile.theme-dark .HyperMD-task-line .task-list-item-checkbox[data-task="-"]:checked,
body.theme-dark .markdown-rendered .task-list-item[data-task="-"] input[type="checkbox"]:checked,
body.is-mobile.theme-dark .markdown-rendered .task-list-item[data-task="-"] input[type="checkbox"]:checked {
  background-color: var(--text-muted);
  -webkit-mask-image: var(--lucide-minus);
  -webkit-mask-size: cover;
}
body.theme-dark .HyperMD-task-line .task-list-item-checkbox[data-task="-"]:checked:after,
body.is-mobile.theme-dark .HyperMD-task-line .task-list-item-checkbox[data-task="-"]:checked:after,
body.theme-dark .markdown-rendered .task-list-item[data-task="-"] input[type="checkbox"]:checked:after,
body.is-mobile.theme-dark .markdown-rendered .task-list-item[data-task="-"] input[type="checkbox"]:checked:after {
  background: transparent;
}
body.theme-dark #calendar-container .arrow,
body.is-mobile.theme-dark #calendar-container .arrow {
  padding: var(--size-2-2) var(--size-2-3);
  border-radius: var(--clickable-icon-radius);
}
body.theme-dark #calendar-container .reset-button,
body.is-mobile.theme-dark #calendar-container .reset-button {
  margin: auto 0;
  padding: var(--size-2-2) var(--size-2-3) var(--size-2-1) var(--size-2-3);
}
@media (hover: hover) {
  body.theme-dark #calendar-container .arrow:hover,
  body.is-mobile.theme-dark #calendar-container .arrow:hover,
  body.theme-dark #calendar-container .reset-button:hover,
  body.is-mobile.theme-dark #calendar-container .reset-button:hover {
    opacity: var(--icon-opacity-hover);
    color: var(--icon-color-hover);
    background-color: var(--background-modifier-hover);
  }
}
body.theme-dark #calendar-container .day.adjacent-month,
body.is-mobile.theme-dark #calendar-container .day.adjacent-month {
  opacity: 1;
  color: var(--text-faint);
}
body.theme-dark #calendar-container .day.has-note.active .dot.filled,
body.is-mobile.theme-dark #calendar-container .day.has-note.active .dot.filled {
  fill: var(--text-on-accent);
}
body.theme-dark [data-type="full-calendar-view"] .workspace-tab-header-inner-icon svg,
body.is-mobile.theme-dark [data-type="full-calendar-view"] .workspace-tab-header-inner-icon svg {
  -webkit-mask-size: cover;
  -webkit-mask-image: var(--lucide-calendar-days);
  background-color: var(--icon-color);
  color: transparent;
  width: 1em;
  height: 1em;
}
body.theme-dark .fc,
body.is-mobile.theme-dark .fc {
  --fc-now-indicator-color: var(--color-accent);
  --fc-small-font-size: var(--font-ui-small);
  --fc-border-color: var(--interactive-normal);
  --fc-button-bg-color: var(--color-base-20);
  --fc-button-border-color: transparent;
  --fc-neutral-bg-color: var(--color-base-20);
}
body.theme-dark .fc table,
body.is-mobile.theme-dark .fc table {
  font-size: var(--font-ui-small);
}
body.theme-dark .fc .fc-scrollgrid,
body.is-mobile.theme-dark .fc .fc-scrollgrid {
  border-radius: var(--radius-s);
}
body.theme-dark .fc .fc-toolbar-title,
body.is-mobile.theme-dark .fc .fc-toolbar-title {
  font-size: var(--font-ui-large);
}
body.theme-dark .fc .fc-col-header-cell-cushion,
body.is-mobile.theme-dark .fc .fc-col-header-cell-cushion {
  text-decoration: none;
  padding: var(--size-2-3) var(--size-4-1);
}
body.theme-dark .fc .fc-list-day-text,
body.is-mobile.theme-dark .fc .fc-list-day-text,
body.theme-dark .fc .fc-list-day-side-text,
body.is-mobile.theme-dark .fc .fc-list-day-side-text,
body.theme-dark .fc .fc-daygrid-day-number,
body.is-mobile.theme-dark .fc .fc-daygrid-day-number {
  text-decoration: none;
}
body.theme-dark .fc .fc-daygrid-day-frame,
body.is-mobile.theme-dark .fc .fc-daygrid-day-frame {
  padding: var(--size-2-1);
}
body.theme-dark .fc .fc-button,
body.is-mobile.theme-dark .fc .fc-button {
  text-transform: capitalize;
  font-size: var(--font-ui-medium);
  padding: var(--size-4-1) var(--size-4-3);
}
body.theme-dark .fc .fc-button:disabled,
body.is-mobile.theme-dark .fc .fc-button:disabled {
  opacity: 1;
  color: var(--text-muted);
}
body.theme-dark .fc .fc-button-primary:focus,
body.is-mobile.theme-dark .fc .fc-button-primary:focus,
body.theme-dark .fc .fc-button-primary:active,
body.is-mobile.theme-dark .fc .fc-button-primary:active {
  color: var(--text-on-accent) !important;
  box-shadow: 0 0 0 0.2rem var(--color-accent);
}
body.theme-dark .fc .fc-button-primary:not(.fc-button-active),
body.is-mobile.theme-dark .fc .fc-button-primary:not(.fc-button-active) {
  box-shadow: var(--input-shadow);
  --input-shadow: inset 0 0.5px 0.75px 0.5px rgba(255, 255, 255, 0.09),
          0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 1.5px 0 rgba(0, 0, 0, 0.1),
          0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 transparent;
}
body.theme-dark .fc .fc-button-primary:not(:disabled):is(.fc-button-active, :active):focus,
body.is-mobile.theme-dark .fc .fc-button-primary:not(:disabled):is(.fc-button-active, :active):focus {
  box-shadow: none;
}
body.theme-dark [class="modal"] .modal-content > form select#calendar,
body.is-mobile.theme-dark [class="modal"] .modal-content > form select#calendar {
  padding: 0 0.8em;
}
body.theme-dark [class="modal"] .modal-content > form label:is([for="allDay"], [for="recurring"]),
body.is-mobile.theme-dark [class="modal"] .modal-content > form label:is([for="allDay"], [for="recurring"]) {
  margin-right: 3px;
}
body.theme-dark [class="modal"] .modal-content > form :is(#allDay, #recurring)[type="checkbox"],
body.is-mobile.theme-dark [class="modal"] .modal-content > form :is(#allDay, #recurring)[type="checkbox"] {
  border-radius: 100%;
  top: 1.5px;
}
body.theme-dark [class="modal"] .modal-content > form :is(#date, #startDate, #endDate)[type="date"],
body.is-mobile.theme-dark [class="modal"] .modal-content > form :is(#date, #startDate, #endDate)[type="date"],
body.theme-dark [class="modal"] .modal-content > form :is(#startTime, #endTime)[type="time"],
body.is-mobile.theme-dark [class="modal"] .modal-content > form :is(#startTime, #endTime)[type="time"] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-family: inherit;
  font-size: var(--font-ui-small);
  font-weight: var(--input-font-weight);
  line-height: var(--line-height-tight);
  height: var(--input-height);
  max-width: 100%;
  padding: 0 0.8em;
  margin: 0.4em 0;
  background-color: var(--interactive-normal);
  box-shadow: var(--input-shadow);
  color: var(--text-normal);
  border-radius: var(--input-radius);
  border: 0;
}
body.theme-dark [class="modal"] .modal-content > form :is(#startTime, #endTime)[type="time"],
body.is-mobile.theme-dark [class="modal"] .modal-content > form :is(#startTime, #endTime)[type="time"] {
  width: 9em;
}
body.theme-dark [class="modal"] .modal-content > form :is(#date, #startDate, #endDate)[type="date"],
body.is-mobile.theme-dark [class="modal"] .modal-content > form :is(#date, #startDate, #endDate)[type="date"] {
  width: 9.6em;
}
body.theme-dark [class="modal"] .modal-content > form :is(#startDate, #endDate)[type="date"],
body.is-mobile.theme-dark [class="modal"] .modal-content > form :is(#startDate, #endDate)[type="date"],
body.theme-dark [class="modal"] .modal-content > form :is(#date[type="date"]):not(:first-child),
body.is-mobile.theme-dark [class="modal"] .modal-content > form :is(#date[type="date"]):not(:first-child),
body.theme-dark [class="modal"] .modal-content > form :is(#startTime, #endTime)[type="time"]:not(:first-child),
body.is-mobile.theme-dark [class="modal"] .modal-content > form :is(#startTime, #endTime)[type="time"]:not(:first-child) {
  margin-inline-start: 0.6em;
}
body.theme-dark [class="modal"] .modal-content > form :is(#date, #startDate, #endDate)[type="date"]:not(:last-child),
body.is-mobile.theme-dark [class="modal"] .modal-content > form :is(#date, #startDate, #endDate)[type="date"]:not(:last-child),
body.theme-dark [class="modal"] .modal-content > form :is(#startTime, #endTime)[type="time"]:not(:last-child),
body.is-mobile.theme-dark [class="modal"] .modal-content > form :is(#startTime, #endTime)[type="time"]:not(:last-child) {
  margin-inline-end: 0.6em;
}
body.theme-dark [class="modal"] .modal-content > form > div > button[style^="margin-left: 0.25rem;"]:first-child,
body.is-mobile.theme-dark [class="modal"] .modal-content > form > div > button[style^="margin-left: 0.25rem;"]:first-child {
  margin-left: 0 !important;
}
body.theme-dark .is-mobile [class="modal"] .modal-content > div:first-child > p[style="float: right;"],
body.is-mobile.theme-dark .is-mobile [class="modal"] .modal-content > div:first-child > p[style="float: right;"] {
  float: unset !important;
  margin-bottom: 0;
}
body.theme-dark .is-mobile [class="modal"] .modal-close-button,
body.is-mobile.theme-dark .is-mobile [class="modal"] .modal-close-button {
  z-index: 999;
}
.dictionary-view-content.view-content {
  padding-top: 0;
}
.dictionary-view-content .nav-buttons-container {
  padding: var(--size-4-2) var(--size-4-2) var(--size-4-3) var(--size-4-2);
}
.dictionary-view-content .nav-action-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--size-2-2) var(--size-2-3);
  border-radius: var(--clickable-icon-radius);
  color: var(--icon-color);
  opacity: var(--icon-opacity);
  transition: opacity 0.15s ease-in-out;
}
@media (hover: hover) {
  .dictionary-view-content .nav-action-button:hover {
    opacity: var(--icon-opacity-hover);
    color: var(--icon-color-hover);
    background-color: var(--background-modifier-hover);
  }
}
.sls-setting .op-warn-info {
  padding: var(--size-4-3);
  border: 1px solid var(--color-accent);
  border-radius: var(--radius-s);
}
.sls-setting .op-warn-info:before {
  color: var(--color-accent);
  margin-bottom: var(--size-4-1);
}
.sls-setting .sls-btn-right,
.sls-setting .sls-btn-left {
  padding: var(--size-4-1) var(--size-4-3);
}
.modal-content > .op-scrollable.op-pre br {
  content: "";
  display: block;
  height: 0.4em;
}