lucastucious/Absolue-Necessite
1
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity
Absolue-Necessite/.obsidian/themes/Encore/theme.css

1838 lines
59 KiB
CSS
Raw Normal View History

Add Encore theme
2023-03-02 23:55:02 +00:00
/* @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
vault backup: 2023-03-16 21:56:14
2023-03-16 20:56:14 +00:00
-
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
Add Encore theme
2023-03-02 23:55:02 +00:00
*/
@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);
}
backup
2023-04-04 16:41:39 +00:00
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 {
Add Encore theme
2023-03-02 23:55:02 +00:00
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;
}
vault backup: 2023-03-16 21:56:14
2023-03-16 20:56:14 +00:00
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 {
Add Encore theme
2023-03-02 23:55:02 +00:00
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));
}
vault backup: 2023-03-16 21:56:14
2023-03-16 20:56:14 +00:00
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;
}
Add Encore theme
2023-03-02 23:55:02 +00:00
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");
}
vault backup: 2023-03-16 21:56:14
2023-03-16 20:56:14 +00:00
body.theme-light .mk-note-header:after {
--gradient-color: var(--color-base-10);
}
Add Encore theme
2023-03-02 23:55:02 +00:00
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));
}
vault backup: 2023-03-16 21:56:14
2023-03-16 20:56:14 +00:00
body.encore-theme-dark-blackout.theme-dark .mk-note-header:after {
--gradient-color: var(--color-base-10);
}
Add Encore theme
2023-03-02 23:55:02 +00:00
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));
}
vault backup: 2023-03-16 21:56:14
2023-03-16 20:56:14 +00:00
body.encore-theme-dark-obsidian.theme-dark .mk-note-header:after {
--gradient-color: var(--color-base-10);
}
Add Encore theme
2023-03-02 23:55:02 +00:00
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;
}
Reference in a new issue Copy permalink