1837 lines
59 KiB
CSS
1837 lines
59 KiB
CSS
/* @settings
|
|
|
|
name: Encore
|
|
id: encore-settings
|
|
settings:
|
|
-
|
|
id: theme-dark
|
|
title: Theme • Dark Mode
|
|
description: Theme used in dark mode
|
|
type: class-select
|
|
allowEmpty: false
|
|
default: encore-theme-dark
|
|
options:
|
|
-
|
|
label: Cobalt
|
|
value: encore-theme-dark
|
|
-
|
|
label: Mercury
|
|
value: encore-theme-dark-mercury
|
|
-
|
|
label: Iron
|
|
value: encore-theme-dark-iron
|
|
-
|
|
label: Carbon
|
|
value: encore-theme-dark-carbon
|
|
-
|
|
label: Blackout
|
|
value: encore-theme-dark-blackout
|
|
-
|
|
label: Obsidian
|
|
value: encore-theme-dark-obsidian
|
|
-
|
|
label: Atom (One Dark)
|
|
value: encore-theme-dark-atom
|
|
-
|
|
label: RGB
|
|
value: encore-theme-dark-rgb
|
|
-
|
|
id: theme-light
|
|
title: Theme • Light Mode
|
|
description: Theme used in light mode
|
|
type: class-select
|
|
allowEmpty: false
|
|
default: encore-theme-light
|
|
options:
|
|
-
|
|
label: Sterling
|
|
value: encore-theme-light
|
|
-
|
|
label: Atom (One Light)
|
|
value: encore-theme-light-atom
|
|
|
|
|
|
#########################################################
|
|
# Colours
|
|
|
|
-
|
|
id: colours
|
|
title: Colours
|
|
type: heading
|
|
level: 1
|
|
collapsed: false
|
|
|
|
|
|
-
|
|
id: italic-colour
|
|
title: Italic Colour
|
|
type: class-select
|
|
allowEmpty: false
|
|
default: encore-italic-default
|
|
options:
|
|
-
|
|
label: Set by theme
|
|
value: encore-italic-default
|
|
-
|
|
label: Neutral
|
|
value: encore-italic-neutral
|
|
-
|
|
label: Accent
|
|
value: encore-italic-accent
|
|
-
|
|
label: Custom
|
|
value: encore-italic-custom
|
|
-
|
|
id: bold-colour
|
|
title: Bold Colour
|
|
type: class-select
|
|
allowEmpty: false
|
|
default: encore-bold-default
|
|
options:
|
|
-
|
|
label: Set by theme
|
|
value: encore-bold-default
|
|
-
|
|
label: Neutral
|
|
value: encore-bold-neutral
|
|
-
|
|
label: Accent
|
|
value: encore-bold-accent
|
|
-
|
|
label: Custom
|
|
value: encore-bold-custom
|
|
-
|
|
id: title-colour
|
|
title: Note Title Colour
|
|
type: class-select
|
|
allowEmpty: false
|
|
default: encore-title-default
|
|
options:
|
|
-
|
|
label: Set by theme
|
|
value: encore-title-default
|
|
-
|
|
label: Neutral
|
|
value: encore-title-neutral
|
|
-
|
|
label: Accent
|
|
value: encore-title-accent
|
|
-
|
|
label: Custom
|
|
value: encore-title-custom
|
|
|
|
|
|
#########################################################
|
|
# Header Colours
|
|
|
|
-
|
|
id: header-colours
|
|
title: Headers
|
|
type: heading
|
|
level: 2
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
id: h1-colour
|
|
title: Header One Colour
|
|
type: class-select
|
|
allowEmpty: false
|
|
default: encore-h1-default
|
|
options:
|
|
-
|
|
label: Set by theme
|
|
value: encore-h1-default
|
|
-
|
|
label: Neutral
|
|
value: encore-h1-neutral
|
|
-
|
|
label: Accent
|
|
value: encore-h1-accent
|
|
-
|
|
label: Custom
|
|
value: encore-h1-custom
|
|
-
|
|
id: h2-colour
|
|
title: Header Two Colour
|
|
type: class-select
|
|
allowEmpty: false
|
|
default: encore-h2-default
|
|
options:
|
|
-
|
|
label: Set by theme
|
|
value: encore-h2-default
|
|
-
|
|
label: Neutral
|
|
value: encore-h2-neutral
|
|
-
|
|
label: Accent
|
|
value: encore-h2-accent
|
|
-
|
|
label: Custom
|
|
value: encore-h2-custom
|
|
-
|
|
id: h3-colour
|
|
title: Header Three Colour
|
|
type: class-select
|
|
allowEmpty: false
|
|
default: encore-h3-default
|
|
options:
|
|
-
|
|
label: Set by theme
|
|
value: encore-h3-default
|
|
-
|
|
label: Neutral
|
|
value: encore-h3-neutral
|
|
-
|
|
label: Accent
|
|
value: encore-h3-accent
|
|
-
|
|
label: Custom
|
|
value: encore-h3-custom
|
|
-
|
|
id: h4-colour
|
|
title: Header Four Colour
|
|
type: class-select
|
|
allowEmpty: false
|
|
default: encore-h4-default
|
|
options:
|
|
-
|
|
label: Set by theme
|
|
value: encore-h4-default
|
|
-
|
|
label: Neutral
|
|
value: encore-h4-neutral
|
|
-
|
|
label: Accent
|
|
value: encore-h4-accent
|
|
-
|
|
label: Custom
|
|
value: encore-h4-custom
|
|
-
|
|
id: h5-colour
|
|
title: Header Five Colour
|
|
type: class-select
|
|
allowEmpty: false
|
|
default: encore-h5-default
|
|
options:
|
|
-
|
|
label: Set by theme
|
|
value: encore-h5-default
|
|
-
|
|
label: Neutral
|
|
value: encore-h5-neutral
|
|
-
|
|
label: Accent
|
|
value: encore-h5-accent
|
|
-
|
|
label: Custom
|
|
value: encore-h5-custom
|
|
-
|
|
id: h6-colour
|
|
title: Header Six Colour
|
|
type: class-select
|
|
allowEmpty: false
|
|
default: encore-h6-default
|
|
options:
|
|
-
|
|
label: Set by theme
|
|
value: encore-h6-default
|
|
-
|
|
label: Neutral
|
|
value: encore-h6-neutral
|
|
-
|
|
label: Accent
|
|
value: encore-h6-accent
|
|
-
|
|
label: Custom
|
|
value: encore-h6-custom
|
|
|
|
|
|
#########################################################
|
|
# Custom Colours
|
|
|
|
-
|
|
id: custom-colours
|
|
title: Custom Colours
|
|
type: heading
|
|
level: 1
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
id: encore-custom-italic
|
|
title: Italic Text
|
|
type: variable-themed-color
|
|
opacity: false
|
|
format: hex
|
|
default-light: '#000000'
|
|
default-dark: '#ffffff'
|
|
-
|
|
id: encore-custom-bold
|
|
title: Bold Text
|
|
type: variable-themed-color
|
|
opacity: false
|
|
format: hex
|
|
default-light: '#000000'
|
|
default-dark: '#ffffff'
|
|
-
|
|
id: encore-custom-title
|
|
title: Note Title
|
|
type: variable-themed-color
|
|
opacity: false
|
|
format: hex
|
|
default-light: '#000000'
|
|
default-dark: '#ffffff'
|
|
|
|
-
|
|
id: encore-custom-h1
|
|
title: Header One
|
|
type: variable-themed-color
|
|
opacity: false
|
|
format: hex
|
|
default-light: '#000000'
|
|
default-dark: '#ffffff'
|
|
-
|
|
id: encore-custom-h2
|
|
title: Header Two
|
|
type: variable-themed-color
|
|
opacity: false
|
|
format: hex
|
|
default-light: '#000000'
|
|
default-dark: '#ffffff'
|
|
-
|
|
id: encore-custom-h3
|
|
title: Header Three
|
|
type: variable-themed-color
|
|
opacity: false
|
|
format: hex
|
|
default-light: '#000000'
|
|
default-dark: '#ffffff'
|
|
-
|
|
id: encore-custom-h4
|
|
title: Header Four
|
|
type: variable-themed-color
|
|
opacity: false
|
|
format: hex
|
|
default-light: '#000000'
|
|
default-dark: '#ffffff'
|
|
-
|
|
id: encore-custom-h5
|
|
title: Header Five
|
|
type: variable-themed-color
|
|
opacity: false
|
|
format: hex
|
|
default-light: '#000000'
|
|
default-dark: '#ffffff'
|
|
-
|
|
id: encore-custom-h6
|
|
title: Header Six
|
|
type: variable-themed-color
|
|
opacity: false
|
|
format: hex
|
|
default-light: '#000000'
|
|
default-dark: '#ffffff'
|
|
|
|
|
|
|
|
#########################################################
|
|
# Extras
|
|
|
|
|
|
-
|
|
id: extras
|
|
title: Extras
|
|
type: heading
|
|
level: 1
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
id: encore-coloured-tooltip
|
|
title: Coloured Tooltip
|
|
description: Make tooltips stand out much more by applying your theme colour to the border
|
|
type: class-toggle
|
|
-
|
|
id: blur-amount
|
|
title: Blur Amount
|
|
description: Lowering the blur amount helps increase performance
|
|
type: class-select
|
|
allowEmpty: false
|
|
default: encore-blur-full
|
|
options:
|
|
-
|
|
label: Full
|
|
value: encore-blur-full
|
|
-
|
|
label: Less
|
|
value: encore-blur-less
|
|
-
|
|
label: Off
|
|
value: encore-blur-off
|
|
|
|
|
|
|
|
#########################################################
|
|
# Feature Toggles
|
|
|
|
|
|
-
|
|
id: feature-toggles
|
|
title: Feature Toggles
|
|
type: heading
|
|
level: 1
|
|
collapsed: true
|
|
-
|
|
id: encore-disable-fancy-headers
|
|
title: Disable Fancy Headers
|
|
description: Encore changes headers to overlap main content for a nice blur effect. Disable this if you see issues
|
|
type: class-toggle
|
|
-
|
|
id: encore-disable-clickability-fix
|
|
title: Disable Clickability Fix
|
|
description: Encore makes it easier to click the edge of a document by adding some invisible padding. May cause issues if you have content that exceeds the width of your page. No effect on mobile version.
|
|
type: class-toggle
|
|
-
|
|
id: encore-no-calendar
|
|
title: Disable Calendar Integration
|
|
description: Encore makes some changes to Calendar. Turn this on to keep the default look
|
|
type: class-toggle
|
|
-
|
|
id: encore-no-excalidraw
|
|
title: Disable Excalidraw Integration
|
|
description: Encore makes some changes to Excalidraw to integrate it better with Obsidian. Turn this on to revert to Excalidraw's default theme
|
|
type: class-toggle
|
|
-
|
|
id: encore-no-makemd
|
|
title: Disable MAKE.md Integration
|
|
description: Encore makes some changes to MAKE.md to enhance its look and feel. Turn this on to disable
|
|
type: class-toggle
|
|
*/
|
|
|
|
@charset "UTF-8";
|
|
.view-content,
|
|
.view-header,
|
|
.workspace,
|
|
.workspace-ribbon,
|
|
.workspace-ribbon.mod-left.is-collapsed,
|
|
.workspace-split.mod-root,
|
|
.workspace-tabs,
|
|
.workspace-tab-header.is-active,
|
|
.workspace-tab-header-container,
|
|
.workspace-tabs .workspace-leaf,
|
|
.mod-root .workspace-tabs:not(.mod-top) .workspace-tab-header-container,
|
|
.mod-root .workspace-tabs .workspace-leaf,
|
|
.mod-right-split,
|
|
.mod-left-split,
|
|
.workspace-split.mod-root .view-content,
|
|
.mod-root .workspace-split.mod-horizontal > div:not(:first-of-type),
|
|
.is-focused .workspace-leaf.mod-active .view-header,
|
|
.sidebar-toggle-button {
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.titlebar {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.workspace-ribbon.mod-left:before {
|
|
content: none;
|
|
}
|
|
|
|
.workspace-tab-header-container {
|
|
border: none;
|
|
}
|
|
|
|
.is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.workspace-tab-header::before, .workspace-tab-header::after {
|
|
display: none;
|
|
}
|
|
|
|
.mod-root .workspace-tab-header-container-inner {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.workspace .mod-root .workspace-tab-header {
|
|
padding: 0;
|
|
}
|
|
|
|
.view-header-title-container:not(.mod-at-end):after {
|
|
display: none;
|
|
}
|
|
|
|
.workspace-split:not(.mod-root) .graph-controls.is-close {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
|
|
body {
|
|
background-color: black;
|
|
}
|
|
|
|
body {
|
|
--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");
|
|
}
|
|
|
|
: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);
|
|
}
|
|
|
|
:is(.mod-linux, .mod-windows) .titlebar-button:not(.mod-logo) {
|
|
padding: 0 var(--size-4-3);
|
|
}
|
|
|
|
:is(.mod-linux, .mod-windows) .titlebar-button.mod-minimize svg {
|
|
-webkit-mask-image: var(--lucide-minus);
|
|
}
|
|
|
|
:is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize svg {
|
|
-webkit-mask-image: var(--lucide-maximize);
|
|
}
|
|
|
|
:is(.mod-linux, .mod-windows) .titlebar-button.mod-close svg {
|
|
-webkit-mask-image: var(--lucide-x);
|
|
}
|
|
|
|
.workspace-leaf-resize-handle {
|
|
background-color: transparent;
|
|
border: none !important;
|
|
overflow: visible;
|
|
}
|
|
|
|
.workspace-leaf-resize-handle {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: transparent !important;
|
|
min-width: 8px;
|
|
min-height: 8px;
|
|
}
|
|
|
|
.workspace-leaf-resize-handle::after {
|
|
content: "";
|
|
position: absolute;
|
|
border-radius: 3px;
|
|
width: 50%;
|
|
height: 50%;
|
|
transition: background-color 150ms ease-out;
|
|
}
|
|
|
|
.workspace-leaf-resize-handle:hover::after {
|
|
background-color: var(--interactive-accent) !important;
|
|
}
|
|
|
|
.workspace-split.mod-vertical.mod-root .workspace-leaf-resize-handle {
|
|
right: -6px;
|
|
}
|
|
|
|
.workspace-split.mod-vertical > .workspace-leaf-resize-handle,
|
|
.mod-root .workspace-split.mod-horizontal :not(.mod-vertical) .workspace-leaf-resize-handle {
|
|
bottom: -6px;
|
|
}
|
|
|
|
.workspace-tabs {
|
|
overflow: visible;
|
|
}
|
|
|
|
body {
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity));
|
|
}
|
|
body.is-translucent:not(.is-fullscreen) {
|
|
--en-opacity: 0.5;
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity)) !important;
|
|
}
|
|
|
|
body.theme-light {
|
|
background-color: rgba(var(--grey-600-rgb), var(--en-opacity));
|
|
}
|
|
body.theme-light.is-translucent:not(.is-fullscreen) {
|
|
--en-opacity: 0.2;
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity)) !important;
|
|
}
|
|
|
|
.mod-root .workspace-tab-container .workspace-leaf-content {
|
|
--en-opacity: 1;
|
|
background-color: rgba(var(--grey-800-rgb), var(--en-opacity));
|
|
border-radius: var(--tab-radius);
|
|
}
|
|
.mod-root .workspace-tab-container .workspace-leaf-content .canvas-wrapper .canvas-background {
|
|
background-color: rgba(var(--grey-800-rgb), var(--en-opacity));
|
|
}
|
|
|
|
body.theme-light .mod-root .workspace-tab-container .workspace-leaf-content {
|
|
--en-opacity: 1;
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity));
|
|
border-radius: var(--tab-radius);
|
|
}
|
|
body.theme-light .mod-root .workspace-tab-container .workspace-leaf-content .canvas-wrapper .canvas-background {
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity));
|
|
}
|
|
|
|
body.theme-light .mod-root:not(.encore-disable-fancy-headers) .workspace-tab-container .workspace-leaf-content > .view-header {
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity));
|
|
}
|
|
|
|
body:not(.encore-disable-fancy-headers) .workspace-tab-container .workspace-leaf-content {
|
|
position: relative;
|
|
}
|
|
body:not(.encore-disable-fancy-headers) .workspace-tab-container .workspace-leaf-content > .view-header {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
--en-opacity: var(--en-acrylic-opacity);
|
|
background-color: rgba(var(--grey-800-rgb), var(--en-opacity));
|
|
backdrop-filter: var(--en-acrylic);
|
|
}
|
|
body:not(.encore-disable-fancy-headers) .workspace-tab-container .workspace-leaf-content > .view-content .cm-scroller {
|
|
padding-top: calc(var(--header-height) + 32px);
|
|
}
|
|
body:not(.encore-disable-fancy-headers) .workspace-tab-container .workspace-leaf-content > .view-content > iframe {
|
|
padding-top: var(--header-height);
|
|
}
|
|
body:not(.encore-disable-fancy-headers) .workspace-tab-container .workspace-leaf-content .markdown-reading-view > .markdown-preview-view {
|
|
padding-top: var(--header-height);
|
|
}
|
|
body:not(.encore-disable-fancy-headers) .workspace-tab-container .workspace-leaf-content .graph-controls {
|
|
margin-top: var(--header-height);
|
|
background-color: rgba(var(--grey-700-rgb), var(--en-opacity));
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
body:not(.encore-disable-fancy-headers) .workspace-tab-container .workspace-leaf-content .canvas-wrapper .canvas-controls {
|
|
margin-top: var(--header-height);
|
|
}
|
|
body:not(.encore-disable-fancy-headers) .workspace-tab-container .workspace-leaf-content .canvas-wrapper .markdown-preview-view {
|
|
padding-top: 0;
|
|
}
|
|
body:not(.encore-disable-fancy-headers) .workspace-tab-container .workspace-leaf-content[data-type=image] > .view-content {
|
|
padding-top: var(--header-height);
|
|
}
|
|
body:not(.encore-disable-fancy-headers) .workspace-tab-container .workspace-leaf-content[data-type=style-settings] > .view-content {
|
|
padding-top: var(--header-height);
|
|
}
|
|
|
|
.is-translucent:not(.is-fullscreen) .mod-root .workspace-leaf {
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
|
|
border-radius: var(--tab-radius);
|
|
}
|
|
.is-translucent:not(.is-fullscreen) .mod-root .workspace-tab-container {
|
|
overflow: visible;
|
|
}
|
|
|
|
.workspace-split.mod-vertical {
|
|
gap: 4px;
|
|
}
|
|
|
|
.mod-root .workspace-tabs .workspace-tab-header-container-inner {
|
|
gap: 4px;
|
|
padding: 4px 0;
|
|
}
|
|
|
|
.mod-root .workspace-tab-header.is-active .workspace-tab-header-inner {
|
|
--en-opacity: 1;
|
|
background-color: rgba(var(--grey-700-rgb), var(--en-opacity));
|
|
}
|
|
|
|
body.theme-light .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner {
|
|
--en-opacity: 1;
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity));
|
|
}
|
|
|
|
.is-translucent:not(.is-fullscreen) .workspace-tab-header-container-inner {
|
|
overflow: visible;
|
|
}
|
|
.is-translucent:not(.is-fullscreen) .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner {
|
|
--en-opacity: 0.66;
|
|
background-color: rgba(var(--grey-600-rgb), var(--en-opacity));
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.mod-root .workspace-tab-header-inner {
|
|
padding-left: 12px;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
.workspace .mod-root .workspace-tab-header-inner::after {
|
|
content: none;
|
|
}
|
|
|
|
.workspace-tab-header-new-tab {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container,
|
|
.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container {
|
|
margin: 4px;
|
|
margin-top: 0;
|
|
padding: 0;
|
|
height: calc(var(--header-height) - 8px);
|
|
border-radius: var(--tab-radius);
|
|
background-color: rgba(var(--grey-800-rgb), var(--en-opacity));
|
|
justify-content: space-around;
|
|
}
|
|
.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header-container-inner,
|
|
.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header-container-inner {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header-container-inner,
|
|
.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header-container-inner {
|
|
flex-grow: 1;
|
|
justify-content: space-evenly;
|
|
}
|
|
.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header,
|
|
.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header {
|
|
flex-grow: 1;
|
|
border-radius: var(--tab-radius);
|
|
}
|
|
.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active,
|
|
.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active {
|
|
background-color: rgba(var(--grey-700-rgb), var(--en-opacity));
|
|
}
|
|
.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header-spacer,
|
|
.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header-spacer {
|
|
display: none;
|
|
}
|
|
|
|
.is-translucent:not(.is-fullscreen) .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container,
|
|
.is-translucent:not(.is-fullscreen) .mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container {
|
|
--en-opacity: 0.66;
|
|
background-color: rgba(var(--grey-700-rgb), var(--en-opacity)) !important;
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.is-translucent:not(.is-fullscreen) .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header.is-active,
|
|
.is-translucent:not(.is-fullscreen) .mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header.is-active {
|
|
background-color: rgba(var(--grey-600-rgb), var(--en-opacity));
|
|
}
|
|
|
|
.workspace-leaf-content .view-content {
|
|
padding: var(--size-4-3);
|
|
}
|
|
|
|
.markdown-source-view .cm-sizer > .inline-title {
|
|
font-size: 3rem;
|
|
line-height: 3rem;
|
|
}
|
|
.markdown-source-view .cm-sizer .cm-header-1 {
|
|
line-height: 4rem;
|
|
}
|
|
.markdown-source-view .cm-sizer .cm-header-2 {
|
|
line-height: 3.5rem;
|
|
}
|
|
.markdown-source-view .cm-sizer .cm-header-3 {
|
|
line-height: 3.25rem;
|
|
}
|
|
.markdown-source-view .cm-sizer .cm-header-4 {
|
|
line-height: 3rem;
|
|
}
|
|
.markdown-source-view .cm-sizer .cm-header-5 {
|
|
line-height: 2.5rem;
|
|
}
|
|
.markdown-source-view .cm-sizer .cm-header-6 {
|
|
line-height: 2.5rem;
|
|
}
|
|
.markdown-source-view .cm-sizer .cm-line {
|
|
line-height: 1.75rem;
|
|
}
|
|
.markdown-source-view .cm-sizer .HyperMD-codeblock-begin-bg {
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
}
|
|
.markdown-source-view .cm-sizer .HyperMD-codeblock-end-bg {
|
|
border-bottom-left-radius: 8px;
|
|
border-bottom-right-radius: 8px;
|
|
}
|
|
|
|
body.is-mobile .workspace-drawer {
|
|
background: none;
|
|
}
|
|
body.is-mobile .workspace-drawer-inner {
|
|
background-color: var(--background-secondary);
|
|
margin: 8px;
|
|
border-radius: 8px;
|
|
}
|
|
body.is-mobile .workspace-drawer-backdrop {
|
|
backdrop-filter: brightness(0.3);
|
|
background: none;
|
|
}
|
|
body.is-mobile .workspace-drawer-active-tab-header {
|
|
background-color: var(--background-secondary-alt);
|
|
border-radius: 4px;
|
|
margin: 0 8px;
|
|
}
|
|
body.is-mobile .workspace-drawer-tab-option-item {
|
|
background-color: var(--background-secondary-alt);
|
|
border-radius: 4px;
|
|
margin: 8px;
|
|
padding: var(--size-4-3);
|
|
}
|
|
body.is-mobile .workspace-drawer-header {
|
|
padding: 12px 12px 0;
|
|
}
|
|
|
|
body:not(.encore-no-calendar) #calendar-container {
|
|
--calendar-icon: url("data:image/svg+xml,%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");
|
|
--arrow-left: url("data:image/svg+xml,%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%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
|
|
padding: unset;
|
|
}
|
|
body:not(.encore-no-calendar) #calendar-container .reset-button {
|
|
-webkit-mask-image: var(--calendar-icon);
|
|
-webkit-mask-position: center;
|
|
-webkit-mask-repeat: no-repeat;
|
|
-webkit-mask-size: 18px;
|
|
background-color: var(--text-muted);
|
|
color: transparent;
|
|
width: 24px;
|
|
}
|
|
body:not(.encore-no-calendar) #calendar-container .arrow {
|
|
-webkit-mask-image: var(--arrow-left);
|
|
-webkit-mask-position: center;
|
|
-webkit-mask-repeat: no-repeat;
|
|
-webkit-mask-size: 18px;
|
|
}
|
|
body:not(.encore-no-calendar) #calendar-container table {
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
table-layout: fixed;
|
|
border-width: 0;
|
|
}
|
|
body:not(.encore-no-calendar) #calendar-container thead {
|
|
height: 32px;
|
|
background-color: var(--background-primary);
|
|
}
|
|
body:not(.encore-no-calendar) #calendar-container tr {
|
|
height: 32px;
|
|
}
|
|
body:not(.encore-no-calendar) #calendar-container td {
|
|
height: 32px;
|
|
padding: unset;
|
|
}
|
|
body:not(.encore-no-calendar) #calendar-container td > * {
|
|
border-radius: 0;
|
|
}
|
|
body:not(.encore-no-calendar) #calendar-container td:hover > .day {
|
|
background-color: var(--background-modifier-active-hover) !important;
|
|
}
|
|
body:not(.encore-no-calendar) #calendar-container td.svelte-egt0yd {
|
|
border-right: unset;
|
|
background-color: var(--background-primary);
|
|
}
|
|
body:not(.encore-no-calendar) #calendar-container .day {
|
|
background-color: var(--background-primary);
|
|
}
|
|
body:not(.encore-no-calendar) #calendar-container .day.has-note {
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
body:not(.encore-no-calendar) #calendar-container .day.today {
|
|
color: var(--color-accent) !important;
|
|
}
|
|
body:not(.encore-no-calendar) #calendar-container .day.active {
|
|
background-color: var(--background-modifier-active-hover);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
body:not(.encore-no-excalidraw) .workspace-leaf-content[data-type=excalidraw] {
|
|
border-top: none;
|
|
}
|
|
body:not(.encore-no-excalidraw) .workspace-leaf-content[data-type=excalidraw] .view-content.excalidraw-view {
|
|
padding: 0;
|
|
}
|
|
body:not(.encore-no-excalidraw) .workspace-leaf-content[data-type=excalidraw] .view-header {
|
|
z-index: 10;
|
|
background-color: rgba(255, 255, 255, 0.5) !important;
|
|
}
|
|
body:not(.encore-no-excalidraw).theme-dark .workspace-leaf-content[data-type=excalidraw] .view-header {
|
|
background-color: rgba(18, 18, 18, 0.5) !important;
|
|
}
|
|
body:not(.encore-no-excalidraw) .excalidraw-wrapper {
|
|
background-color: transparent;
|
|
}
|
|
body:not(.encore-no-excalidraw) .excalidraw {
|
|
background-color: transparent;
|
|
--help-icon: url("data:image/svg+xml,%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' data-darkreader-inline-stroke='' style='--darkreader-inline-stroke:currentColor;'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'%3E%3C/path%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E");
|
|
--grip-icon: url("data:image/svg+xml,%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' data-darkreader-inline-stroke='' style='--darkreader-inline-stroke:currentColor;'%3E%3Ccircle cx='12' cy='9' r='1'%3E%3C/circle%3E%3Ccircle cx='19' cy='9' r='1'%3E%3C/circle%3E%3Ccircle cx='5' cy='9' r='1'%3E%3C/circle%3E%3Ccircle cx='12' cy='15' r='1'%3E%3C/circle%3E%3Ccircle cx='19' cy='15' r='1'%3E%3C/circle%3E%3Ccircle cx='5' cy='15' r='1'%3E%3C/circle%3E%3C/svg%3E");
|
|
}
|
|
body:not(.encore-no-excalidraw) .excalidraw,
|
|
body:not(.encore-no-excalidraw) .excalidraw.theme--dark {
|
|
--color-primary: var(--color-accent);
|
|
--color-primary-darker: var(--color-accent-1);
|
|
--color-primary-darkest: var(--color-accent-2);
|
|
--border-radius-md: 4px;
|
|
--border-radius-lg: 8px;
|
|
--input-shadow: none;
|
|
--input-shadow-hover: none;
|
|
}
|
|
body:not(.encore-no-excalidraw) .excalidraw .color-picker-label-swatch,
|
|
body:not(.encore-no-excalidraw) .excalidraw.theme--dark .color-picker-label-swatch {
|
|
border: 1px solid var(--color-base-100);
|
|
}
|
|
body:not(.encore-no-excalidraw) .excalidraw .color-picker-hash,
|
|
body:not(.encore-no-excalidraw) .excalidraw.theme--dark .color-picker-hash {
|
|
width: 1rem;
|
|
}
|
|
body:not(.encore-no-excalidraw) .excalidraw .Island > div:first-child > svg,
|
|
body:not(.encore-no-excalidraw) .excalidraw.theme--dark .Island > div:first-child > svg {
|
|
-webkit-mask-image: var(--grip-icon);
|
|
-webkit-mask-position: center;
|
|
-webkit-mask-repeat: no-repeat;
|
|
-webkit-mask-size: unset;
|
|
background-color: var(--button-gray-1);
|
|
}
|
|
body:not(.encore-no-excalidraw).theme-dark .excalidraw.theme--dark {
|
|
--button-gray-1: var(--color-base-30);
|
|
--button-gray-2: var(--color-base-40);
|
|
--button-gray-3: var(--color-base-30);
|
|
--dialog-border-color: var(--color-base-40);
|
|
--default-bg-color: var(--color-base-00);
|
|
--island-bg-color: var(--color-base-25);
|
|
--input-border-color: var(--color-base-30);
|
|
--input-bg-color: var(--color-base-20);
|
|
}
|
|
body:not(.encore-no-excalidraw).theme-light .excalidraw:not(.theme--dark) {
|
|
--button-gray-1: var(--color-base-30);
|
|
--button-gray-2: var(--color-base-40);
|
|
--button-gray-3: var(--color-base-30);
|
|
--dialog-border-color: var(--color-base-40);
|
|
--island-bg-color: var(--color-base-00);
|
|
--input-border-color: var(--color-base-30);
|
|
--input-bg-color: var(--color-base-20);
|
|
}
|
|
body:not(.encore-no-excalidraw) .excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-right .help-icon {
|
|
display: none;
|
|
}
|
|
body:not(.encore-no-excalidraw) .help-icon {
|
|
-webkit-mask-image: var(--help-icon);
|
|
-webkit-mask-position: center;
|
|
-webkit-mask-repeat: no-repeat;
|
|
-webkit-mask-size: 18px;
|
|
background-color: var(--button-gray-1);
|
|
height: 30px;
|
|
}
|
|
body:not(.encore-no-excalidraw) .help-icon:hover {
|
|
background-color: var(--button-gray-2);
|
|
}
|
|
body:not(.encore-no-excalidraw) .help-icon > * {
|
|
display: none;
|
|
}
|
|
body:not(.encore-no-excalidraw) .workspace-leaf-content[data-type=excalidraw] .clickable-icon.view-action[aria-label="Press ESC to exit fullscreen mode"] > svg, body:not(.encore-no-excalidraw) .workspace-leaf-content[data-type=excalidraw] .clickable-icon.view-action[aria-label="Open selected text as link\a(SHIFT+CLICK to open in a new pane)"] > svg, body:not(.encore-no-excalidraw) .workspace-leaf-content[data-type=excalidraw] .clickable-icon.view-action[aria-label="Save (will also update transclusions)"] > svg, body:not(.encore-no-excalidraw) .workspace-leaf-content[data-type=excalidraw] .clickable-icon.view-action[aria-label="Install or update Excalidraw Scripts"] > svg {
|
|
-webkit-mask-image: unset;
|
|
-webkit-mask-position: center;
|
|
-webkit-mask-repeat: no-repeat;
|
|
-webkit-mask-size: 16px;
|
|
background-color: var(--color-base-70);
|
|
border-radius: 0;
|
|
}
|
|
body:not(.encore-no-excalidraw) .workspace-leaf-content[data-type=excalidraw] .clickable-icon.view-action[aria-label="Press ESC to exit fullscreen mode"] > svg {
|
|
-webkit-mask-image: url("data:image/svg+xml,%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' data-darkreader-inline-stroke='' style='--darkreader-inline-stroke:currentColor;'%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cpolyline points='9 21 3 21 3 15'%3E%3C/polyline%3E%3Cline x1='21' y1='3' x2='14' y2='10'%3E%3C/line%3E%3Cline x1='3' y1='21' x2='10' y2='14'%3E%3C/line%3E%3C/svg%3E");
|
|
}
|
|
body:not(.encore-no-excalidraw) .workspace-leaf-content[data-type=excalidraw] .clickable-icon.view-action[aria-label="Open selected text as link\a(SHIFT+CLICK to open in a new pane)"] > svg {
|
|
-webkit-mask-image: url("data:image/svg+xml,%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' data-darkreader-inline-stroke='' style='--darkreader-inline-stroke:currentColor;'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");
|
|
}
|
|
body:not(.encore-no-excalidraw) .workspace-leaf-content[data-type=excalidraw] .clickable-icon.view-action[aria-label="Save (will also update transclusions)"] > svg {
|
|
-webkit-mask-image: url("data:image/svg+xml,%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' data-darkreader-inline-stroke='' style='--darkreader-inline-stroke:currentColor;'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z'%3E%3C/path%3E%3Cpolyline points='17 21 17 13 7 13 7 21'%3E%3C/polyline%3E%3Cpolyline points='7 3 7 8 15 8'%3E%3C/polyline%3E%3C/svg%3E");
|
|
}
|
|
body:not(.encore-no-excalidraw) .workspace-leaf-content[data-type=excalidraw] .clickable-icon.view-action[aria-label="Install or update Excalidraw Scripts"] > svg {
|
|
-webkit-mask-image: url("data:image/svg+xml,%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' data-darkreader-inline-stroke='' style='--darkreader-inline-stroke:currentColor;'%3E%3Cpath d='M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cpath d='m9 18 3-3-3-3'%3E%3C/path%3E%3Cpath d='m5 12-3 3 3 3'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
body:not(.encore-no-excalidraw) .workspace-leaf-content .excalidraw-view {
|
|
padding: unset;
|
|
padding-right: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
body:not(.encore-disable-fancy-headers) .workspace-leaf-content[data-type=excalidraw] .layer-ui__wrapper,
|
|
body:not(.encore-disable-fancy-headers) .workspace-leaf-content[data-type=excalidraw] .App-top-bar,
|
|
body:not(.encore-disable-fancy-headers) .workspace-leaf-content[data-type=excalidraw] .layer-ui__sidebar {
|
|
margin-top: var(--header-height);
|
|
}
|
|
body:not(.encore-disable-fancy-headers) .excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-left,
|
|
body:not(.encore-disable-fancy-headers) .excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-right {
|
|
margin-bottom: var(--header-height);
|
|
}
|
|
|
|
.kanban-plugin .kanban-plugin__lane {
|
|
border: none;
|
|
overflow: hidden;
|
|
background-color: var(--background-secondary);
|
|
}
|
|
.kanban-plugin .kanban-plugin__lane .kanban-plugin__lane-header-wrapper {
|
|
border: none;
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
.kanban-plugin .kanban-plugin__lane .kanban-plugin__item-button-wrapper:nth-child(2) {
|
|
border: none;
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
.kanban-plugin .kanban-plugin__lane .kanban-plugin__item-button-wrapper:nth-child(2) button.kanban-plugin__new-item-button:not(:hover) {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
.kanban-plugin .kanban-plugin__lane .kanban-plugin__item {
|
|
border: none;
|
|
}
|
|
.kanban-plugin .kanban-plugin__lane .kanban-plugin__item:not(:hover) .kanban-plugin__item-postfix-button {
|
|
display: none;
|
|
}
|
|
.kanban-plugin .kanban-plugin__lane .kanban-plugin__item-content-wrapper {
|
|
background-color: var(--background-primary);
|
|
}
|
|
.kanban-plugin .kanban-plugin__lane > :last-child {
|
|
border: none;
|
|
}
|
|
.kanban-plugin .kanban-plugin__lane > :last-child.kanban-plugin__item-button-wrapper {
|
|
padding-top: 0;
|
|
}
|
|
.kanban-plugin .kanban-plugin__lane .kanban-plugin__grow-wrap > textarea, .kanban-plugin .kanban-plugin__lane .kanban-plugin__grow-wrap:after {
|
|
background-color: transparent !important;
|
|
}
|
|
.kanban-plugin .kanban-plugin__lane button.kanban-plugin__new-item-button:not(:hover) {
|
|
background-color: var(--background-secondary-alt);
|
|
box-shadow: unset;
|
|
}
|
|
|
|
.mod-root:not(.encore-disable-fancy-headers) .workspace-tab-container .workspace-leaf-content .projects-container {
|
|
padding-top: var(--header-height);
|
|
}
|
|
.mod-root:not(.encore-disable-fancy-headers) .workspace-tab-container .workspace-leaf-content .projects-container .container {
|
|
background-color: transparent;
|
|
border-bottom: 1px solid rgba(var(--grey-700-rgb), var(--en-opacity));
|
|
}
|
|
|
|
body:not(.encore-no-makemd) .mk-note-header > img {
|
|
height: 380px;
|
|
display: block;
|
|
}
|
|
body:not(.encore-no-makemd) .mk-note-header:after {
|
|
content: "";
|
|
--gradient-color: var(--color-base-20);
|
|
position: absolute;
|
|
inset: 0;
|
|
background-image: linear-gradient(transparent 40%, var(--gradient-color));
|
|
}
|
|
body:not(.encore-no-makemd) .mk-file-context-file {
|
|
text-shadow: 0 0 5px var(--color-base-00);
|
|
}
|
|
|
|
.cm-active.mk-placeholder:before {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
body.theme-dark {
|
|
--grey-900-rgb: 17, 24, 39;
|
|
--grey-800-rgb: 31, 41, 55;
|
|
--grey-700-rgb: 55, 65, 81;
|
|
--grey-600-rgb: 75, 85, 99;
|
|
--grey-500-rgb: 107, 114, 128;
|
|
--grey-400-rgb: 156, 163, 175;
|
|
--grey-300-rgb: 209, 213, 219;
|
|
--grey-200-rgb: 228, 228, 231;
|
|
--grey-100-rgb: 243, 244, 246;
|
|
--grey-50-rgb: 255, 255, 255;
|
|
--color-base-00: rgb(var(--grey-900-rgb));
|
|
--color-base-10: rgb(var(--grey-900-rgb));
|
|
--color-base-20: rgb(var(--grey-800-rgb));
|
|
--color-base-25: rgb(var(--grey-700-rgb));
|
|
--color-base-30: rgb(var(--grey-600-rgb));
|
|
--color-base-35: rgb(var(--grey-500-rgb));
|
|
--color-base-40: rgb(var(--grey-400-rgb));
|
|
--color-base-50: rgb(var(--grey-300-rgb));
|
|
--color-base-60: rgb(var(--grey-300-rgb));
|
|
--color-base-70: rgb(var(--grey-200-rgb));
|
|
--color-base-100: rgb(var(--grey-100-rgb));
|
|
--accent-h: 93;
|
|
--accent-s: 93%;
|
|
--accent-l: 76%;
|
|
--highlight-hue: 37;
|
|
--workspace-background-translucent: rgba(var(--grey-900-rgb), 0.2);
|
|
}
|
|
body.theme-dark .cm-line.hr hr::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 100%;
|
|
--en-opacity: 1;
|
|
background-color: rgba(var(--grey-800-rgb), var(--en-opacity));
|
|
border-radius: 100%;
|
|
margin: 0 46%;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='8' height='8' fill='none' stroke='%23ffffff90' stroke-width='3px' stroke-linecap='round' stroke-linejoin='round' class='logo-wireframe'%3E%3Cpath d='M 30.91 17.52 L 34.43 35.7 M 61.44 14.41 L 62.61 0 M 34.43 35.7 L 37.57 90.47 M 81 26.39 L 61.44 14.41 L 34.43 35.7 L 65.35 100 M 62.61 0 L 30.91 17.52 L 18 45.45 L 37.57 90.47 L 65.35 100 L 70.44 89.8 L 81 26.39 L 62.61 0 Z'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
body.theme-light {
|
|
--grey-50-rgb: 17, 24, 39;
|
|
--grey-100-rgb: 31, 41, 55;
|
|
--grey-200-rgb: 55, 65, 81;
|
|
--grey-300-rgb: 75, 85, 99;
|
|
--grey-400-rgb: 107, 114, 128;
|
|
--grey-500-rgb: 156, 163, 175;
|
|
--grey-600-rgb: 209, 213, 219;
|
|
--grey-700-rgb: 228, 228, 231;
|
|
--grey-800-rgb: 243, 244, 246;
|
|
--grey-900-rgb: 255, 255, 255;
|
|
--color-base-00: rgb(var(--grey-900-rgb));
|
|
--color-base-10: rgb(var(--grey-900-rgb));
|
|
--color-base-20: rgb(var(--grey-800-rgb));
|
|
--color-base-25: rgb(var(--grey-700-rgb));
|
|
--color-base-30: rgb(var(--grey-600-rgb));
|
|
--color-base-35: rgb(var(--grey-500-rgb));
|
|
--color-base-40: rgb(var(--grey-400-rgb));
|
|
--color-base-50: rgb(var(--grey-300-rgb));
|
|
--color-base-60: rgb(var(--grey-300-rgb));
|
|
--color-base-70: rgb(var(--grey-200-rgb));
|
|
--color-base-100: rgb(var(--grey-100-rgb));
|
|
--accent-h: 254;
|
|
--accent-s: 40%;
|
|
--accent-l: 40%;
|
|
--highlight-hue: 37;
|
|
--workspace-background-translucent: rgba(var(--grey-700-rgb), 0.7);
|
|
}
|
|
body.theme-light .cm-line.hr hr::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 100%;
|
|
background-color: var(--background-primary);
|
|
margin: 0 46%;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='8' height='8' fill='none' stroke='%2300000090' stroke-width='3px' stroke-linecap='round' stroke-linejoin='round' class='logo-wireframe'%3E%3Cpath d='M 30.91 17.52 L 34.43 35.7 M 61.44 14.41 L 62.61 0 M 34.43 35.7 L 37.57 90.47 M 81 26.39 L 61.44 14.41 L 34.43 35.7 L 65.35 100 M 62.61 0 L 30.91 17.52 L 18 45.45 L 37.57 90.47 L 65.35 100 L 70.44 89.8 L 81 26.39 L 62.61 0 Z'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
body.theme-light .mk-note-header:after {
|
|
--gradient-color: var(--color-base-10);
|
|
}
|
|
|
|
body {
|
|
--italic-color: var(--color-orange);
|
|
}
|
|
|
|
body.encore-italic-neutral {
|
|
--italic-color: var(--text-color) !important;
|
|
}
|
|
|
|
body.encore-italic-accent {
|
|
--italic-color: var(--color-accent-2) !important;
|
|
}
|
|
|
|
body.encore-italic-custom {
|
|
--italic-color: var(--encore-custom-italic) !important;
|
|
}
|
|
|
|
body {
|
|
--bold-color: var(--color-cyan);
|
|
--bold-weight: 700;
|
|
}
|
|
|
|
body.encore-bold-neutral {
|
|
--bold-color: var(--text-color) !important;
|
|
}
|
|
|
|
body.encore-bold-accent {
|
|
--bold-color: var(--color-accent-2) !important;
|
|
}
|
|
|
|
body.encore-bold-custom {
|
|
--bold-color: var(--encore-custom-bold) !important;
|
|
}
|
|
|
|
body {
|
|
--inline-title-color: var(--color-accent-2);
|
|
}
|
|
|
|
body.encore-title-neutral {
|
|
--inline-title-color: var(--text-color) !important;
|
|
}
|
|
|
|
body.encore-title-accent {
|
|
--inline-title-color: var(--color-accent-2) !important;
|
|
}
|
|
|
|
body.encore-title-custom {
|
|
--inline-title-color: var(--encore-custom-title) !important;
|
|
}
|
|
|
|
body.encore-h1-neutral {
|
|
--h1-color: var(--text-color) !important;
|
|
}
|
|
|
|
body.encore-h1-accent {
|
|
--h1-color: var(--color-accent-2) !important;
|
|
}
|
|
|
|
body.encore-h1-custom {
|
|
--h1-color: var(--encore-custom-h1) !important;
|
|
}
|
|
|
|
body.encore-h2-neutral {
|
|
--h2-color: var(--text-color) !important;
|
|
}
|
|
|
|
body.encore-h2-accent {
|
|
--h2-color: var(--color-accent-2) !important;
|
|
}
|
|
|
|
body.encore-h2-custom {
|
|
--h2-color: var(--encore-custom-h2) !important;
|
|
}
|
|
|
|
body.encore-h3-neutral {
|
|
--h3-color: var(--text-color) !important;
|
|
}
|
|
|
|
body.encore-h3-accent {
|
|
--h3-color: var(--color-accent-2) !important;
|
|
}
|
|
|
|
body.encore-h3-custom {
|
|
--h3-color: var(--encore-custom-h3) !important;
|
|
}
|
|
|
|
body.encore-h4-neutral {
|
|
--h4-color: var(--text-color) !important;
|
|
}
|
|
|
|
body.encore-h4-accent {
|
|
--h4-color: var(--color-accent-2) !important;
|
|
}
|
|
|
|
body.encore-h4-custom {
|
|
--h4-color: var(--encore-custom-h4) !important;
|
|
}
|
|
|
|
body.encore-h5-neutral {
|
|
--h5-color: var(--text-color) !important;
|
|
}
|
|
|
|
body.encore-h5-accent {
|
|
--h5-color: var(--color-accent-2) !important;
|
|
}
|
|
|
|
body.encore-h5-custom {
|
|
--h5-color: var(--encore-custom-h5) !important;
|
|
}
|
|
|
|
body.encore-h6-neutral {
|
|
--h6-color: var(--text-color) !important;
|
|
}
|
|
|
|
body.encore-h6-accent {
|
|
--h6-color: var(--color-accent-2) !important;
|
|
}
|
|
|
|
body.encore-h6-custom {
|
|
--h6-color: var(--encore-custom-h6) !important;
|
|
}
|
|
|
|
body.encore-theme-dark-mercury.theme-dark {
|
|
--grey-900-rgb: 24, 24, 27;
|
|
--grey-800-rgb: 39, 39, 42;
|
|
--grey-700-rgb: 63, 63, 70;
|
|
--grey-600-rgb: 82, 82, 91;
|
|
--grey-500-rgb: 113, 113, 122;
|
|
--grey-400-rgb: 161, 161, 170;
|
|
--grey-300-rgb: 212, 212, 216;
|
|
--grey-200-rgb: 228, 228, 231;
|
|
--grey-100-rgb: 244, 244, 245;
|
|
--grey-50-rgb: 250, 250, 250;
|
|
--accent-h: 21;
|
|
--accent-s: 92%;
|
|
--accent-l: 69%;
|
|
--color-red: #e06c75;
|
|
--color-green: #98c379;
|
|
--color-orange: #F99A66;
|
|
--color-yellow: #f7f2c5;
|
|
--color-cyan: #abe9f1;
|
|
--color-blue: #adc9ff;
|
|
--bold-color: var(--color-red);
|
|
--italic-color: var(--color-green);
|
|
--highlight-hue: 32;
|
|
--h1-color: var(--color-blue);
|
|
--h2-color: var(--color-cyan);
|
|
--h3-color: var(--color-yellow);
|
|
--h4-color: var(--color-blue);
|
|
--h5-color: var(--color-cyan);
|
|
--h6-color: var(--color-yellow);
|
|
}
|
|
|
|
body.encore-theme-dark-iron.theme-dark {
|
|
--grey-900-rgb: 28, 25, 23;
|
|
--grey-800-rgb: 41, 37, 36;
|
|
--grey-700-rgb: 68, 64, 63;
|
|
--grey-600-rgb: 87, 83, 78;
|
|
--grey-500-rgb: 120, 113, 108;
|
|
--grey-400-rgb: 168, 162, 158;
|
|
--grey-300-rgb: 214, 211, 209;
|
|
--grey-200-rgb: 231, 229, 228;
|
|
--grey-100-rgb: 245, 245, 244;
|
|
--grey-50-rgb: 250, 250, 249;
|
|
--accent-h: 165;
|
|
--accent-s: 74%;
|
|
--accent-l: 52%;
|
|
--color-red: #df2a51;
|
|
--color-green: #2adfb2;
|
|
--color-orange: #ff9b7c;
|
|
--color-yellow: #abe667;
|
|
--color-cyan: #2abbdf;
|
|
--color-blue: #5c87ff;
|
|
--bold-color: var(--color-yellow);
|
|
--italic-color: var(--color-orange);
|
|
--highlight-hue: 165;
|
|
--h1-color: var(--text-color);
|
|
--h2-color: var(--text-color);
|
|
--h3-color: var(--text-color);
|
|
--h4-color: var(--text-color);
|
|
--h5-color: var(--text-color);
|
|
--h6-color: var(--text-color);
|
|
}
|
|
|
|
body.encore-theme-dark-carbon.theme-dark {
|
|
--grey-900-rgb: 3, 3, 3;
|
|
--grey-800-rgb: 12, 12, 12;
|
|
--grey-700-rgb: 28, 28, 28;
|
|
--grey-600-rgb: 82, 82, 91;
|
|
--grey-500-rgb: 113, 113, 122;
|
|
--grey-400-rgb: 161, 161, 170;
|
|
--grey-300-rgb: 212, 212, 216;
|
|
--grey-200-rgb: 228, 228, 231;
|
|
--grey-100-rgb: 244, 244, 245;
|
|
--grey-50-rgb: 250, 250, 250;
|
|
--accent-h: 203;
|
|
--accent-s: 66%;
|
|
--accent-l: 54%;
|
|
--workspace-background-translucent: rgba(var(--grey-900-rgb), 0.4);
|
|
--bold-color: var(--color-green);
|
|
--italic-color: var(--color-red);
|
|
}
|
|
|
|
body.encore-theme-dark-blackout.theme-dark {
|
|
--grey-900-rgb: 0, 0, 0;
|
|
--grey-800-rgb: 10, 10, 10;
|
|
--grey-700-rgb: 25, 25, 25;
|
|
--grey-600-rgb: 82, 82, 91;
|
|
--grey-500-rgb: 113, 113, 122;
|
|
--grey-400-rgb: 161, 161, 170;
|
|
--grey-300-rgb: 212, 212, 216;
|
|
--grey-200-rgb: 228, 228, 231;
|
|
--grey-100-rgb: 244, 244, 245;
|
|
--grey-50-rgb: 250, 250, 250;
|
|
--accent-h: 203;
|
|
--accent-s: 66%;
|
|
--accent-l: 54%;
|
|
--workspace-background-translucent: rgba(var(--grey-800-rgb), 0.7);
|
|
--bold-color: var(--color-cyan);
|
|
--italic-color: var(--color-green);
|
|
--h1-color: var(--color-red);
|
|
--h2-color: var(--color-orange);
|
|
--h3-color: var(--color-yellow);
|
|
--h4-color: var(--color-red);
|
|
--h5-color: var(--color-orange);
|
|
--h6-color: var(--color-yellow);
|
|
background-color: rgba(var(--grey-800-rgb), var(--en-opacity));
|
|
}
|
|
body.encore-theme-dark-blackout.theme-dark .cm-line.hr hr::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 100%;
|
|
--en-opacity: 1;
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity));
|
|
border-radius: 100%;
|
|
margin: 0 46%;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='8' height='8' fill='none' stroke='%23ffffff90' stroke-width='3px' stroke-linecap='round' stroke-linejoin='round' class='logo-wireframe'%3E%3Cpath d='M 30.91 17.52 L 34.43 35.7 M 61.44 14.41 L 62.61 0 M 34.43 35.7 L 37.57 90.47 M 81 26.39 L 61.44 14.41 L 34.43 35.7 L 65.35 100 M 62.61 0 L 30.91 17.52 L 18 45.45 L 37.57 90.47 L 65.35 100 L 70.44 89.8 L 81 26.39 L 62.61 0 Z'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
body.encore-theme-dark-blackout.theme-dark .mod-root .workspace-tab-container .workspace-leaf-content {
|
|
--en-opacity: 1;
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity));
|
|
}
|
|
body.encore-theme-dark-blackout.theme-dark .mod-root .workspace-tab-container .workspace-leaf-content .canvas-wrapper .canvas-background {
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity));
|
|
}
|
|
body.encore-theme-dark-blackout.theme-dark .mk-note-header:after {
|
|
--gradient-color: var(--color-base-10);
|
|
}
|
|
|
|
body.encore-theme-dark-blackout.theme-dark:not(.encore-disable-fancy-headers) .workspace-tab-container .workspace-leaf-content > .view-header {
|
|
--en-opacity: 0.66;
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity));
|
|
backdrop-filter: var(--en-acrylic);
|
|
}
|
|
|
|
body.encore-theme-dark-atom.theme-dark {
|
|
--grey-900-rgb: 32, 36, 43;
|
|
--grey-800-rgb: 39, 43, 52;
|
|
--grey-700-rgb: 61, 68, 83;
|
|
--grey-600-rgb: 79, 88, 107;
|
|
--grey-500-rgb: 79, 88, 107;
|
|
--grey-400-rgb: 171, 178, 191;
|
|
--grey-300-rgb: 171, 178, 191;
|
|
--grey-200-rgb: 171, 178, 191;
|
|
--grey-100-rgb: 206, 210, 218;
|
|
--grey-50-rgb: 206, 210, 218;
|
|
--accent-h: 207;
|
|
--accent-s: 82%;
|
|
--accent-l: 66%;
|
|
--workspace-background-translucent: rgba(var(--grey-900-rgb), 0.4);
|
|
--color-red: #e06c75;
|
|
--color-green: #98c379;
|
|
--color-orange: #d19a66;
|
|
--color-yellow: #e5c07b;
|
|
--color-cyan: #56b6c2;
|
|
--color-blue: #61afef;
|
|
--bold-color: var(--color-blue);
|
|
--italic-color: var(--color-green);
|
|
--highlight-hue: 37;
|
|
--h1-color: var(--color-orange);
|
|
--h2-color: var(--color-green);
|
|
--h3-color: var(--color-cyan);
|
|
--h4-color: var(--color-blue);
|
|
--h5-color: var(--color-red);
|
|
--h6-color: var(--color-yellow);
|
|
}
|
|
|
|
body.encore-theme-light-atom.theme-light {
|
|
--grey-50-rgb: 32, 36, 43;
|
|
--grey-100-rgb: 39, 43, 52;
|
|
--grey-200-rgb: 61, 68, 83;
|
|
--grey-300-rgb: 79, 88, 107;
|
|
--grey-400-rgb: 79, 88, 107;
|
|
--grey-500-rgb: 171, 178, 191;
|
|
--grey-600-rgb: 171, 178, 191;
|
|
--grey-700-rgb: 171, 178, 191;
|
|
--grey-800-rgb: 206, 210, 218;
|
|
--grey-900-rgb: 206, 210, 218;
|
|
--accent-h: 207;
|
|
--accent-s: 82%;
|
|
--accent-l: 56%;
|
|
--workspace-background-translucent: rgba(var(--grey-700-rgb), 0.7);
|
|
--color-red: #b95059;
|
|
--color-green: #759c59;
|
|
--color-orange: #c78a51;
|
|
--color-yellow: #d3a95c;
|
|
--color-cyan: #42abb9;
|
|
--color-blue: #469de4;
|
|
--bold-color: var(--color-blue);
|
|
--italic-color: var(--color-green);
|
|
--highlight-hue: 37;
|
|
--h1-color: var(--color-orange);
|
|
--h2-color: var(--color-green);
|
|
--h3-color: var(--color-cyan);
|
|
--h4-color: var(--color-blue);
|
|
--h5-color: var(--color-red);
|
|
--h6-color: var(--color-yellow);
|
|
}
|
|
|
|
body.encore-theme-dark-obsidian.theme-dark {
|
|
--grey-900-rgb: 30, 30, 30;
|
|
--grey-800-rgb: 38, 38, 38;
|
|
--grey-700-rgb: 54, 54, 54;
|
|
--grey-600-rgb: 82, 82, 91;
|
|
--grey-500-rgb: 113, 113, 122;
|
|
--grey-400-rgb: 161, 161, 170;
|
|
--grey-300-rgb: 212, 212, 216;
|
|
--grey-200-rgb: 228, 228, 231;
|
|
--grey-100-rgb: 244, 244, 245;
|
|
--grey-50-rgb: 250, 250, 250;
|
|
--accent-h: 255;
|
|
--accent-s: 92%;
|
|
--accent-l: 76%;
|
|
--inline-title-color: var(--text-color);
|
|
--bold-color: var(--text-color);
|
|
--italic-color: var(--text-color);
|
|
--workspace-background-translucent: rgba(var(--grey-700-rgb), 0.33);
|
|
background-color: rgba(var(--grey-800-rgb), var(--en-opacity));
|
|
}
|
|
body.encore-theme-dark-obsidian.theme-dark .cm-line.hr hr::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 100%;
|
|
--en-opacity: 1;
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity));
|
|
border-radius: 100%;
|
|
margin: 0 46%;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='8' height='8' fill='none' stroke='%23ffffff90' stroke-width='3px' stroke-linecap='round' stroke-linejoin='round' class='logo-wireframe'%3E%3Cpath d='M 30.91 17.52 L 34.43 35.7 M 61.44 14.41 L 62.61 0 M 34.43 35.7 L 37.57 90.47 M 81 26.39 L 61.44 14.41 L 34.43 35.7 L 65.35 100 M 62.61 0 L 30.91 17.52 L 18 45.45 L 37.57 90.47 L 65.35 100 L 70.44 89.8 L 81 26.39 L 62.61 0 Z'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
body.encore-theme-dark-obsidian.theme-dark .mod-root .workspace-tab-container .workspace-leaf-content {
|
|
--en-opacity: 1;
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity));
|
|
}
|
|
body.encore-theme-dark-obsidian.theme-dark .mod-root .workspace-tab-container .workspace-leaf-content .canvas-wrapper .canvas-background {
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity));
|
|
}
|
|
body.encore-theme-dark-obsidian.theme-dark .mk-note-header:after {
|
|
--gradient-color: var(--color-base-10);
|
|
}
|
|
|
|
body.encore-theme-dark-obsidian.theme-dark:not(.encore-disable-fancy-headers) .workspace-tab-container .workspace-leaf-content > .view-header {
|
|
--en-opacity: 0.66;
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity));
|
|
backdrop-filter: var(--en-acrylic);
|
|
}
|
|
|
|
body.encore-theme-dark-rgb.theme-dark {
|
|
--grey-900-rgb: 5, 5, 5;
|
|
--grey-800-rgb: 12, 12, 12;
|
|
--grey-700-rgb: 37, 38, 38;
|
|
--grey-600-rgb: 82, 82, 91;
|
|
--grey-500-rgb: 113, 113, 122;
|
|
--grey-400-rgb: 161, 161, 170;
|
|
--grey-300-rgb: 212, 212, 216;
|
|
--grey-200-rgb: 228, 228, 231;
|
|
--grey-100-rgb: 244, 244, 245;
|
|
--grey-50-rgb: 250, 250, 250;
|
|
--workspace-background-translucent: rgba(var(--grey-900-rgb), 0.4);
|
|
--bold-color: var(--color-red);
|
|
--italic-color: var(--color-green);
|
|
--rainbow-gradient: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,222,0,1) 15%, rgba(167,255,0,1) 26%, rgba(0,255,136,1) 39%, rgba(15,245,254,1) 55%, rgba(111,0,255,1) 80%, rgba(253,45,45,1) 100%);
|
|
}
|
|
body.encore-theme-dark-rgb.theme-dark .mod-root .workspace-tab-container {
|
|
border-radius: var(--tab-radius);
|
|
--shadow-properties: 0 0 50px -25px;
|
|
animation: rgb-shadow 12s linear infinite forwards;
|
|
}
|
|
body.encore-theme-dark-rgb.theme-dark .modal {
|
|
--shadow-properties: 0 0 50px -15px;
|
|
animation: rgb-shadow 12s linear infinite forwards;
|
|
}
|
|
body.encore-theme-dark-rgb.theme-dark .prompt::before {
|
|
content: "";
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 30px;
|
|
background-color: red;
|
|
background-image: var(--rainbow-gradient);
|
|
animation: pan-right 5s linear infinite forwards;
|
|
filter: blur(60px);
|
|
}
|
|
body.encore-theme-dark-rgb.theme-dark .prompt::after {
|
|
content: "";
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 10px;
|
|
background-color: red;
|
|
background-image: var(--rainbow-gradient);
|
|
animation: pan-right 5s linear infinite forwards;
|
|
filter: blur(15px);
|
|
}
|
|
body.encore-theme-dark-rgb.theme-dark .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner {
|
|
--en-opacity: 0.2;
|
|
background-color: rgba(var(--grey-100-rgb), var(--en-opacity));
|
|
}
|
|
|
|
@keyframes rgb-shadow {
|
|
0% {
|
|
box-shadow: var(--shadow-properties) rgb(255, 0, 0);
|
|
}
|
|
17% {
|
|
box-shadow: var(--shadow-properties) rgb(255, 255, 0);
|
|
}
|
|
33% {
|
|
box-shadow: var(--shadow-properties) rgb(0, 255, 0);
|
|
}
|
|
50% {
|
|
box-shadow: var(--shadow-properties) rgb(0, 255, 255);
|
|
}
|
|
67% {
|
|
box-shadow: var(--shadow-properties) rgb(80, 160, 255);
|
|
}
|
|
83% {
|
|
box-shadow: var(--shadow-properties) rgb(255, 0, 255);
|
|
}
|
|
100% {
|
|
box-shadow: var(--shadow-properties) rgb(255, 0, 0);
|
|
}
|
|
}
|
|
@keyframes rgb-background {
|
|
0% {
|
|
background-color: rgba(255, 255, 0, var(--rgb-background-opacity));
|
|
}
|
|
17% {
|
|
background-color: rgba(0, 255, 0, var(--rgb-background-opacity));
|
|
}
|
|
33% {
|
|
background-color: rgba(0, 170, 255, var(--rgb-background-opacity));
|
|
}
|
|
67% {
|
|
background-color: rgba(255, 0, 255, var(--rgb-background-opacity));
|
|
}
|
|
83% {
|
|
background-color: rgba(255, 0, 255, var(--rgb-background-opacity));
|
|
}
|
|
100% {
|
|
background-color: rgba(255, 0, 0, var(--rgb-background-opacity));
|
|
}
|
|
}
|
|
@keyframes pan-right {
|
|
from {
|
|
background-position-x: 0vw;
|
|
}
|
|
to {
|
|
background-position-x: 100vw;
|
|
}
|
|
}
|
|
body {
|
|
--checklist-done-decoration: none;
|
|
--checklist-done-color: var(--color-base-50);
|
|
--text-on-accent: var(--color-base-00);
|
|
--hr-thickness: 1px;
|
|
--highlight-hue: 37;
|
|
--en-acrylic: blur(8px);
|
|
--en-acrylic-opacity: 0.66;
|
|
--en-modal-backdrop: blur(25px);
|
|
--header-height: 44px;
|
|
--tab-height: 38px;
|
|
--tab-radius: 6px;
|
|
--en-opacity: 1;
|
|
text-underline-offset: 2px;
|
|
}
|
|
body.theme-dark {
|
|
--hr-color: #ffffff90;
|
|
}
|
|
body.theme-light {
|
|
--hr-color: #00000090;
|
|
}
|
|
|
|
body.encore-blur-less {
|
|
--en-acrylic: blur(4px);
|
|
--en-acrylic-opacity: 0.9;
|
|
--en-modal-backdrop: blur(5px);
|
|
}
|
|
|
|
body.is-mobile,
|
|
body.encore-blur-off {
|
|
--en-acrylic: brightness(0.5);
|
|
--en-acrylic-opacity: 0.9;
|
|
--en-modal-backdrop: brightness(0.5);
|
|
}
|
|
|
|
body:not(.is-mobile):not(.encore-disable-clickability-fix) .markdown-source-view.mod-cm6.is-readable-line-width .cm-content {
|
|
max-width: unset;
|
|
margin-left: -4rem;
|
|
padding-left: 4rem;
|
|
margin-right: -4rem;
|
|
padding-right: 4rem;
|
|
}
|
|
body:not(.is-mobile):not(.encore-disable-clickability-fix) .ͼ1 .cm-scroller {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.workspace-leaf-content[data-mode=preview] .view-action:first-child {
|
|
color: var(--interactive-accent);
|
|
}
|
|
|
|
body:not(.is-translucent) .modal-bg {
|
|
opacity: 0;
|
|
}
|
|
body:not(.is-translucent) .modal-container.mod-dim .modal-bg {
|
|
backdrop-filter: var(--en-modal-backdrop);
|
|
opacity: 1 !important;
|
|
--en-opacity: 0.6;
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity));
|
|
}
|
|
|
|
body.is-translucent .modal-bg {
|
|
opacity: 0;
|
|
}
|
|
body.is-translucent .modal-container.mod-dim .modal-bg {
|
|
backdrop-filter: var(--en-modal-backdrop);
|
|
opacity: 1 !important;
|
|
--en-opacity: 0.8;
|
|
background-color: rgba(var(--grey-900-rgb), var(--en-opacity));
|
|
}
|
|
|
|
.tree-item-children > div:not([class]) {
|
|
display: none;
|
|
}
|
|
|
|
.empty-state::before {
|
|
content: "";
|
|
width: 100%;
|
|
height: 30%;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='18' height='18' fill='none' stroke='%23ffffff40' stroke-width='2%' stroke-linecap='round' stroke-linejoin='round' class='logo-wireframe'%3E%3Cpath d='M 30.91 17.52 L 34.43 35.7 M 61.44 14.41 L 62.61 0 M 34.43 35.7 L 37.57 90.47 M 81 26.39 L 61.44 14.41 L 34.43 35.7 L 65.35 100 M 62.61 0 L 30.91 17.52 L 18 45.45 L 37.57 90.47 L 65.35 100 L 70.44 89.8 L 81 26.39 L 62.61 0 Z'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
|
|
.theme-light .empty-state::before {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='18' height='18' fill='none' stroke='%2300000040' stroke-width='2%' stroke-linecap='round' stroke-linejoin='round' class='logo-wireframe'%3E%3Cpath d='M 30.91 17.52 L 34.43 35.7 M 61.44 14.41 L 62.61 0 M 34.43 35.7 L 37.57 90.47 M 81 26.39 L 61.44 14.41 L 34.43 35.7 L 65.35 100 M 62.61 0 L 30.91 17.52 L 18 45.45 L 37.57 90.47 L 65.35 100 L 70.44 89.8 L 81 26.39 L 62.61 0 Z'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
|
|
.empty-state-title {
|
|
font-size: 2.5rem !important;
|
|
font-weight: 300;
|
|
color: rgba(255, 255, 255, 0.3137254902);
|
|
display: none;
|
|
}
|
|
|
|
.sidebar-toggle-button > .clickable-icon {
|
|
color: var(--interactive-accent);
|
|
}
|
|
|
|
@keyframes tooltip-appear {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
body > .tooltip {
|
|
--tooltip-edge-colour: var(--background-secondary-alt);
|
|
border: 1px solid var(--tooltip-edge-colour);
|
|
background-color: var(--background-primary);
|
|
color: var(--text-normal);
|
|
animation: tooltip-appear 150ms ease-out !important;
|
|
padding: 6px 8px;
|
|
border-radius: 8px;
|
|
}
|
|
body > .tooltip > .tooltip-arrow {
|
|
border-bottom-color: var(--tooltip-edge-colour);
|
|
}
|
|
body > .tooltip.mod-right > .tooltip-arrow {
|
|
border-right-color: var(--tooltip-edge-colour);
|
|
}
|
|
body > .tooltip.mod-left > .tooltip-arrow {
|
|
border-left-color: var(--tooltip-edge-colour);
|
|
}
|
|
body > .tooltip.mod-top > .tooltip-arrow {
|
|
border-top-color: var(--tooltip-edge-colour);
|
|
}
|
|
|
|
body.encore-coloured-tooltip > .tooltip {
|
|
--tooltip-edge-colour: var(--color-accent);
|
|
}
|
|
|
|
.markdown-rendered mark,
|
|
.cm-s-obsidian span.cm-formatting-highlight,
|
|
.cm-s-obsidian span.cm-highlight,
|
|
.search-result-file-matched-text {
|
|
background-color: hsla(var(--highlight-hue), 100%, 50%, 0.2);
|
|
outline: 1px solid hsla(var(--highlight-hue), 90%, 50%, 0.85);
|
|
padding: 0 0.15em;
|
|
border-radius: 3px;
|
|
box-shadow: 0 0 10px hsla(var(--highlight-hue), 90%, 50%, 0.75);
|
|
}
|
|
|
|
body:not(.is-mobile) .prompt {
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
height: 100%;
|
|
max-height: unset;
|
|
top: 0;
|
|
}
|
|
body:not(.is-mobile) .prompt > :first-child {
|
|
margin-top: 80px;
|
|
}
|
|
body:not(.is-mobile) .prompt > * {
|
|
max-width: var(--prompt-max-width);
|
|
width: var(--prompt-width);
|
|
}
|
|
body:not(.is-mobile) .prompt > .prompt-input-container {
|
|
background-color: var(--background-secondary-alt);
|
|
background-color: transparent;
|
|
order: 1;
|
|
}
|
|
body:not(.is-mobile) .prompt > .prompt-input-container > .prompt-input {
|
|
background-color: transparent;
|
|
font-size: 3rem;
|
|
border-bottom: none !important;
|
|
height: auto;
|
|
}
|
|
body:not(.is-mobile) .prompt > .prompt-results {
|
|
order: 3;
|
|
border-top: 1px solid rgba(var(--grey-600-rgb), var(--en-opacity));
|
|
color: rgba(var(--grey-300-rgb), var(--en-opacity));
|
|
}
|
|
body:not(.is-mobile) .prompt > .prompt-results > .suggestion-item {
|
|
cursor: pointer;
|
|
}
|
|
body:not(.is-mobile) .prompt > .prompt-results > .suggestion-item.is-selected {
|
|
color: var(--color-accent-2);
|
|
}
|
|
body:not(.is-mobile) .prompt > .prompt-results > .suggestion-item kbd {
|
|
background-color: rgba(var(--grey-700-rgb), var(--en-opacity));
|
|
}
|
|
body:not(.is-mobile) .prompt > .prompt-instructions {
|
|
order: 2;
|
|
border-top: none;
|
|
margin-bottom: 2rem;
|
|
padding: 0;
|
|
}
|
|
|
|
.status-bar {
|
|
bottom: 4px;
|
|
right: 4px;
|
|
border: none;
|
|
--en-opacity: 0.5;
|
|
background-color: rgba(var(--grey-600-rgb), var(--en-opacity));
|
|
border-radius: var(--tab-radius);
|
|
backdrop-filter: var(--en-acrylic);
|
|
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.modal {
|
|
border: none;
|
|
background-color: rgba(var(--grey-800-rgb), var(--en-opacity));
|
|
--en-opacity: 1;
|
|
}
|
|
.modal .vertical-tab-header {
|
|
background-color: rgba(var(--grey-700-rgb), var(--en-opacity));
|
|
border-right: none !important;
|
|
}
|
|
.modal .vertical-tab-header .vertical-tab-header-group-title {
|
|
font-size: 1.33rem;
|
|
}
|
|
.modal .vertical-tab-content {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.setting-item {
|
|
border-top: none;
|
|
padding: 0.5em 0;
|
|
}
|
|
.setting-item.setting-item-heading {
|
|
margin-top: 2rem;
|
|
}
|
|
.setting-item.setting-item-heading .setting-item-name {
|
|
font-size: 1.7rem;
|
|
}
|
|
.setting-item .setting-item-description {
|
|
--en-opacity: 1;
|
|
color: rgba(var(--grey-400-rgb), var(--en-opacity));
|
|
}
|
|
|
|
.style-settings-container {
|
|
padding-left: 20px !important;
|
|
}
|