lyxtsinghua_obsidian-theme-.../styles.css

104 lines
2.6 KiB
CSS

.status-bar-item.theme-quick-switch-status {
padding-inline: 6px;
}
.theme-quick-switch-buttons {
display: flex;
align-items: center;
gap: 4px;
}
.theme-quick-switch-label {
color: var(--text-muted);
font-size: 11px;
}
.theme-quick-switch-button {
border: 1px solid var(--background-modifier-border);
border-radius: 999px;
background: transparent;
color: var(--text-muted);
cursor: pointer;
font-size: 11px;
line-height: 1.4;
padding: 1px 7px;
}
.theme-quick-switch-button:hover {
background: var(--background-modifier-hover);
color: var(--text-normal);
}
.theme-quick-switch-button.is-active {
background: var(--interactive-accent);
border-color: var(--interactive-accent);
color: var(--text-on-accent);
}
.theme-quick-switch-eye-care.theme-light {
--background-primary: #f5efde;
--background-primary-alt: #f8f2e3;
--background-secondary: #ede5d1;
--background-secondary-alt: #e6dcc7;
--background-modifier-border: rgba(115, 100, 75, 0.18);
--background-modifier-hover: rgba(109, 138, 92, 0.12);
--text-normal: #384235;
--text-muted: #65715b;
--interactive-accent: #6d8a5c;
--interactive-accent-hover: #5f7a51;
--pdf-background: #edf4e7;
--pdf-page-background: #e3efdb;
}
.theme-quick-switch-eye-care.theme-dark {
--background-primary: #1c2118;
--background-primary-alt: #20261b;
--background-secondary: #252b1f;
--background-secondary-alt: #2b3225;
--background-modifier-border: rgba(194, 209, 162, 0.14);
--background-modifier-hover: rgba(168, 193, 132, 0.12);
--text-normal: #d8dfca;
--text-muted: #aab39d;
--interactive-accent: #8faa72;
--interactive-accent-hover: #a0bd83;
}
.theme-quick-switch-eye-care .canvasWrapper canvas {
transition: filter 140ms ease;
}
.theme-dark .pdfViewer .canvasWrapper canvas {
filter: invert(100%);
mix-blend-mode: normal;
opacity: 1;
}
.theme-light .pdfViewer .canvasWrapper canvas {
filter: none;
mix-blend-mode: normal;
opacity: 1;
}
.theme-quick-switch-eye-care.theme-light .pdf-container {
background: var(--pdf-background);
}
.theme-quick-switch-eye-care.theme-light .pdfViewer .page {
background-color: var(--pdf-page-background) !important;
}
.theme-quick-switch-eye-care.theme-light .pdfViewer .canvasWrapper {
background: var(--pdf-page-background);
}
.theme-quick-switch-eye-care.theme-light .pdfViewer .canvasWrapper canvas {
filter: brightness(98%) contrast(96%);
mix-blend-mode: multiply;
opacity: 0.98;
}
.theme-quick-switch-eye-care.theme-dark .canvasWrapper canvas {
filter: invert(100%) brightness(88%) contrast(92%);
mix-blend-mode: normal;
opacity: 1;
}