vault backup: 2025-01-30 09:27:31
This commit is contained in:
384
.obsidian/themes/Encore/theme.css
vendored
Normal file → Executable file
384
.obsidian/themes/Encore/theme.css
vendored
Normal file → Executable file
@@ -44,6 +44,12 @@ settings:
|
||||
-
|
||||
label: Material Ocean
|
||||
value: encore-theme-dark-materialocean
|
||||
-
|
||||
label: Flexoki
|
||||
value: encore-theme-dark-flexoki
|
||||
-
|
||||
label: Glass Royale
|
||||
value: encore-theme-dark-glass-royale
|
||||
-
|
||||
id: theme-light
|
||||
title: 🌞 Theme • Light Mode
|
||||
@@ -78,6 +84,81 @@ settings:
|
||||
-
|
||||
label: Custom
|
||||
value: encore-colors-custom
|
||||
-
|
||||
id: encore-translucency
|
||||
title: 👑 Encore Translucency
|
||||
description: Get that translucent aesthetic back in your vault.
|
||||
type: class-toggle
|
||||
-
|
||||
id: encore-translucency-category
|
||||
title: 🖼️ Translucency Background
|
||||
type: heading
|
||||
level: 1
|
||||
collapsed: true
|
||||
-
|
||||
id: encore-translucency-description
|
||||
title: About
|
||||
type: info-text
|
||||
description: "Make sure you've enabled **👑 Encore Translucency** above. Check out the **Glass Royale** theme (dark mode only) for some translucent workspaces!"
|
||||
markdown: true
|
||||
-
|
||||
id: encore-translucency-strength
|
||||
title: Translucency Strength
|
||||
description: Adjusts how visible the background is
|
||||
type: variable-number-slider
|
||||
default: 0.25
|
||||
min: 0
|
||||
max: 1
|
||||
step: 0.05
|
||||
-
|
||||
id: encore-translucency-background
|
||||
title: Translucency Background
|
||||
description: Pick a background to use in translucent mode.
|
||||
type: class-select
|
||||
allowEmpty: false
|
||||
default: encore-bg-image
|
||||
options:
|
||||
-
|
||||
label: Custom Image
|
||||
value: encore-bg-image
|
||||
-
|
||||
label: Emerald
|
||||
value: encore-bg-emerald
|
||||
-
|
||||
label: Sapphire
|
||||
value: encore-bg-sapphire
|
||||
-
|
||||
label: 🎦 Frosty
|
||||
value: encore-bg-frosty
|
||||
-
|
||||
label: 🎦 Lava
|
||||
value: encore-bg-lava
|
||||
-
|
||||
label: 🎦 Dawn
|
||||
value: encore-bg-dawn
|
||||
-
|
||||
label: 🎦 Chromatic
|
||||
value: encore-bg-chromatic
|
||||
-
|
||||
label: 🎦 Prismatic
|
||||
value: encore-bg-prismatic
|
||||
-
|
||||
id: encore-translucency-image
|
||||
title: Background Image
|
||||
description: Used when "Translucency Background" is set to "Custom Image". Must be formatted as url("YOUR URL HERE")
|
||||
type: variable-text
|
||||
quotes: false
|
||||
default: url("https://images.unsplash.com/photo-1707494966495-a2cc8c1dac1f?q=80&w=1935&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D")
|
||||
-
|
||||
id: encore-translucency-blur-amount
|
||||
title: Image Blur Amount
|
||||
description: Adjust how strong the blur is on images
|
||||
type: variable-number-slider
|
||||
default: 10
|
||||
min: 0
|
||||
max: 20
|
||||
step: 1
|
||||
|
||||
|
||||
#########################################################
|
||||
# Custom Colours
|
||||
@@ -184,7 +265,11 @@ settings:
|
||||
title: Coloured Tooltip
|
||||
description: Make tooltips stand out much more by applying your theme colour to the border
|
||||
type: class-toggle
|
||||
-
|
||||
-
|
||||
id: encore-highlight-border
|
||||
title: Highlighted Text Border
|
||||
description: Make highlighted text stand out even more with a glowing border
|
||||
type: class-toggle
|
||||
-
|
||||
id: encore-bright-accent
|
||||
title: Use Bright Accent Colour
|
||||
@@ -230,6 +315,11 @@ settings:
|
||||
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-disable-logo-on-hr
|
||||
title: Disable Logo on Horizontal Rule
|
||||
description: Encore adds the Obsidian logo to horizontal ruled lines "---". Turn this on to revert to a simple line
|
||||
type: class-toggle
|
||||
-
|
||||
id: encore-no-calendar
|
||||
title: Disable Calendar Integration
|
||||
@@ -247,7 +337,6 @@ settings:
|
||||
type: class-toggle
|
||||
*/
|
||||
|
||||
@charset "UTF-8";
|
||||
.view-content,
|
||||
.view-header,
|
||||
.workspace,
|
||||
@@ -390,6 +479,7 @@ body {
|
||||
|
||||
body {
|
||||
background-color: rgba(var(--grey-900-rgb), var(--en-opacity));
|
||||
--tab-container-background: transparent;
|
||||
}
|
||||
body.is-translucent:not(.is-fullscreen) {
|
||||
--en-opacity: 0.5;
|
||||
@@ -409,6 +499,9 @@ body.theme-light.is-translucent:not(.is-fullscreen) {
|
||||
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 {
|
||||
background-color: transparent;
|
||||
}
|
||||
.mod-root .workspace-tab-container .workspace-leaf-content .canvas-wrapper .canvas-background {
|
||||
background-color: rgba(var(--grey-800-rgb), var(--en-opacity));
|
||||
--canvas-dot-pattern: var(--color-base-35);
|
||||
@@ -419,6 +512,9 @@ body.theme-light .mod-root .workspace-tab-container .workspace-leaf-content {
|
||||
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 {
|
||||
background-color: transparent;
|
||||
}
|
||||
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));
|
||||
}
|
||||
@@ -438,7 +534,7 @@ body.encore-fancy-headers .workspace-tab-container .workspace-leaf-content > .vi
|
||||
background-color: rgba(var(--grey-800-rgb), var(--en-opacity));
|
||||
backdrop-filter: var(--en-acrylic);
|
||||
}
|
||||
body.encore-fancy-headers .workspace-tab-container .workspace-leaf-content > .view-content .cm-scroller {
|
||||
body.encore-fancy-headers .workspace-tab-container .workspace-leaf-content > .view-content > div > div > .cm-scroller {
|
||||
padding-top: calc(var(--header-height) + 32px);
|
||||
}
|
||||
body.encore-fancy-headers .workspace-tab-container .workspace-leaf-content > .view-content > iframe {
|
||||
@@ -480,6 +576,11 @@ body.encore-fancy-headers .workspace-tab-container .workspace-leaf-content[data-
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.workspace-tab-header-container {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.mod-root .workspace-tabs .workspace-tab-header-container-inner {
|
||||
gap: 4px;
|
||||
padding: 4px 0;
|
||||
@@ -567,6 +668,11 @@ body.theme-light .mod-root .workspace-tab-header.is-active .workspace-tab-header
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
body {
|
||||
--line-height-normal: 1.65;
|
||||
--link-decoration: none;
|
||||
@@ -655,18 +761,17 @@ body {
|
||||
border-bottom-right-radius: 8px;
|
||||
}
|
||||
|
||||
.markdown-rendered hr,
|
||||
.cm-line.hr hr {
|
||||
body:not(.encore-disable-logo-on-hr) .markdown-rendered hr,
|
||||
body:not(.encore-disable-logo-on-hr) .cm-line.hr hr {
|
||||
height: 1px;
|
||||
background-image: linear-gradient(to right, transparent, var(--hr-color) 46.2%, transparent 46.2%, transparent 54%, var(--hr-color) 54%, transparent);
|
||||
border: none;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.markdown-source-view:not(.is-live-preview) .HyperMD-hr::after,
|
||||
.markdown-rendered hr::after,
|
||||
.cm-line.hr hr::after {
|
||||
body:not(.encore-disable-logo-on-hr) .markdown-source-view:not(.is-live-preview) .HyperMD-hr::after,
|
||||
body:not(.encore-disable-logo-on-hr) .markdown-rendered hr::after,
|
||||
body:not(.encore-disable-logo-on-hr) .cm-line.hr hr::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -12px;
|
||||
@@ -678,12 +783,10 @@ body {
|
||||
background-repeat: no-repeat;
|
||||
background-image: var(--obsidian-logo-small);
|
||||
}
|
||||
|
||||
.markdown-source-view:not(.is-live-preview) .HyperMD-hr {
|
||||
body:not(.encore-disable-logo-on-hr) .markdown-source-view:not(.is-live-preview) .HyperMD-hr {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.markdown-source-view:not(.is-live-preview) .HyperMD-hr::before {
|
||||
body:not(.encore-disable-logo-on-hr) .markdown-source-view:not(.is-live-preview) .HyperMD-hr::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
@@ -692,15 +795,117 @@ body {
|
||||
height: 1px;
|
||||
background-image: linear-gradient(to right, transparent 10%, var(--hr-color) 46.2%, transparent 46.2%, transparent 54%, var(--hr-color) 54%, transparent);
|
||||
}
|
||||
|
||||
.markdown-source-view:not(.is-live-preview) .HyperMD-hr::after {
|
||||
body:not(.encore-disable-logo-on-hr) .markdown-source-view:not(.is-live-preview) .HyperMD-hr::after {
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
body.encore-disable-logo-on-hr .markdown-rendered hr,
|
||||
body.encore-disable-logo-on-hr .cm-line.hr hr {
|
||||
height: 1px;
|
||||
background-image: linear-gradient(to right, transparent, var(--hr-color) 30%, var(--hr-color) 70%, transparent);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.internal-embed.image-embed img {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
body.encore-translucency.encore-bg-image .app-container {
|
||||
background-image: var(--encore-translucency-image);
|
||||
background-size: cover;
|
||||
}
|
||||
body.encore-translucency.encore-bg-image .app-container::before {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
content: "";
|
||||
background: transparent;
|
||||
backdrop-filter: blur(calc(1px * pow(var(--encore-translucency-blur-amount, 10), 2)));
|
||||
}
|
||||
body.encore-translucency.encore-bg-frosty {
|
||||
background-image: linear-gradient(rgb(12, 136, 126), rgb(78, 4, 250));
|
||||
}
|
||||
body.encore-translucency.encore-bg-frosty .app-container {
|
||||
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1920 3240' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3C/defs%3E%3Cellipse style='filter: blur(200px); fill: rgb(38, 214, 255);' cx='465.54' cy='549.634' rx='559.232' ry='230.137'%3E%3C/ellipse%3E%3Cellipse style='filter: blur(200px); fill: rgb(59, 55, 212);' cx='1461.894' cy='749.77' rx='559.232' ry='338.301'%3E%3C/ellipse%3E%3Cellipse style='filter: blur(200px); fill: rgb(123, 130, 208);' cx='398.22' cy='1237.125' rx='559.232' ry='338.301'%3E%3C/ellipse%3E%3Cellipse style='filter: blur(200px); fill: rgb(17, 197, 255);' cx='1546.62' cy='1737.081' rx='603.713' ry='357.778'%3E%3C/ellipse%3E%3Cellipse style='filter: blur(200px); fill: rgb(185, 185, 185);' cx='981.906' cy='1520.478' rx='371.639' ry='230.137'%3E%3C/ellipse%3E%3Cellipse style='filter: blur(200px); fill: rgb(35, 30, 204);' cx='549.068' cy='2325.941' rx='721.684' ry='405.989'%3E%3C/ellipse%3E%3Cellipse style='filter: blur(200px); fill: rgb(148, 19, 172);' cx='1338.121' cy='2790.09' rx='721.684' ry='405.989'%3E%3C/ellipse%3E%3Cellipse style='filter: blur(200px); fill: rgb(148, 19, 172);' cx='1297.975' cy='-434.34' rx='721.684' ry='405.989'%3E%3C/ellipse%3E%3C/svg%3E");
|
||||
background-size: cover;
|
||||
background-repeat: mirror;
|
||||
animation: scroll-up infinite 120s linear;
|
||||
}
|
||||
body.encore-translucency.encore-bg-chromatic {
|
||||
background-image: repeating-linear-gradient(45deg, rgb(15, 245, 254), rgb(111, 0, 255), rgb(255, 0, 0), rgb(255, 222, 0), rgb(167, 255, 0), rgb(0, 255, 136), rgb(15, 245, 254), rgb(111, 0, 255), rgb(253, 0, 0), rgb(255, 222, 0), rgb(167, 255, 0), rgb(0, 255, 136), rgb(15, 245, 254), rgb(111, 0, 255));
|
||||
background-size: 100% 800vh;
|
||||
animation: scroll-up-down infinite 180s ease-in-out alternate-reverse;
|
||||
}
|
||||
body.encore-translucency.encore-bg-chromatic::before {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
content: "";
|
||||
background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.9411764706));
|
||||
}
|
||||
body.encore-translucency.encore-bg-prismatic {
|
||||
background-image: repeating-linear-gradient(45deg, rgb(0, 4, 255), rgb(107, 15, 254), rgb(153, 0, 255), rgb(255, 0, 242), rgb(255, 0, 170), rgb(255, 0, 242), rgb(153, 0, 255), rgb(107, 15, 254), rgb(0, 4, 255), rgb(107, 15, 254), rgb(153, 0, 255), rgb(255, 0, 242));
|
||||
background-size: 100% 400vh;
|
||||
animation: scroll-up infinite 30s linear;
|
||||
}
|
||||
body.encore-translucency.encore-bg-prismatic::before {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
content: "";
|
||||
background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.9411764706));
|
||||
}
|
||||
body.encore-translucency.encore-bg-dawn {
|
||||
background-image: radial-gradient(transparent, rgba(1, 2, 36, 0.4784313725)), linear-gradient(to bottom, rgba(222, 244, 255, 0.11), transparent), linear-gradient(to bottom left, #0036e6, #400dcc);
|
||||
}
|
||||
body.encore-translucency.encore-bg-dawn::before {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
content: "";
|
||||
animation: fade-in 60s linear infinite alternate;
|
||||
background-image: radial-gradient(transparent, rgba(1, 2, 36, 0.5764705882)), linear-gradient(to bottom, rgba(222, 244, 255, 0.1568627451), transparent), linear-gradient(to bottom left, #ee8d4d, rgba(0, 18, 182, 0.7058823529));
|
||||
}
|
||||
body.encore-translucency.encore-bg-lava {
|
||||
background-image: radial-gradient(transparent, #360700), linear-gradient(to top, #d86800, transparent), linear-gradient(to bottom left, #b43900, #1a0101);
|
||||
}
|
||||
body.encore-translucency.encore-bg-lava::before {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
content: "";
|
||||
animation: fade-in 60s linear infinite alternate;
|
||||
background-image: radial-gradient(transparent, #360700), linear-gradient(to top, #f5e498, transparent), linear-gradient(to bottom left, #ff0000, #ff0000);
|
||||
}
|
||||
body.encore-translucency.encore-bg-emerald {
|
||||
background-image: radial-gradient(transparent, #071400), linear-gradient(to top, #54f1d7, transparent), linear-gradient(to bottom left, #55df00, #1b4900);
|
||||
}
|
||||
body.encore-translucency.encore-bg-sapphire {
|
||||
background-image: radial-gradient(transparent, #000018), linear-gradient(to top, #5871ff, transparent), linear-gradient(to bottom left, #0400ff, #0084ff);
|
||||
}
|
||||
body.encore-translucency .horizontal-main-container {
|
||||
background-color: rgba(var(--grey-900-rgb), calc(1 - var(--encore-translucency-strength)));
|
||||
}
|
||||
|
||||
@keyframes scroll-up {
|
||||
0% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 0 calc(100% - 100vh);
|
||||
}
|
||||
}
|
||||
@keyframes scroll-up-down {
|
||||
0% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 0 100%;
|
||||
}
|
||||
}
|
||||
@keyframes fade-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
body.is-mobile .workspace-drawer {
|
||||
background: none;
|
||||
}
|
||||
@@ -757,15 +962,15 @@ body.is-mobile .workspace-drawer-header {
|
||||
backdrop-filter: var(--en-acrylic);
|
||||
}
|
||||
|
||||
body:not(.encore-disable-grain)::before {
|
||||
body:not(.encore-disable-grain) .workspace::before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background-image: var(--grain);
|
||||
-webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.06));
|
||||
-webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.05));
|
||||
}
|
||||
|
||||
body.theme-light:not(.encore-disable-grain)::before {
|
||||
body.theme-light:not(.encore-disable-grain) .workspace::before {
|
||||
-webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3));
|
||||
}
|
||||
|
||||
@@ -1216,7 +1421,9 @@ body.theme-dark {
|
||||
--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-350-rgb));
|
||||
--color-base-50: rgb(
|
||||
var(--grey-350-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));
|
||||
@@ -1257,7 +1464,9 @@ body.theme-light {
|
||||
--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-350-rgb));
|
||||
--color-base-50: rgb(
|
||||
var(--grey-350-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));
|
||||
@@ -1278,7 +1487,6 @@ body.theme-light .mk-note-header:after {
|
||||
|
||||
body {
|
||||
--italic-color: var(--text-color);
|
||||
--italic-weight: 600;
|
||||
--bold-color: var(--text-color);
|
||||
--bold-weight: 800;
|
||||
--inline-title-color: var(--color-accent-2);
|
||||
@@ -1725,6 +1933,111 @@ body.encore-theme-dark-materialocean.theme-dark.encore-colors-colorful {
|
||||
--h6-color: var(--color-orange);
|
||||
}
|
||||
|
||||
body.encore-theme-dark-flexoki.theme-dark {
|
||||
--grey-50-rgb: 242, 240, 229;
|
||||
--grey-100-rgb: 206, 205, 195;
|
||||
--grey-200-rgb: 168, 166, 159;
|
||||
--grey-300-rgb: 135, 133, 128;
|
||||
--grey-350-rgb: 114, 111, 106;
|
||||
--grey-400-rgb: 85, 82, 78;
|
||||
--grey-500-rgb: 64, 62, 60;
|
||||
--grey-600-rgb: 52, 51, 49;
|
||||
--grey-700-rgb: 40, 39, 38;
|
||||
--grey-800-rgb: 28, 27, 26;
|
||||
--grey-850-rgb: 23, 22, 22;
|
||||
--grey-875-rgb: 20, 19, 19;
|
||||
--grey-900-rgb: 16, 15, 15;
|
||||
--accent-h: 175;
|
||||
--accent-s: 49%;
|
||||
--accent-l: 45%;
|
||||
--workspace-background-translucent: rgba(var(--grey-700-rgb), 0.33);
|
||||
background-color: rgb(var(--grey-875-rgb));
|
||||
}
|
||||
body.encore-theme-dark-flexoki.theme-dark.encore-colors-colorful {
|
||||
--highlight-hue: 50;
|
||||
--italic-color: #d2e6d2;
|
||||
--bold-color: #e0eec5;
|
||||
--h1-color: #b3bcf0;
|
||||
--h2-color: #989ed6;
|
||||
--h3-color: #8987c9;
|
||||
--h4-color: #9482c5;
|
||||
--h5-color: #9482c5;
|
||||
--h6-color: #9482c5;
|
||||
}
|
||||
body.encore-theme-dark-flexoki.theme-dark .mod-root .workspace-tab-container .workspace-leaf-content {
|
||||
--en-opacity: 1;
|
||||
background-color: rgb(var(--grey-900-rgb));
|
||||
}
|
||||
body.encore-theme-dark-flexoki.theme-dark .mod-root .workspace-tab-container .workspace-leaf-content .canvas-wrapper .canvas-background {
|
||||
background-color: rgb(var(--grey-900-rgb));
|
||||
}
|
||||
body.encore-theme-dark-flexoki.theme-dark .mk-note-header:after {
|
||||
--gradient-color: var(--color-base-10);
|
||||
}
|
||||
body.encore-theme-dark-flexoki.theme-dark.encore-fancy-headers .workspace-tab-container .workspace-leaf-content > .view-header {
|
||||
--en-opacity: 0.66;
|
||||
background-color: rgb(var(--grey-900-rgb));
|
||||
backdrop-filter: var(--en-acrylic);
|
||||
}
|
||||
|
||||
body.encore-theme-dark-glass-royale.theme-dark {
|
||||
--grey-50-rgb: 225, 227, 233;
|
||||
--grey-100-rgb: 222, 227, 241;
|
||||
--grey-200-rgb: 173, 181, 200;
|
||||
--grey-300-rgb: 162, 165, 186;
|
||||
--grey-350-rgb: 126, 128, 148;
|
||||
--grey-400-rgb: 97, 97, 115;
|
||||
--grey-500-rgb: 40, 40, 48;
|
||||
--grey-600-rgb: 26, 26, 32;
|
||||
--grey-700-rgb: 20, 20, 25;
|
||||
--grey-800-rgb: 11, 11, 12;
|
||||
--grey-850-rgb: 8, 8, 8;
|
||||
--grey-875-rgb: 6, 6, 6;
|
||||
--grey-900-rgb: 0, 0, 0;
|
||||
--accent-h: 203;
|
||||
--accent-s: 66%;
|
||||
--accent-l: 54%;
|
||||
--workspace-background-translucent: rgba(var(--grey-900-rgb), 0.4);
|
||||
}
|
||||
body.encore-theme-dark-glass-royale.theme-dark.encore-colors-colorful {
|
||||
--highlight-hue: 30;
|
||||
--bold-color: var(--color-green);
|
||||
--italic-color: var(--color-red);
|
||||
--h1-color: #5af273;
|
||||
--h2-color: #65e4de;
|
||||
--h3-color: #e755db;
|
||||
--h4-color: #e9ca63;
|
||||
--h5-color: #9dee51;
|
||||
--h6-color: #8badec;
|
||||
}
|
||||
body.encore-theme-dark-glass-royale.theme-dark .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container,
|
||||
body.encore-theme-dark-glass-royale.theme-dark .mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container {
|
||||
background-color: rgba(255, 255, 255, 0.062745098);
|
||||
backdrop-filter: blur(20px) saturate(1.8);
|
||||
}
|
||||
body.encore-theme-dark-glass-royale.theme-dark .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active,
|
||||
body.encore-theme-dark-glass-royale.theme-dark .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(255, 255, 255, 0.1882352941);
|
||||
}
|
||||
body.encore-theme-dark-glass-royale.theme-dark .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner {
|
||||
background-color: rgba(255, 255, 255, 0.1882352941);
|
||||
backdrop-filter: blur(50px) saturate(1.5);
|
||||
}
|
||||
body.encore-theme-dark-glass-royale.theme-dark .mod-root .workspace-tab-container .workspace-leaf-content {
|
||||
--en-opacity: 0.75;
|
||||
background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2509803922)), linear-gradient(rgba(255, 255, 255, 0.031372549), rgba(255, 255, 255, 0.0078431373));
|
||||
backdrop-filter: blur(32px) saturate(2);
|
||||
}
|
||||
body.encore-theme-dark-glass-royale.theme-dark .mod-root .workspace-tab-container .workspace-leaf-content .canvas-wrapper .canvas-background {
|
||||
background-color: transparent;
|
||||
--canvas-dot-pattern: #ffffff15;
|
||||
}
|
||||
|
||||
body.encore-theme-dark-glass-royale.theme-dark.encore-fancy-headers .workspace-tab-container .workspace-leaf-content > .view-header {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
backdrop-filter: var(--en-acrylic);
|
||||
}
|
||||
|
||||
body.encore-theme-light-sterling.theme-light {
|
||||
--grey-50-rgb: 17, 24, 39;
|
||||
--grey-100-rgb: 31, 41, 55;
|
||||
@@ -1782,6 +2095,11 @@ body.theme-light {
|
||||
--hr-color: #00000090;
|
||||
}
|
||||
|
||||
:root {
|
||||
--encore-translucency-strength: 0.25;
|
||||
--encore-translucency-image: url("https://images.unsplash.com/photo-1707494966495-a2cc8c1dac1f?q=80&w=1935&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
|
||||
}
|
||||
|
||||
body.encore-bright-accent {
|
||||
--text-on-accent: var(--color-base-00);
|
||||
}
|
||||
@@ -1799,14 +2117,14 @@ body.encore-blur-off {
|
||||
--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 {
|
||||
body:not(.is-mobile):not(.encore-disable-clickability-fix) .markdown-source-view.mod-cm6.is-readable-line-width > .cm-editor > .cm-scroller > .cm-sizer > .cm-contentContainer > .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 {
|
||||
body:not(.is-mobile):not(.encore-disable-clickability-fix) .cm-scroller {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
@@ -1894,11 +2212,21 @@ body.encore-coloured-tooltip > .tooltip {
|
||||
.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);
|
||||
background-color: hsla(var(--highlight-hue), 100%, 30%, 0.5);
|
||||
border-top: 1px solid hsla(var(--highlight-hue), 100%, 60%, 0.15);
|
||||
border-bottom: 1px solid hsla(var(--highlight-hue), 100%, 20%, 1);
|
||||
color: hsla(var(--highlight-hue), 100%, 92%, 1);
|
||||
}
|
||||
|
||||
body.encore-highlight-border .markdown-rendered mark,
|
||||
body.encore-highlight-border .cm-s-obsidian span.cm-formatting-highlight,
|
||||
body.encore-highlight-border .cm-s-obsidian span.cm-highlight,
|
||||
body.encore-highlight-border .search-result-file-matched-text {
|
||||
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);
|
||||
padding: 0 0.15em;
|
||||
border-radius: 0.2em;
|
||||
border: none;
|
||||
}
|
||||
|
||||
body:not(.is-mobile) .prompt {
|
||||
@@ -1961,11 +2289,11 @@ body:not(.is-mobile) .prompt > .prompt-instructions {
|
||||
|
||||
.modal {
|
||||
border: none;
|
||||
background-color: rgba(var(--grey-800-rgb), var(--en-opacity));
|
||||
background-color: rgb(var(--grey-850-rgb));
|
||||
--en-opacity: 1;
|
||||
}
|
||||
.modal .vertical-tab-header {
|
||||
background-color: rgba(var(--grey-700-rgb), var(--en-opacity));
|
||||
background-color: rgb(var(--grey-700-rgb));
|
||||
border-right: none !important;
|
||||
}
|
||||
.modal .vertical-tab-header .vertical-tab-header-group-title {
|
||||
|
Reference in New Issue
Block a user