Skip to content

Latest commit

 

History

History
80 lines (66 loc) · 2.06 KB

Image as a background 01.md

File metadata and controls

80 lines (66 loc) · 2.06 KB
Raw

↪Collection

Image as a background 01

cover:: 

/*
author: Chetachi
source: https://discord.com/channels/686053708261228577/702656734631821413/893904428430680065
*/

.workspace {
  background-image: url("https://images.wallpapersden.com/image/download/macos-12-monterey-stock-dark_bGxsaGiUmZqaraWkpJRmbmdlrWZlbWU.jpg");
  background-size: cover;
  --background-primary: #20202040;
  --background-primary-alt: #1a1a1a40;
  --background-secondary: #16161640;
  --background-secondary-alt: #00000040;
  --background-modifier-border: #00000040;
  --background-modifier-form-field: var(--background-primary-alt);
  --svg-faint: var(--text-muted);
}

.graph-controls {
  border: none;
}

.graph-controls,
.graph-controls.is-close,
.theme-light .nav-action-button.is-active,
.theme-dark .nav-action-button.is-active,
.theme-light .workspace-tab-header.is-active,
.theme-dark .workspace-tab-header.is-active {
  box-shadow: none !important;
}

.workspace-ribbon,
.workspace-split .workspace-tabs {
  background: var(--background-primary);
  background-color: var(--background-primary) !important;
}

.workspace-tabs .workspace-leaf {
  background-color: unset;
}

div.view-header,
.workspace-tab-header-container,
.workspace-split.mod-root .view-content,
.mod-root .CodeMirror-gutter.CodeMirror-linenumbers,
.mod-root .CodeMirror-gutter.CodeMirror-foldgutter {
  background-color: transparent !important;
}

/*
body:not(.no-svg-replace) svg.right-triangle,
body:not(.no-svg-replace)
  .markdown-preview-view
  .collapse-indicator
  > svg.right-triangle {
  background-color: var(--text-muted);
}
*/

body:not(.no-svg-replace) svg.right-triangle,
body:not(.no-svg-replace) span[title="Fold line"]:after,
body:not(.no-svg-replace) span[title="Unfold line"]:after,
body:not(.no-svg-replace) .CodeMirror-foldgutter-open:after,
body:not(.no-svg-replace) .CodeMirror-foldgutter-folded:after {
  color: var(--text-muted);
}