Repository: seanwcom/Red-Graphite-for-Obsidian Branch: master Commit: b03e01004c10 Files: 48 Total size: 195.8 KB Directory structure: gitextract_xsobzhap/ ├── .github/ │ └── workflows/ │ └── release.yml ├── .gitignore ├── Gruntfile.js ├── LICENSE ├── README.md ├── manifest.json ├── obsidian.css ├── package.json ├── src/ │ ├── css/ │ │ ├── alternate-checkboxes.css │ │ └── style-settings.css │ └── scss/ │ ├── app/ │ │ ├── backgrounds.scss │ │ ├── backlink-pane.scss │ │ ├── blocks.scss │ │ ├── code.scss │ │ ├── dividers-between-panes.scss │ │ ├── file-navigator.scss │ │ ├── font.scss │ │ ├── headers.scss │ │ ├── icons.scss │ │ ├── lists.scss │ │ ├── menu.scss │ │ ├── misc.scss │ │ ├── modals.scss │ │ ├── properties.scss │ │ ├── ribbon.scss │ │ ├── scrollbars.scss │ │ ├── stacked-tabs.scss │ │ ├── status-bar.scss │ │ ├── suggestion-dropdown.scss │ │ ├── tables.scss │ │ ├── tabs.scss │ │ ├── text.scss │ │ ├── ui-font-sizes.scss │ │ ├── vault-name.scss │ │ └── window-frame.scss │ ├── index.scss │ ├── plugins/ │ │ ├── alternate-checkboxes.scss │ │ ├── calendar.scss │ │ ├── checklist.scss │ │ ├── copilot.scss │ │ ├── dangling-links.scss │ │ ├── dataview.scss │ │ ├── kanban.scss │ │ ├── makemd.scss │ │ └── style-settings.scss │ └── themes/ │ ├── theme-dark.scss │ └── theme-light.scss └── theme.css ================================================ FILE CONTENTS ================================================ ================================================ FILE: .github/workflows/release.yml ================================================ name: Release Obsidian theme on: push: tags: - "*" jobs: build: runs-on: ubuntu-latest steps: - uses: actions/checkout@v3 - name: Create release env: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} run: | tag="${GITHUB_REF#refs/tags/}" gh release create "$tag" \ --title="$tag" \ --generate-notes \ --draft \ manifest.json theme.css ================================================ FILE: .gitignore ================================================ .DS_Store .env .gitconfig .sass-cache .vscode *.map dist node_modules ================================================ FILE: Gruntfile.js ================================================ /* Many people use Grunt, but I sourced this from the exceptional Minimal theme which can be found here: https://github.com/kepano/obsidian-minimal */ module.exports = function (grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), /* Get the user-defined OBSIDIAN_PATH from .env file so that we can live reload the theme in the vault */ env: { local: { src: ".env" } }, // Create red-graphite.css and red-graphite.min.css from index.scss sass: { dist: { options: { implementation: require('sass'), sourceMap: false, outputStyle: 'compressed' }, files: { 'src/css/red-graphite.min.css': 'src/scss/index.scss' } } }, // css used for distribution and live reload cssmin: { options: { advanced: false, aggressiveMerging: false, mediaMerging: false, restructuring: false }, target: { files: { 'src/css/red-graphite.min.css': 'src/css/red-graphite.min.css' } } }, // Concatenate theme files adding Style Settings concat_css: { dist: { files: { // 'theme.css': ['src/css/red-graphite.min.css', 'src/css/alternate-checkboxes.css', 'src/css/style-settings.css'] 'theme.css': ['src/css/red-graphite.min.css', 'src/css/style-settings.css'] } } }, // Put files where they need to go copy: { local: { files: [ { expand: true, src: 'theme.css', dest: "<%= OBSIDIAN_PATH %>" }, { expand: true, src: 'manifest.json', dest: "<%= OBSIDIAN_PATH %>" } ] } }, // Watch for changes, and compile new changes watch: { css: { files: ['src/**/*.scss', 'src/**/*.css'], tasks: ['env:local', 'loadconst', 'sass:dist', 'concat_css:dist', 'copy'] } } }); grunt.loadNpmTasks('grunt-env'); grunt.loadNpmTasks('grunt-sass'); grunt.loadNpmTasks('grunt-contrib-cssmin'); grunt.loadNpmTasks('grunt-concat-css'); grunt.loadNpmTasks('grunt-contrib-copy'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.registerTask('loadconst', 'Load constants', function () { grunt.config('OBSIDIAN_PATH', process.env.OBSIDIAN_PATH); }); grunt.registerTask('build', ['env:local', 'loadconst', 'sass:dist', 'concat_css:dist', 'copy']); grunt.registerTask('default', ['env:local', 'loadconst', 'watch']); } ================================================ FILE: LICENSE ================================================ This is free and unencumbered software released into the public domain. Anyone is free to copy, modify, publish, use, compile, sell, or distribute this software, either in source code form or as a compiled binary, for any purpose, commercial or non-commercial, and by any means. In jurisdictions that recognize copyright laws, the author or authors of this software dedicate any and all copyright interest in the software to the public domain. We make this dedication for the benefit of the public at large and to the detriment of our heirs and successors. We intend this dedication to be an overt act of relinquishment in perpetuity of all present and future rights to this software under copyright law. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. For more information, please refer to ================================================ FILE: README.md ================================================ # Red Graphite for Obsidian A minimal theme for [Obsidian](https://obsidian.md/) with both light and dark variants. This theme is based on Bear.app's Red Graphite theme. Here are a couple screenshots (with more further down the page): ![Screenshot](./screenshots/light-callout.png) ![Screenshot](./screenshots/dark-callout.png) ## Installation - Open Obsidian settings - In the `Appearance` section, click the `Manage` button - Search for "Red Graphite" in the community themes, and select it - Click the `Use this theme` button ## A note about development and updates The original Red Graphite theme has been largely untouched for over a year. Between work and family, keeping up with it wasn't a priority. I even personally switched to various other themes (mostly just the amazing [Minimal](https://github.com/kepano/obsidian-minimal) theme). Some of those other theme developers are adding amazing features that I love to use on a daily basis, so Red Graphite fell in priority. However, with the 1.0 release of Obsidian, I really wanted to release an updated version of the theme for those that prefer its simplicity. I won't be as active as other theme developers, and with that in mind, I've made this version not much more than a color-theme for the default theme. Most of the changes are with the UI and there are not many changes to the actual rendering of your notes. ## More Screenshots Here's a few more screenshots in addition to those above: ![Screenshot](./screenshots/light-table.png) ![Screenshot](./screenshots/dark-table.png) ![Screenshot](./screenshots/light-task.png) ![Screenshot](./screenshots/dark-task.png) ## Style Settings If you use the Style Settings plugin, you can adjust a few things. Here you can see changing the base and accent colors. Most of the colors in the theme are derived from the base color, so play with it and see if you like a different color. ![Screenshot](./screenshots/light-stylesettings.png) ![Screenshot](./screenshots/dark-stylesettings.png) ## Build If you want to fork this and make your own version, feel free to. Hopefully you are familiar with build systems like NPM and Grunt, here are just a few notes. You will need to make a `.env` file (copy/rename the `.env.example` file). This just defines a location for Grunt to copy files to. It should be the location of some vault that you want to test the theme in. After cloning, install dependencies: ```shell npm install ``` Run in dev mode (watch): ```shell npm run dev ``` Build for distribution: ```shell npm run build ``` ## License This theme is copied from Bear.app's Red Graphite theme, so it would be silly to pretend to have a license. Do as you please, all credit to the Bear designers for putting good colors together. ================================================ FILE: manifest.json ================================================ { "name": "Red Graphite", "version": "1.0.5", "minAppVersion": "1.0.0", "author": "Sean Williams", "authorUrl": "https://github.com/seanwcom/Red-Graphite-for-Obsidian" } ================================================ FILE: obsidian.css ================================================ /* THIS IS THE OLD THEME FOR OLDER VERSIONS OF OBSIDIAN -- THIS HAS NOT BEEN UPDATED TO REFLECT THE THEME CHANGES MADE FOR THE 1.0 OBSIDIAN RELEASE. */ .theme-light { --background-inline-code: rgb(240, 240, 240); --background-nav-alt: rgb(58, 62, 63); --background-nav-file-tag: rgb(203, 77, 73); --background-nav-selected: rgb(203, 77, 73); --background-nav: rgb(41, 44, 46); --background-primary: rgb(250, 250, 250); --background-tag: #b5b5b5; --border-inline-code: rgb(215, 215, 215); --code-block-background: #ffffff; --code-block-border: #92a1a17a; --font-family-editor: Avenir, "Avenir Next", "Avenir Next Cyr", 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif; --font-family-preview: Avenir, "Avenir Next", "Avenir Next Cyr", 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif; --interactive-accent: rgb(203, 77, 73); --interactive-accent-hover: rgb(151, 46, 43); --text-accent: rgb(203, 77, 73); --text-faint: rgb(150, 150, 150); --text-header: rgb(44, 44, 44); --text-highlight-bg: #b4ff0066; --text-inline-code: rgb(45, 45, 45); --text-nav-selected: rgb(255, 255, 255); --text-nav: rgb(190, 190, 190); --text-normal: rgb(44, 44, 44); --text-normal-opposite: rgb(216, 216, 216); } .theme-dark { --background-inline-code: rgb(41, 44, 46); --background-nav-alt: rgb(58, 62, 63); --background-nav-file-tag: rgb(116, 190, 247); --background-nav-selected: rgb(73, 73, 73); --background-nav: rgb(41, 44, 46); --background-primary: rgb(28, 30, 32); --background-tag: rgb(111, 112, 116); --border-inline-code: rgb(76, 76, 76); --code-block-background: rgb(32, 32, 32); --code-block-border: rgb(77, 77, 77); --font-family-editor: Avenir, "Avenir Next", "Avenir Next Cyr", 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif; --font-family-preview: Avenir, "Avenir Next", "Avenir Next Cyr", 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif; --interactive-accent: rgb(116, 190, 247); --interactive-accent-hover: rgb(24, 147, 242); --text-accent: rgb(116, 190, 247); --text-faint: rgb(150, 150, 150); --text-header: rgb(198, 213, 224); --text-highlight-bg: rgb(64, 73, 181); --text-inline-code: rgb(230, 230, 230); --text-nav-selected: rgb(255, 255, 255); --text-nav: rgb(190, 190, 190); --text-normal: rgb(216, 216, 216); --text-normal-oppsite: rgb(44, 44, 44); } /* header colors */ .cm-header, .markdown-preview-view h1, .markdown-preview-view h2, .markdown-preview-view h3, .markdown-preview-view h4, .markdown-preview-view h5, .markdown-preview-view h6 { color: var(--text-header); } /* Changing size/color of the header hashtags ## */ .cm-formatting-header { color: var(--text-faint); font-size: 0.6em; } /* Backlinks header colors - thanks @a-star-wave! */ .side-dock-collapsible-section-header { color: var(--text-nav); } /* Headers in editor - hide the #'s */ /* .cm-formatting-header-1, .cm-formatting-header-2, .cm-formatting-header-3, .cm-formatting-header-4, .cm-formatting-header-5, .cm-formatting-header-6, .cm-formatting-header-7 { visibility: hidden; position: relative; width: 20px; display: inline-block; } */ /* Headers in editor - show custom content - common */ /* .cm-formatting-header-1:after, .cm-formatting-header-2:after, .cm-formatting-header-3:after, .cm-formatting-header-4:after, .cm-formatting-header-5:after, .cm-formatting-header-6:after, .cm-formatting-header-7:after { visibility: visible; position: absolute; left: 0; font-size: 12px; } */ /* Headers in editor - show custom content - specifics */ /* .cm-formatting-header-1:after { bottom: 2px; content: "H1"; } .cm-formatting-header-2:after { bottom: 0px; content: "H2"; } .cm-formatting-header-3:after { bottom: 0px; content: "H3"; } .cm-formatting-header-4:after { bottom: -1px; content: "H4"; } .cm-formatting-header-5:after { bottom: -1px; content: "H5"; } .cm-formatting-header-6:after { bottom: -1px; content: "H6"; } .cm-formatting-header-7:after { bottom: -1px; content: "H7"; } */ .cm-s-obsidian span.cm-url { color: var(--text-accent); } .markdown-preview-view mark { color: var(--text-normal); padding: 0px 4px; } .cm-formatting-em.cm-em { color: var(--text-faint); font-weight: 100; font-size: 0.6em; } .cm-formatting-strong.cm-strong { color: var(--text-faint); font-weight: 100; font-size: 0.6em; } /* Wrap long nav text */ .nav-file-title, .nav-folder-title { white-space: normal; } /* Indent wrapped nav text */ .nav-file-title-content { margin-left: 10px; text-indent: -10px; } /* Horizontal rule between Icons and vault in left nav */ .nav-buttons-container { border-bottom: 1px solid var(--background-nav-alt); } /* The name of the vault */ .nav-folder.mod-root > .nav-file-title, .nav-folder.mod-root > .nav-folder-title { color: var(--text-nav); } /* Color of left nav tree text */ .nav-file-title, .nav-folder-title { color: var(--text-nav); } /* New top tabs */ .workspace-tabs { background-color: var(--background-nav-alt); } .workspace-tab-header-container { background-color: var(--background-nav-alt); } /* Color of the curve of the top tabs */ .workspace-tab-container-before.is-before-active, .workspace-tab-container-after.is-after-active, .workspace-tab-header.is-before-active, .workspace-tab-header.is-after-active { background-color: var(--background-nav); } /* Background color of unselected tabs */ .workspace-tab-container-before.is-before-active .workspace-tab-header-inner, .workspace-tab-container-after.is-after-active .workspace-tab-header-inner, .workspace-tab-header.is-before-active .workspace-tab-header-inner, .workspace-tab-header.is-after-active .workspace-tab-header-inner { background-color: var(--background-nav-alt); } /* Background color of selected tab */ .workspace-tab-header.is-active { background-color: var(--background-nav); } /* resize handle coloring */ .workspace-leaf-resize-handle { background-color: transparent; } /* Set the left nav background to same color as ribbon so we can make a curved corner that matches */ .workspace-tabs .workspace-leaf { background-color: var(--background-nav-alt); } /* Set the left nav background to different color from ribbon, and give a curved corner with statusbar */ .mod-left-split .workspace-tabs .workspace-leaf .workspace-leaf-content { background-color: var(--background-nav); border-bottom-left-radius: 10px; border-top-left-radius: 10px; } /* Set the right nav background to different color from ribbon, and give a curved corner with statusbar */ .mod-right-split .workspace-tabs .workspace-leaf .workspace-leaf-content { background-color: var(--background-nav); border-bottom-right-radius: 10px; border-top-right-radius: 10px; } .side-dock.mod-right { border-left: 0px; } /* Left nav ribbon background color */ .side-dock-ribbon { background-color: var(--background-nav-alt); } /* Left nav ribbon background-color */ .side-dock-ribbon-before.is-before-active, .side-dock-ribbon-after.is-after-active, .side-dock-ribbon-tab.is-before-active, .side-dock-ribbon-tab.is-after-active { background-color: var(--background-nav); } /* Left nav ribbon background-color */ .side-dock-ribbon-before.is-before-active .side-dock-ribbon-tab-inner, .side-dock-ribbon-after.is-after-active .side-dock-ribbon-tab-inner, .side-dock-ribbon-tab.is-before-active .side-dock-ribbon-tab-inner, .side-dock-ribbon-tab.is-after-active .side-dock-ribbon-tab-inner { background-color: var(--background-nav-alt); } /* Left nav ribbon active background-color */ .side-dock-ribbon-tab.is-active { background-color: var(--background-nav); } /* Left nav ribbon active hover text color (icon color) */ .side-dock-ribbon-tab.is-active:hover { color: var(--text-accent); } /* Left nav ribbon inactive hover text color (icon color) */ .side-dock-ribbon-tab:hover, .side-dock-ribbon-action:hover { color: var(--text-accent); } /* Background and text color of selected item in left nav tree */ .nav-file.is-active > .nav-file-title, .nav-file.is-active > .nav-folder-title, .nav-file.is-active > .nav-folder-collapse-indicator, .nav-folder.is-active > .nav-file-title, .nav-folder.is-active > .nav-folder-title, .nav-folder.is-active > .nav-folder-collapse-indicator { background-color: var(--background-nav-selected); color: var(--text-nav-selected); } /* Background and text color of selected item in left nav tree - when hovering */ .nav-file.is-active > .nav-file-title:hover, .nav-file.is-active > .nav-folder-title:hover, .nav-file.is-active > .nav-folder-collapse-indicator:hover, .nav-folder.is-active > .nav-file-title:hover, .nav-folder.is-active > .nav-folder-title:hover, .nav-folder.is-active > .nav-folder-collapse-indicator:hover { background-color: var(--text-accent); color: var(--text-nav-selected); } /* Background and text color of hovered item in left nav tree */ body:not(.is-grabbing) .nav-file-title:hover, body:not(.is-grabbing) .nav-folder-title:hover { background-color: var(--background-secondary-alt); color: var(--text-nav-selected); } /* Background and text color of hovered collapse indicator in left nav tree */ body:not(.is-grabbing) .nav-file-title:hover .nav-folder-collapse-indicator, body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator { background-color: var(--background-secondary-alt); color: var(--text-nav-selected); } /* Left Nav menu item - hover background color */ body:not(.is-grabbing) .nav-file-title:hover, body:not(.is-grabbing) .nav-folder-title:hover { background-color: var(--background-nav-alt); } /* Left Nav menu item - hover background color of the collapse/expand arrow */ body:not(.is-grabbing) .nav-file-title:hover .nav-folder-collapse-indicator, body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator { background-color: var(--background-nav-alt); } /* Left side dock */ .side-dock.mod-left { border-right: 1px solid var(--background-secondary-border); } /* Font adjustments for pane headers */ .view-header-title { font-size: 16px; font-weight: 600; } /* Status bar ... duh? :) */ .status-bar { background-color: var(--background-nav-alt); border-top: 0px solid var(--background-nav-alt); color: var(--text-nav); } /* Testing a gradient design for statusbar */ /* .status-bar { border-top: 0px; background-color: var(--background-nav-alt); background: linear-gradient(90deg, rgba(255,0,0,0) 5%, var(--background-nav-alt) 20%); position: absolute; right: 0; bottom: 0; width: 500px; color: var(--text-nav); } */ /* Context menu hover item */ .menu-item:hover { background-color: var(--background-secondary-alt); color: var(--text-accent); } /* Font for the markdown source panel */ div.markdown-source-view { font-family: var(--font-family-editor); } /* Font for the markdown preview panel */ div.markdown-preview-view { font-family: var(--font-family-preview); } /* Coloring the list bullets/numbers */ .cm-s-obsidian span.cm-formatting-list { color: var(--text-accent); font-size: 0.85em; font-weight: 500; font-family: var(--font-monospace); } /* Editor view - task list, color and veritcal align */ .cm-s-obsidian span.cm-formatting-task { color: var(--text-accent); font-size: 0.85em; font-weight: 500; position: relative; top: -0.12em; } /* Preview Checkboxes don't seem to align correctly */ .markdown-preview-view .task-list-item-checkbox { /* width: 15px; */ /* height: 15px; */ /* position: relative; */ /* top: 3px; */ } /* Resetting the default hue-rotate(42deg) */ .markdown-preview-view .task-list-item-checkbox { /* filter: hue-rotate(42deg); -- DEFAULT */ filter: none; } .CodeMirror .cm-math { color: var(--text-inline-code); } /* color of inline code ticks */ .cm-s-obsidian span.cm-inline-code.cm-formatting-code { color: var(--text-faint); } /* color of inline code */ .cm-s-obsidian span.cm-inline-code { color: var(--text-inline-code); } /* color and border of inline code (between the ticks) */ .cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code), .markdown-preview-section code { background-color: var(--background-inline-code); border: 0px solid var(--border-inline-code); font-weight: 600; color: var(--text-inline-code); } /* Preview code block background */ .markdown-preview-view pre { padding: 1em; background-color: var(--code-block-background); border-radius: 4px; border: 1px solid var(--code-block-border); white-space: pre-wrap; line-height: 1.0em; } /* Unset the background and font weight from where we set it for inline code */ .markdown-preview-view pre code { background-color: transparent; font-weight: normal; } /* Code block border color */ .cm-s-obsidian div.HyperMD-codeblock-begin-bg { border-top: 1px solid var(--code-block-border); border-top-left-radius: 4px; border-top-right-radius: 4px; } /* Code block border color */ .cm-s-obsidian div.HyperMD-codeblock-end-bg { border-bottom: 1px solid var(--code-block-border); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } /* Code block background color */ .cm-s-obsidian div.HyperMD-codeblock-bg { background-color: var(--code-block-background); } /* Code block left and right padding */ .cm-s-obsidian pre.HyperMD-codeblock { padding: 0px 10px 0px 10px; color: var(--text-inline-code); } /* Code block top padding */ .cm-s-obsidian pre.HyperMD-codeblock-begin { padding-top: 10px; } /* Code block bottom padding */ .cm-s-obsidian pre.HyperMD-codeblock-end { padding-top: 10px; } /* Code block left and right border colors */ .cm-s-obsidian div.HyperMD-codeblock-bg { border-left: 1px solid var(--code-block-border); border-right: 1px solid var(--code-block-border); } /* Enable wrapping of code blocks in the preview panel */ .theme-light code[class*="language-"], .theme-light pre[class*="language-"], .theme-dark code[class*="language-"], .theme-dark pre[class*="language-"] { white-space: pre-wrap; background-color: var(--code-block-background); } /* Add some spacing when a #hashtag is used */ /* .cm-hashtag, .markdown-preview-section .tag { line-height: 1.9em; } */ /* Tag pillbox - common settings for editor left, editor right and preview */ .cm-s-obsidian span.cm-hashtag-begin, .cm-s-obsidian span.cm-hashtag-end, a.tag { background-color: var(--background-tag); color: var(--text-nav-selected); padding-bottom: 2px; padding-top: 2px; text-decoration: none; font-family: var(--font-family-editor); font-size: 0.9em; } /* Tag editor left side pillbox */ .cm-s-obsidian span.cm-hashtag-begin { border-top-left-radius: 25px; border-bottom-left-radius: 25px; padding-left: 8px; } /* Tag editor right side pillbox */ .cm-s-obsidian span.cm-hashtag-end { border-top-right-radius: 25px; border-bottom-right-radius: 25px; padding-right: 10px; } /* Tag preview pillbox */ a.tag { border-top-left-radius: 250px; border-top-right-radius: 250px; border-bottom-left-radius: 250px; border-bottom-right-radius: 250px; padding-left: 10px; padding-right: 12px; } /* Add a tiny bit of padding to the link brackets and parenthesis */ .cm-s-obsidian span.cm-formatting-link, .cm-s-obsidian span.cm-formatting-link-string { padding: 0 1px 0 1px; /* font-weight: 500; */ } /* Additional left/right padding for tag pane so hover background has some room */ .tag-pane-tags { padding-left: 10px; padding-right: 5px; } /* Color the hover background like we do the selected left nav */ .tag-pane-tag:hover { background-color: var(--background-nav-alt); color: var(--text-nav-selected); } /* Style the tag pane tag count with the bear red coloring used in selected item from left nav */ .tag-pane-tag-count { background-color: var(--text-accent); color: var(--text-nav-selected); } /* Backlinks title match hover */ .search-result-file-title:hover { background-color: var(--background-nav-alt); } /* Backlinks content match hover */ .search-result-file-match:hover { background-color: var(--background-nav-alt); } /* Backlink titles for matches */ .search-result-file-title { color: var(--text-nav); } /* Backlink highlighted [[links]] */ .search-result-file-matched-text { color: var(--text-nav-selected); background-color: var(--text-accent); padding: 2px; border-radius: 4px; } /* Add button hovers to the the Update internal links modal (and possibly others) */ .modal-button-container button:not(.mod-cta):not(.mod-warning):hover { background-color: var(--text-accent); color: var(--text-nav-selected); } /* Background color of rename inputs */ .nav-file-title-content.is-being-renamed, .nav-folder-title-content.is-being-renamed { cursor: text; border-color: var(--interactive-accent); background-color: var(--background-nav); padding-left: 15px; } /* Background color of file tags, like "png" */ .nav-file-tag { background-color: var(--background-nav-file-tag); color: var(--text-nav-selected); } /* Remove the border, padding, and margin for the transcludes/embeds */ .markdown-preview-view .markdown-embed, .markdown-preview-view .file-embed { border: 0px; padding: 0; margin: 0; } /* Hide the title of the embeds */ .markdown-embed-title { display: none; } /* Allow a full embed, not a partial, scrolling embed */ .markdown-preview-view .markdown-embed-content { max-height: unset; overflow-y: unset; padding-right: unset; } .markdown-preview-view .markdown-embed-content > .markdown-preview-view { max-height: unset; } /* Add support for [Calendar plugin](https://github.com/liamcain/obsidian-calendar-plugin) */ #calendar-container { --color-background-heading: transparent; --color-background-day: transparent; --color-background-day-empty: transparent; --color-background-day-active: var(--background-nav-selected); --color-background-day-hover: var(--background-nav-alt); --color-dot: var(--text-nav); --color-arrow: var(--text-nav); --color-text-title: var(--text-faint); --color-text-heading: var(--text-faint); --color-text-day: var(--text-nav); --color-text-today: var(--text-nav-selected); } /* fix graph controls */ .workspace-split.mod-right-split .graph-controls, .workspace-split.mod-right-split .graph-control-section-header { color: var(--text-normal-oppsite); background-color: var(--background-nav); --background-secondary-alt: var(--background-nav-alt); --background-modifier-border: var(--background-nav-alt); } /* fix graph text */ .theme-light .graph-view { --text-normal: rgb(127, 127, 127); } .theme-dark .graph-view { --text-normal: rgb(127, 127, 127); } /* Try to support content in the navs... this is difficult because this theme is a split of dark and light. So content in the main pane should be light mode, while content in the left pane should be dark mode */ /* .workspace-tabs .view-content { color: var(--text-nav); } */ /* input[type=checkbox] { -webkit-appearance: none; appearance: none; border-radius: 50%; border: 1px solid var(--text-faint); padding: 0; } input[type=checkbox]:focus{ outline:0; } input[type=checkbox]:checked { background-color: var(--text-accent-hover); border: 1px solid var(--text-accent-hover); background-position: center; background-size: 70%; background-repeat: no-repeat; background-image: url('data:image/svg+xml; utf8, '); } */ /* ======================================================== */ /* Checkbox stuff, */ /* ======================================================== */ /* .markdown-preview-view .task-list-item-checkbox { height: 19px; } */ /* .task-list-item input { visibility: hidden; } */ /* Potential emoji: 🗹☑️✅✔️🗸🗆◼️◻️▪️▫️🔵🟢🔴⚫⚪⭕❌🔘🔳⬛🔲🆗🟩🟧🟨🟪🟥🟦⬜🟫 */ /* Unchecked, set the emoji icon to light grayscale */ /* .task-list-item input:not([checked=true])::after { content: "✅"; opacity: 0.25; visibility: visible; cursor: pointer; filter: grayscale(1); } */ /* Checked, set emoji icon to red to match red graphite accent Note: hue-rotate makes ✅ a red checkbox, but depends on source color, so you can't just swap in another emojie icon and have it be red */ /* .task-list-item input[checked=true]::after { content: "✅"; visibility: visible; cursor: pointer; filter: hue-rotate(250deg); } */ ================================================ FILE: package.json ================================================ { "name": "red-graphite", "version": "2.0.2", "devDependencies": { "dotenv": "^16.0.3", "grunt": "^1.5.3", "grunt-concat-css": "^0.3.2", "grunt-contrib-copy": "^1.0.0", "grunt-contrib-cssmin": "^4.0.0", "grunt-contrib-watch": "^1.1.0", "grunt-env": "^1.0.1", "grunt-sass": "^3.1.0", "rimraf": "^3.0.2", "sass": "^1.80.4" }, "scripts": { "reset": "rimraf ./node_modules && npm install", "dev": "grunt", "build": "grunt build" } } ================================================ FILE: src/css/alternate-checkboxes.css ================================================ /* @settings name: SlRvb's Checkboxes id: checkbox settings: - title: Colorful Task Text description: Add color to the text of the task. id: check-color type: class-toggle - title: Colorful Task Background description: Add color to the background of the task. id: check-bg type: class-toggle - title: Normal Task Text description: Reapply regular text color to the text of the task. id: check-text type: class-toggle - title: Checkbox Strikethrough description: Restore default strike through id: check-strike type: class-toggle - title: Checkbox Fixes id: Checkbox-Fixes type: heading level: 2 collapsed: true - title: Checkbox Padding Fix description: Toggle off if checklists are misaligned for your current theme. id: chck-pad type: class-toggle default: true - title: Checkbox Height Adjustment (LP/P/R) description: Preview/Reading Mode Icon adjustment slider. id: chbx-pre-height type: variable-number-slider default: 0 format: px min: -8 max: 8 step: 1 - title: Checkbox Height Adjustment (S) description: Source Mode Icon adjustment slider. id: chbx-ed-height type: variable-number-slider default: 4 format: px min: -8 max: 8 step: 1 - title: Checkbox Strike Specific id: Checkbox-Strike-Specific type: heading level: 2 collapsed: true - title: "[x] Regular" id: chst-reg type: class-toggle - title: "[X] Checked" id: chst-chk type: class-toggle - title: "[-] Dropped" id: chst-drop type: class-toggle - title: "[>] Forward" id: chst-frwd type: class-toggle - title: "[D] Defer" id: chst-defr type: class-toggle - title: "[?] Question" id: chst-q type: class-toggle - title: "[/] Half" id: chst-half type: class-toggle - title: "[+] Add" id: chst-add type: class-toggle - title: "[R] Research" id: chst-rsrch type: class-toggle - title: "[!] Important" id: chst-imp type: class-toggle - title: "[i] Idea" id: chst-idea type: class-toggle - title: "[B] Brainstorm" id: chst-brn type: class-toggle - title: "[P] Pro" id: chst-pro type: class-toggle - title: "[C] Con" id: chst-con type: class-toggle - title: "[Q] Quote" id: chst-quot type: class-toggle - title: "[N] Note" id: chst-brn type: class-toggle - title: "[b] Bookmark" id: chst-book type: class-toggle - title: "[I] info" id: chst-info type: class-toggle */ ================================================ FILE: src/css/style-settings.css ================================================ /* @settings name: Red Graphite id: red-graphite settings: - id: red-graphite-colors title: Colors type: heading level: 2 collapsed: false - id: red-graphite-base-color title: Base Color description: | This sets the base color that many other colors are derived from. Note that the light theme defaults to a contrast of darker side panels. Those darker panels are what you are changing here. However, with the dark theme, you will be adjusting the entire theme. Try some changes to see how it looks. type: variable-themed-color format: hsl-split opacity: false default-light: '#292C2E' default-dark: '#1e232f' - id: red-graphite-accent-color title: Accent Color description: In the light theme, this is the red highlight. In the dark theme, this is the yellow highlight. This can also be adjusted in the Appearance settings section, but changing it there will override this setting. You will have to reset that color for this one to work. type: variable-themed-color format: hsl-split opacity: false default-light: '#cb4c48' default-dark: '#f6cd74' - id: red-graphite-fonts title: Fonts type: heading level: 2 collapsed: false - id: red-graphite-interface-font title: Interface font description: Font used for the user interface type: variable-text default: "'Avenir'" - id: red-graphite-text-font title: Text font description: Font used for text type: variable-text default: "'Avenir'" - id: red-graphite-monospace-font title: Monospace font description: Font used for monospace text type: variable-text default: '' */ ================================================ FILE: src/scss/app/backgrounds.scss ================================================ .theme-light { --background-primary: var(--color-base-20); // content page background --background-primary-alt: var(--color-base-00); // content - code bg --background-secondary: var(--color-base-100); // bg of non-content areas (nav, title bar, etc) --background-secondary-alt: var(--color-base-05); --background-modifier-border: var(--color-base-30); --background-modifier-border-hover: var(--color-base-35); --background-modifier-border-focus: var(--color-base-25); } .theme-dark { --background-primary: var(--color-base-105); // content page background --background-primary-alt: var(--color-base-100); // content - code bg --background-secondary: var(--color-base-100); // bg of non-content areas (nav, title bar, etc) --background-secondary-alt: var(--color-base-05); --background-modifier-border: var(--color-base-100); --background-modifier-border-hover: var(--color-base-35); --background-modifier-border-focus: var(--color-base-110); } ================================================ FILE: src/scss/app/backlink-pane.scss ================================================ .theme-light { // search result header, expanded, not hovered .search-result:not(.is-collapsed) .search-result-file-title { color: var(--color-base-40); } // collapsed, not hovered .backlink-pane > .tree-item-self.is-collapsed, .outgoing-link-pane > .tree-item-self.is-collapsed { color: var(--color-base-40); } // expanded, not hovered .backlink-pane > .tree-item-self, .outgoing-link-pane > .tree-item-self { color: var(--color-base-40); } // expanded, hovered @media (hover: hover) { .backlink-pane > .tree-item-self.is-clickable:hover, .outgoing-link-pane > .tree-item-self.is-clickable:hover { color: var(--color-base-00); } } } .theme-dark { // search result header, expanded, not hovered .search-result:not(.is-collapsed) .search-result-file-title { color: var(--color-base-160); } // collapsed, not hovered .backlink-pane > .tree-item-self.is-collapsed, .outgoing-link-pane > .tree-item-self.is-collapsed { color: var(--color-base-160); } // expanded, not hovered .backlink-pane > .tree-item-self, .outgoing-link-pane > .tree-item-self { color: var(--color-base-160); } // expanded, hovered @media (hover: hover) { .backlink-pane > .tree-item-self.is-clickable:hover, .outgoing-link-pane > .tree-item-self.is-clickable:hover { color: var(--color-base-100); } } } ================================================ FILE: src/scss/app/blocks.scss ================================================ body { /* Blocks */ --embed-block-shadow-hover: 0 0 0 0 var(--background-modifier-border), inset 0 0 0 0 var(--background-modifier-border); } ================================================ FILE: src/scss/app/code.scss ================================================ body { /* Code */ --code-background: var(--background-primary-alt); // Change the position, color, and pointer for the source code link // that appears in the top right .markdown-source-view.mod-cm6 .code-block-flair { right: 1px; top: 1px; color: var(--text-faint); cursor: pointer; } } .theme-light { // Code block borders and background --code-block-border-width: 1px; --code-block-border-style: solid; --code-block-border-color: var(--color-base-40); } .theme-dark { // Code block borders and background --code-block-border-width: 1px; --code-block-border-style: solid; --code-block-border-color: var(--color-base-95); } .cm-s-obsidian div.HyperMD-codeblock-bg { border-style: var(--code-block-border-style); border-color: var(--code-block-border-color); border-width: 0 var(--code-block-border-width) 0 var(--code-block-border-width); } .cm-s-obsidian div.HyperMD-codeblock-begin-bg { border-top-left-radius: 4px; border-top-right-radius: 4px; border-style: var(--code-block-border-style); border-color: var(--code-block-border-color); border-width: var(--code-block-border-width) var(--code-block-border-width) 0 var(--code-block-border-width); } .cm-s-obsidian div.HyperMD-codeblock-end-bg { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-style: var(--code-block-border-style); border-color: var(--code-block-border-color); border-width: 0 var(--code-block-border-width) var(--code-block-border-width) var(--code-block-border-width); } ================================================ FILE: src/scss/app/dividers-between-panes.scss ================================================ body { /* Dividers — between panes */ --divider-color: var(--color-base-95); --divider-color-hover: var(--interactive-accent); --divider-width: 1px; } ================================================ FILE: src/scss/app/file-navigator.scss ================================================ .theme-light { /* File navigator */ --nav-item-size: var(--font-small); --nav-item-color: var(--color-base-40); --nav-item-color-hover: var(--color-base-00); --nav-item-color-active: var(--color-base-00); --nav-item-color-selected: var(--color-base-00); --nav-item-background-hover: var(--interactive-accent); --nav-item-background-active: var(--interactive-accent); --nav-indentation-guide-color: var(--color-base-90); --nav-collapse-icon-color: var(--color-accent); --nav-collapse-icon-color-collapsed: var(--color-accent); .nav-file-title:hover svg, .nav-folder-title:hover svg { color: var(--color-base-00); } --nav-item-padding: var(--size-4-1) var(--size-4-2) var(--size-4-1) var(--size-4-6); .nav-file-title { padding: var(--nav-item-padding); } } .theme-dark { /* File navigator */ --nav-item-size: var(--font-ui-medium); --nav-item-color: var(--color-base-160); --nav-item-color-hover: var(--color-base-00); --nav-item-color-active: var(--color-base-00); --nav-item-color-selected: var(--color-base-00); --nav-item-background-hover: var(--interactive-accent); --nav-item-background-active: var(--interactive-accent); --nav-indentation-guide-color: var(--color-base-110); --nav-collapse-icon-color: var(--color-accent); --nav-collapse-icon-color-collapsed: var(--color-accent); .nav-file-title:hover svg, .nav-folder-title:hover svg { color: var(--color-base-00); } } ================================================ FILE: src/scss/app/font.scss ================================================ body { // set the variable that we are using in style settings first --red-graphite-interface-font: 'Avenir'; --red-graphite-text-font: 'Avenir'; --red-graphite-monospace-font: ''; // then set the obsidian variable with my variable --font-interface-override: var(--red-graphite-interface-font); --font-text-override: var(--red-graphite-text-font); --font-monospace-override: var(--red-graphite-monospace-font); } ================================================ FILE: src/scss/app/headers.scss ================================================ // Inspired by https://github.com/deathau/obsidian-snippets/blob/main/clutter-free-headings.css // Commented out for now, I don't like the transition from view to editing when you click // on a header line. It's kind of janky. // .theme-light { // div:not(.cm-active).cm-line span:not(.cm-formatting-header):not(.cm-hashtag):not(.cm-inline-code):not(.cm-highlight).cm-header::before { // font-size: 0.7rem; // width: auto; // margin-right: 1px; // border-radius: var(--radius-xs); // color: var(--color-base-50); // overflow: visible; // font-family: var(--font-default); // font-weight: normal !important; // } // } // .theme-dark { // div:not(.cm-active).cm-line span:not(.cm-formatting-header):not(.cm-hashtag):not(.cm-inline-code):not(.cm-highlight).cm-header::before { // font-size: 0.7rem; // width: auto; // margin-right: 1px; // border-radius: var(--radius-xs); // color: var(--color-base-140); // overflow: visible; // font-family: var(--font-default); // font-weight: normal !important; // } // } // div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-1::before { // content: 'H1'; // margin-top: calc(var(--h1-size) - 0.1em); // } // div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-2::before { // content: 'H2'; // margin-top: calc(var(--h2-size) - 0.1em); // } // div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-3::before { // content: 'H3'; // margin-top: calc(var(--h3-size) - 0.1em); // } // div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-4::before { // content: 'H4'; // margin-top: calc(var(--h4-size) - 0.1em); // } // div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-5::before { // content: 'H5'; // margin-top: calc(var(--h5-size) - 0.1em); // } // div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-6::before { // content: 'H6'; // margin-top: calc(var(--h6-size) - 0.1em); // } ================================================ FILE: src/scss/app/icons.scss ================================================ .theme-light { /* Icons */ --icon-color: var(--color-base-60); --icon-color-hover: var(--color-accent); --icon-color-active: var(--color-accent); --icon-color-focused: var(--color-accent); } .theme-dark { /* Icons */ --icon-color: var(--color-base-140); --icon-color-hover: var(--color-accent); --icon-color-active: var(--color-accent); --icon-color-focused: var(--color-accent); } .is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon { color: var(--color-accent); } ================================================ FILE: src/scss/app/lists.scss ================================================ .theme-light { --list-marker-color: var(--color-accent); } .theme-dark { --list-marker-color: var(--color-accent); } ================================================ FILE: src/scss/app/menu.scss ================================================ .theme-light { .menu { border: 1px solid var(--color-base-90); } .menu-item { color: var(--color-base-40); } .menu-item-icon { color: var(--color-base-70); } .menu-separator { border-bottom: 1px solid var(--color-base-90); } @media (hover: hover) { .menu-item:hover:not(.is-disabled):not(.is-label) { color: var(--color-base-20); background-color: var(--color-accent); } } } .theme-dark { .menu { border: 1px solid var(--color-base-110); } .menu-item { color: var(--color-base-160); } .menu-item-icon { color: var(--color-base-130); } .menu-separator { border-bottom: 1px solid var(--color-base-110); } @media (hover: hover) { .menu-item:hover:not(.is-disabled):not(.is-label) { color: var(--color-base-20); background-color: var(--color-accent); } } } ================================================ FILE: src/scss/app/misc.scss ================================================ // tag view tree in the right side bar, this is the // hover color for the count of tags on the right .tree-item-self:hover .tree-item-flair { color: var(--color-base-20); } // search settings .search-params { .setting-item { .setting-item-info { .setting-item-name { color: var(--text-muted); } } } } // Vault text color fix, thanks @WAS-D // https://github.com/seanwcom/Red-Graphite-for-Obsidian/pull/37 .theme-light { --vault-profile-color: var(--nav-item-color); } .theme-dark { --vault-profile-color: var(--nav-item-color); } ================================================ FILE: src/scss/app/modals.scss ================================================ body { /* Modals - e.g. settings, community themes, community plugins */ --modal-border-width: 0; .horizontal-tab-nav-item.is-active, .vertical-tab-nav-item.is-active { background-color: var(--interactive-accent); color: var(--color-base-00); } @media (hover: hover) { .horizontal-tab-nav-item:hover, .vertical-tab-nav-item:hover { color: var(--color-base-00); background-color: var(--interactive-accent); } } // Test this setting by viewing community themes or plugins // This changes the bg color of the entire modal .community-modal-sidebar { background-color: var(--background-primary); } // Text in theme browser .mod-community-theme { .setting-item-name { color: var(--nav-item-color); } } // Text in Plugin browser .mod-community-plugin { .setting-item-name { color: var(--nav-item-color); } } // Sort button color in theme and plugin browser .mod-community-modal .modal-sidebar button.clickable-icon { color: var(--nav-item-color); } } .theme-light { .horizontal-tab-nav-item, .vertical-tab-nav-item { color: var(--color-base-40); } // Test this setting by viewing community themes or plugins // This is the border color between the top pane and search results .community-modal-search-results-wrapper { border-top: var(--border-width) solid var(--color-base-30); } } .theme-dark { .horizontal-tab-nav-item, .vertical-tab-nav-item { color: var(--color-base-160); } // Test this setting by viewing community themes or plugins // This is the border color between the top pane and search results .community-modal-search-results-wrapper { border-top: var(--border-width) solid var(--color-base-100); } } ================================================ FILE: src/scss/app/properties.scss ================================================ body { --metadata-background: transparent; --metadata-border-color: var(--background-modifier-border); --metadata-divider-color: var(--background-modifier-border); --metadata-divider-color-hover: transparent; --metadata-divider-color-focus: transparent; --metadata-property-background: transparent; --metadata-property-background-hover: transparent; --metadata-property-background-active: var(--background-modifier-hover); --metadata-label-background-hover: transparent; --metadata-label-background-active: var(--background-modifier-hover); --metadata-label-text-color: var(--text-muted); --metadata-label-text-color-hover: var(--text-muted); --metadata-input-text-color: var(--text-normal); --metadata-input-background: transparent; --metadata-input-background-hover: transparent; --metadata-input-background-active: var(--background-modifier-hover); } .theme-light { .workspace-tab-container { } .mod-right-split { .metadata-container { .metadata-content { .metadata-property-icon { color: var(--color-base-40); } // border between items .metadata-property-key, .metadata-property-value { border-bottom-color: var(--color-base-90); } // focused item .metadata-property:focus-within { box-shadow: 0 0 0 2px var(--color-base-80); .metadata-property-value:focus-within { background-color: var(--color-base-95); // example: aliases property while focused .multi-select-input { color: var(--color-base-20); } } } // example: aliases property .multi-select-input { color: var(--color-base-20); } // example: aliases property on hover .multi-select-pill:hover { color: var(--color-accent); } .metadata-input-longtext { color: var(--color-base-40); } input { color: var(--color-base-40); } .metadata-property:not([data-property-key="tags"]) { --pill-color: var(--color-base-40); } .metadata-add-button:hover { color: var(--color-base-40); background-color: var(--color-base-90); } } } } } // .theme-dark {} ================================================ FILE: src/scss/app/ribbon.scss ================================================ .theme-light { /* Ribbon */ --ribbon-background: var(--color-base-95); --ribbon-background-collapsed: var(--color-base-95); } .theme-dark { /* Ribbon */ --ribbon-background: var(--color-base-95); --ribbon-background-collapsed: var(--color-base-95); } ================================================ FILE: src/scss/app/scrollbars.scss ================================================ /* Fix left side scroll bar background color */ // Fix from @ALonelySheep - Thanks! // https://github.com/seanwcom/Red-Graphite-for-Obsidian/issues/36 /* WebKit Browsers */ .search-result-container::-webkit-scrollbar, .tag-container::-webkit-scrollbar, .suggestion::-webkit-scrollbar, .nav-files-container::-webkit-scrollbar, .vertical-tab-header::-webkit-scrollbar { width: 8px; /* Set a consistent width for better visibility and centering */ } .search-result-container::-webkit-scrollbar-track, .tag-container::-webkit-scrollbar-track, .suggestion::-webkit-scrollbar-track, .nav-files-container::-webkit-scrollbar-track, .vertical-tab-header::-webkit-scrollbar-track { background: var(--color-base-100); /* Track background color */ } .search-result-container::-webkit-scrollbar-thumb, .tag-container::-webkit-scrollbar-thumb, .suggestion::-webkit-scrollbar-thumb, .nav-files-container::-webkit-scrollbar-thumb, .vertical-tab-header::-webkit-scrollbar-thumb { background: var(--color-base-70); /* Thumb background color */ border-radius: 6px; /* Rounded corners for the thumb */ } .search-result-container::-webkit-scrollbar-thumb:hover, .tag-container::-webkit-scrollbar-thumb:hover, .suggestion::-webkit-scrollbar-thumb:hover, .nav-files-container::-webkit-scrollbar-thumb:hover, .vertical-tab-header::-webkit-scrollbar-thumb:hover { background: var(--color-base-50); /* Hover background color for the thumb */ } ================================================ FILE: src/scss/app/stacked-tabs.scss ================================================ body { /* Stacked tabs */ } ================================================ FILE: src/scss/app/status-bar.scss ================================================ body { /* Status bar */ --status-bar-background: var(--divider-color); --status-bar-border-color: var(--divider-color); --status-bar-radius: var(--radius-m) 0 0 0; // --status-bar-radius: 0; } ================================================ FILE: src/scss/app/suggestion-dropdown.scss ================================================ // search suggestions dropdown // .suggestion-container.mod-search-suggestion { // border-color: red; // } .theme-light { // border between search options and history in dropdown .search-suggest-item.mod-group:not(:first-child) { border-top: 1px solid var(--color-base-90); } // this styles the search dropdown and other suggestion dropdowns (like while // filling in property details .suggestion-container, .suggestion-container.mod-search-suggestion { // ?????????????????????????? background-color: var(--background-secondary); border: 1px solid var(--color-base-90); color: var(--color-base-40); .suggestion { background-color: var(--background-secondary); // ?????????????????????????? .suggestion-item.is-selected { background-color: var(--color-accent); color: var(--color-base-20); } // ----------------------------------------------------------------- // highlighted (mouseover) styles // ----------------------------------------------------------------- // text styles .suggestion-item.mod-complex.search-suggest-item.is-selected { // section title - keep same color as non hovered .suggestion-title.list-item-part.mod-extended { color: var(--color-base-20); } // normal line of text .suggestion-title { // text before colon color: var(--color-base-00); // text after colon .search-suggest-info-text { color: var(--color-base-20); } } } // ----------------------------------------------------------------- // normal, non-highlighted (non-mouseover) item styles // ----------------------------------------------------------------- .suggestion-item { .suggestion-content { // section title .suggestion-title.list-item-part.mod-extended { color: white; } // normal line of text .suggestion-title { // text before colon color: var(--color-base-40); // text after colon .search-suggest-info-text { color: var(--color-base-60); } } } // icons on right of suggestion title // .suggestion-aux {} } } } } ================================================ FILE: src/scss/app/tables.scss ================================================ .theme-light { --table-border-color: var(--color-base-50); --table-header-border-color: var(--color-base-50); --table-header-background: var(--color-base-30); --table-header-background-hover: var(--color-base-30); --table-header-color: var(--color-base-100); } .theme-dark { --table-border-color: var(--color-base-125); --table-header-border-color: var(--color-base-125); --table-header-background: var(--color-base-120); --table-header-background-hover: var(--color-base-120); --table-header-color: var(--color-base-200); } ================================================ FILE: src/scss/app/tabs.scss ================================================ body { /* Tabs */ --tab-background-active: var(--background-primary); // inactive tab, window not focused --tab-text-color: var(--text-faint); // inactive tab, window focused --tab-text-color-focused: var(--text-faint); --tab-divider-color: var(--color-base-100); --tab-outline-width: 0px; } .theme-light { --tab-outline-color: var(--color-base-60); // tab border both horizontal and vertical } .theme-dark { --tab-outline-color: var(--color-base-95); // tab border both horizontal and vertical } ================================================ FILE: src/scss/app/text.scss ================================================ .theme-light { /* Text */ --text-normal: var(--color-base-100); --text-muted: var(--color-base-70); --text-faint: var(--color-base-60); --text-on-accent: var(--color-base-00); --text-error: var(--color-red); --text-success: var(--color-green); --text-selection: hsla(var(--color-accent-hsl), 0.2); --text-accent: var(--color-accent); --text-accent-hover: var(--color-accent-2); --interactive-normal: var(--color-base-00); // background color of select and dropdowns --interactive-hover: var(--color-base-00); // background (hover) color of select and dropdowns --color-text-title: var(--nav-item-color); --color-text-heading: var(--nav-item-color); } .theme-dark { /* Text */ --text-normal: var(--color-base-180); --text-muted: var(--color-base-170); --text-faint: var(--color-base-160); --text-on-accent: var(--color-base-100); --text-error: var(--color-red); --text-success: var(--color-green); --text-selection: hsla(var(--color-accent-hsl), 0.2); --text-accent: var(--color-accent); --text-accent-hover: var(--color-accent-2); --interactive-normal: var(--color-base-95); // background color of select and dropdowns --interactive-hover: var(--color-base-90); // background (hover) color of select and dropdowns } ================================================ FILE: src/scss/app/ui-font-sizes.scss ================================================ body { /* UI font sizes */ --font-ui-smaller: 12px; --font-ui-small: 13px; --font-ui-medium: 15px; --font-ui-large: 20px; } ================================================ FILE: src/scss/app/vault-name.scss ================================================ .theme-light { /* Vault name */ --vault-name-font-size: var(--font-ui-medium); --vault-name-font-weight: var(--font-medium); --vault-name-color: var(--color-accent); } .theme-dark { /* Vault name */ --vault-name-font-size: var(--font-ui-medium); --vault-name-font-weight: var(--font-medium); --vault-name-color: var(--color-accent); } ================================================ FILE: src/scss/app/window-frame.scss ================================================ body { /* Window frame */ --titlebar-background: var(--color-base-95); --titlebar-background-focused: var(--color-base-95); --titlebar-text-color: var(--text-faint); --titlebar-text-color-focused: var(--text-faint); --titlebar-text-weight: var(--font-normal); } ================================================ FILE: src/scss/index.scss ================================================ // Variables @use 'themes/theme-light'; @use 'themes/theme-dark'; // Overrides for default obsidian styles @use 'app/backgrounds'; @use 'app/backlink-pane'; @use 'app/blocks'; @use 'app/code'; @use 'app/dividers-between-panes'; @use 'app/file-navigator'; @use 'app/font'; @use 'app/headers'; @use 'app/icons'; @use 'app/lists'; @use 'app/menu'; @use 'app/misc'; @use 'app/modals'; @use 'app/properties'; @use 'app/ribbon'; @use 'app/scrollbars'; @use 'app/stacked-tabs'; @use 'app/status-bar'; @use 'app/suggestion-dropdown'; @use 'app/tables'; @use 'app/tabs'; @use 'app/text'; @use 'app/ui-font-sizes'; @use 'app/vault-name'; @use 'app/window-frame'; // TODO: Look into other themes' features and see what looks fun to implement // @import 'features/neat-thing-one'; // @import 'features/neat-thing-two'; // TODO: Test on mobile // @import 'mobile/mobile'; // TODO: implement more plugins, especially alternate checkboxes // Plugins // @use 'plugins/alternate-checkboxes'; @use 'plugins/calendar.scss'; @use 'plugins/checklist.scss'; @use 'plugins/copilot.scss'; @use 'plugins/dangling-links.scss'; @use 'plugins/kanban.scss'; @use 'plugins/makemd.scss'; @use 'plugins/style-settings'; ================================================ FILE: src/scss/plugins/alternate-checkboxes.scss ================================================ // This is a slightly modified version of the fantastic Alternate Checkboxes from SlRvb // https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/Guide/Alternate-Checkboxes.md // I've included his Style Settings as well (src/css/alternate-checkboxes.css) :root { --chbx-ed-height: 4px; --chbx-pre-height: 0px; --chbx-margin: -5px; --its: "its"; } /*Icon: ITS Icons*/ @font-face { font-family: "its"; src: url("data:application/octet-stream;base64,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") format("woff"), url("data:application/octet-stream;base64,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ZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgEjASQBJQEmAScBKAEpASoBKwEsAS0BLgEvATABMQEyATMBNAE1ATYBNwE4ATkABGZpbGUGZm9sZGVyBmJ1bGxldA5kLWFuZC1kLWJyYW5kcwZub3RlLTIGbGF5ZXJzB3ByaW50ZXIIYmFja2xpbmsHb3V0bGluawRsaW5rBWNsb3NlEGZvcm1hdC1saXN0LXRleHQIcGVuY2lsLTEGYm9vay0zDHBsYW5ldC1zaGFycAlsaWdodG5pbmcNbGluay1leHRlcm5hbA1saW5rLWludGVybmFsEGZvb3Rub3RlLXdyaXRpbmcLbGUtYmVhbi1kbmQHc2VhcmNoMghmb290bm90ZQ9hbmdsZS1kb3VibGUtdXAJY2hhci1tYWluD2NoYXItYW50YWdvbmlzdAljaGFyLXNpZGUKY2hhci1leHRyYQljaGFyYWN0ZXIkaWNfZmx1ZW50X3Blb3BsZV9jb21tdW5pdHlfMTZfZmlsbGVkDmZhLWNoZWNrLXNvbGlkBW1pbnVzF2ZlYXRoZXItaWNvbi1wYXBlci1wbGFuDWNhbGVuZGFyLWZpbGwRZm9udGlzdG8tcXVlc3Rpb24VYm94aWNvbnMtcGx1cy1tZWRpY2FsFGVsdXNpdmUtaWNvbnMtc2VhcmNoGWZvbnQtYXdlc29tZTQtZXhjbGFtYXRpb24JbGlnaHRidWxiEWJ1YmJsZS1jaGFydC1maWxsDXRodW1iLXVwLWZpbGwPdGh1bWItZG93bi1maWxsDWZvbnRpc28tcXVvdGURZmlsZS1wYXBlci0yLWZpbGwNYm9va21hcmstZmlsbAtlbnR5cG8taW5mbwRoYWxmB2V4YW1wbGUSYW5nbGUtZG91YmxlLXJpZ2h0Cm9rLWNpcmNsZWQKbWFw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BCUgLkcjRyNhILAGI0KxDABCsAtDKyCwYFBYILBAUVizBCAFIBuzBCYFGllCQiMgR7AGQ7ACYiCwAFBYsEBgWWawAWNgILABKyCKimEgsARDYGQjsAVDYWRQWLAEQ2EbsAVDYFmwAyWwAmIgsABQWLBAYFlmsAFjYbACJUZhOCMgPCM4GyEgIEYjR7ABKyNhOCFZsTABFCstsEcssQA6Ky6xMAEUKy2wSCyxADsrISMgIDywBiNCIzixMAEUK7AGQy6wMCstsEkssAAVIEewACNCsgABARUUEy6wNiotsEossAAVIEewACNCsgABARUUEy6wNiotsEsssQABFBOwNyotsEwssDkqLbBNLLAAFkUjIC4gRoojYTixMAEUKy2wTiywCiNCsE0rLbBPLLIAAEYrLbBQLLIAAUYrLbBRLLIBAEYrLbBSLLIBAUYrLbBTLLIAAEcrLbBULLIAAUcrLbBVLLIBAEcrLbBWLLIBAUcrLbBXLLMAAABDKy2wWCyzAAEAQystsFksswEAAEMrLbBaLLMBAQBDKy2wWyyzAAABQystsFwsswABAUMrLbBdLLMBAAFDKy2wXiyzAQEBQystsF8ssgAARSstsGAssgABRSstsGEssgEARSstsGIssgEBRSstsGMssgAASCstsGQssgABSCstsGUssgEASCstsGYssgEBSCstsGcsswAAAEQrLbBoLLMAAQBEKy2waSyzAQAARCstsGosswEBAEQrLbBrLLMAAAFEKy2wbCyzAAEBRCstsG0sswEAAUQrLbBuLLMBAQFEKy2wbyyxADwrLrEwARQrLbBwLLEAPCuwQCstsHEssQA8K7BBKy2wciywABaxADwrsEIrLbBzLLEBPCuwQCstsHQssQE8K7BBKy2wdSywABaxATwrsEIrLbB2LLEAPSsusTABFCstsHcssQA9K7BAKy2weCyxAD0rsEErLbB5LLEAPSuwQistsHossQE9K7BAKy2weyyxAT0rsEErLbB8LLEBPSuwQistsH0ssQA+Ky6xMAEUKy2wfiyxAD4rsEArLbB/LLEAPiuwQSstsIAssQA+K7BCKy2wgSyxAT4rsEArLbCCLLEBPiuwQSstsIMssQE+K7BCKy2whCyxAD8rLrEwARQrLbCFLLEAPyuwQCstsIYssQA/K7BBKy2whyyxAD8rsEIrLbCILLEBPyuwQCstsIkssQE/K7BBKy2wiiyxAT8rsEIrLbCLLLILAANFUFiwBhuyBAIDRVgjIRshWVlCK7AIZbADJFB4sQUBFUVYMFktAEu4AMhSWLEBAY5ZsAG5CAAIAGNwsQAHQrEAACqxAAdCsQAKKrEAB0KxAAoqsQAHQrkAAAALKrEAB0K5AAAACyq5AAMAAESxJAGIUViwQIhYuQADAGREsSgBiFFYuAgAiFi5AAMAAERZG7EnAYhRWLoIgAABBECIY1RYuQADAABEWVlZWVmxAA4quAH/hbAEjbECAESzBWQGAERE") format("truetype"); } .theme-dark { --chbx-q: 253, 175, 0; /*#fdaf00*/ --chbx-h: 92, 118, 153; /*#5c7699*/ --chbx-d: 62, 69, 82; /*#3e4552*/ --chbx-i: 194, 42, 42; /*#c22a2a*/ --chbx-a: 248, 114, 181; /*#f872b5*/ --chbx-R: 170, 179, 202; /*#aab3ca*/ --chbx-id:231, 231, 171; /* #e7e7ab*/ --chbx-B: 136, 94, 233; /*#885ee9*/ --chbx-P: 79, 165, 79; /*#4fa54f*/ --chbx-C: 207, 67, 67; /*#cf4343*/ --chbx-N: 133, 91, 65; /*#855b41*/ --chbx-b: 230, 129, 63; /*#e6813f*/ --chbx-I: 82, 139, 212; /*#528bd4*/ --chbx-c: 149, 233, 238; /*#95E9EE*/ --chbx-r: 249, 190, 123; /*#f9be7b*/ } .theme-light { --chbx-q: 253, 175, 0; /*#fdaf00*/ --chbx-h: 168, 177, 189; /*#a8b1bd*/ --chbx-d: 203, 212, 235; /*#cad3eb*/ --chbx-i: 219, 1, 1; /*#db0101*/ --chbx-a: 248, 114, 181; /*#f872b5*/ --chbx-R: 159, 186, 223; /*#9fbadf*/ --chbx-id:202, 199, 0; /* #cac700*/ --chbx-B: 182, 118, 255; /*#b676ff*/ --chbx-P: 79, 165, 79; /*#4fa54f*/ --chbx-C: 214, 108, 108; /*#d66c6c*/ --chbx-N: 161, 106, 73; /*#a16a49*/ --chbx-b: 251, 146, 76; /*#fb924c*/ --chbx-I: 82, 139, 212; /*#528bd4*/ --chbx-c: 149, 217, 238; /*#95E9EE*/ --chbx-r: 249, 190, 123; /*#f9be7b*/ } /*Restyle Checkboxes*/ /*Different/Alternate Checkbox*/ body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task=X], [data-task=">"], [data-task="-"], [data-task=">"], [data-task=D], [data-task="?"], [data-task="/"], [data-task="+"], [data-task=R], [data-task="!"], [data-task=i], [data-task=B], [data-task=P], [data-task=C], [data-task=Q], [data-task=N], [data-task=b], [data-task=I], [data-task=p], [data-task=L], [data-task=E], [data-task=A], [data-task=r], [data-task=c], [data-task=o], [data-task=d], [data-task=T], [data-task=n]) > .task-list-item-checkbox, body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task=X], [data-task=">"], [data-task="-"], [data-task=">"], [data-task=D], [data-task="?"], [data-task="/"], [data-task="+"], [data-task=R], [data-task="!"], [data-task=i], [data-task=B], [data-task=P], [data-task=C], [data-task=Q], [data-task=N], [data-task=b], [data-task=I], [data-task=p], [data-task=L], [data-task=E], [data-task=A], [data-task=r], [data-task=c], [data-task=o], [data-task=d], [data-task=T], [data-task=n]) input:is([type=checkbox], [type=checkbox i]):checked, body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task=X], [data-task=">"], [data-task="-"], [data-task=">"], [data-task=D], [data-task="?"], [data-task="/"], [data-task="+"], [data-task=R], [data-task="!"], [data-task=i], [data-task=B], [data-task=P], [data-task=C], [data-task=Q], [data-task=N], [data-task=b], [data-task=I], [data-task=p], [data-task=L], [data-task=E], [data-task=A], [data-task=r], [data-task=c], [data-task=o], [data-task=d], [data-task=T], [data-task=n]) input:is([type=checkbox], [type=checkbox i]):checked::after, body:not(.alt-chkbx-off) .task-list-item.is-checked:is([data-task=X], [data-task=">"], [data-task="-"], [data-task=">"], [data-task=D], [data-task="?"], [data-task="/"], [data-task="+"], [data-task=R], [data-task="!"], [data-task=i], [data-task=B], [data-task=P], [data-task=C], [data-task=Q], [data-task=N], [data-task=b], [data-task=I], [data-task=p], [data-task=L], [data-task=E], [data-task=A], [data-task=r], [data-task=c], [data-task=o], [data-task=d], [data-task=T], [data-task=n]) > .task-list-item-checkbox, body:not(.alt-chkbx-off) .task-list-item.is-checked:is([data-task=X], [data-task=">"], [data-task="-"], [data-task=">"], [data-task=D], [data-task="?"], [data-task="/"], [data-task="+"], [data-task=R], [data-task="!"], [data-task=i], [data-task=B], [data-task=P], [data-task=C], [data-task=Q], [data-task=N], [data-task=b], [data-task=I], [data-task=p], [data-task=L], [data-task=E], [data-task=A], [data-task=r], [data-task=c], [data-task=o], [data-task=d], [data-task=T], [data-task=n]) input:is([type=checkbox], [type=checkbox i]):checked, body:not(.alt-chkbx-off) .task-list-item.is-checked:is([data-task=X], [data-task=">"], [data-task="-"], [data-task=">"], [data-task=D], [data-task="?"], [data-task="/"], [data-task="+"], [data-task=R], [data-task="!"], [data-task=i], [data-task=B], [data-task=P], [data-task=C], [data-task=Q], [data-task=N], [data-task=b], [data-task=I], [data-task=p], [data-task=L], [data-task=E], [data-task=A], [data-task=r], [data-task=c], [data-task=o], [data-task=d], [data-task=T], [data-task=n]) input:is([type=checkbox], [type=checkbox i]):checked::after { background-image: url(); position: relative; -webkit-appearance: none; appearance: none; filter: none; cursor: pointer; background-color: transparent !important; transform: unset; box-shadow: unset; font: var(--its); font-family: var(--its); font-size: inherit; top: var(--chbx-pre-height); font-weight: 10; border: 0; vertical-align: 0px; text-align: center; } .markdown-source-view.mod-cm6 .task-list-item-checkbox { vertical-align: -2px; } .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task:not([data-task=" "]):not([data-task=x])::before { border: none; } /*Checked Text*/ .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:not([data-task=" "]), ul > li.task-list-item.is-checked, ol > li.task-list-item.is-checked { color: var(--lines, var(--text-faint)); font-weight: bold; } :not(.chkbx-strike) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:not([data-task=" "]), :not(.chkbx-strike) .task-list-item.is-checked { text-decoration: unset; } /* Checkbox Text Normal */ .check-text.check-text.check-text.check-text .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task], .check-text.check-text.check-text.check-text ul li:not([data-task=x]).task-list-item.is-checked { color: unset; font-weight: unset; } /*CodeMirrorOptions Plugin Support*/ body.theme-dark.hide-tokens.style-check-box .cm-s-obsidian span.cm-formatting-task, body.theme-light.hide-tokens.style-check-box .cm-s-obsidian span.cm-formatting-task { filter: unset; } .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task::before { position: absolute; content: " "; font-family: var(--its); border: 1px solid var(--accent, var(--interactive-accent)); height: 0.9em; width: 0.9em; margin-top: var(--chbx-ed-height); margin-left: 4px; border-radius: 50%; } .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=x]::before { background: var(--accent, var(--interactive-accent)); } /* Checkbox Icon Setup*/ .markdown-source-view.mod-cm6 .task-list-item-checkbox::before, .markdown-source-view.mod-cm6 .task-list-item-checkbox:not([data-task=x]):not([data-task=" "]) { padding-left: 0px; font-family: var(--its); font-weight: 10; } .markdown-source-view.mod-cm6 .task-list-item-checkbox { vertical-align: middle; } /*Fixes*/ body .markdown-source-view.mod-cm6 .task-list-item-checkbox:not([data-task=x]):before, body .markdown-preview-view li:not([data-task=x]) .task-list-item-checkbox:checked::before { background-image: unset; transform: none; padding: unset; -webkit-mask-image: unset; left: unset; font-size: inherit; text-shadow: none; } .markdown-preview-view li:not([data-task=x]) .task-list-item-checkbox:checked { box-shadow: none; } input[type=checkbox]:not([data-task=x]) { padding: initial; } .minimal-light li:not([data-task=x]) input[type=checkbox i]:checked, .minimal-light .cm-s-obsidian input[type=checkbox]:not([data-task=x]):checked, .minimal-dark li:not([data-task=x]) input[type=checkbox i]:checked, .minimal-dark .cm-s-obsidian input[type=checkbox]:not([data-task=x]):checked { background-color: transparent !important; } /*--Checkbox Type Icons--*/ body:not(.alt-chkbx-off) { /* [X]: Checked: Checkmark */ /* [>]: Forward: SVG Plane */ /* [D]: Deferred/Scheduled: Calendar */ /* [-]: Cancelled/Non-Task: Line */ /* [?]: Question: Question Mark */ /* [!]: Important: Exclamation Mark */ /* [+]: Add: Plus */ /* [/]: Half Done: Right Triangle */ /* [R]: Research: Magnifying Glass */ /* [i]: Idea: Lightbulb */ /* [B]: Brainstorm: Bubbles */ /* [P]: Pro: Thumbs Up */ /* [C]: Con: Thumbs Down */ /* [I]: Info: Italicized I */ /* [Q]: Quote: Closing Quotation Mark */ /* [N]: Note: Open Scroll */ /* [b]: Bookmark: Bookmark Flag */ /* [p]: Paraphrase */ /* [E]: Example */ /* [L]: Location */ /* [A]: Answer */ /* [r]: Answer */ /* [c]: Choice */ /* [o]: Option */ /* [d]: Doing */ /* [T]: Time */ } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=X]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=X]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=X]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=X] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=X] p > input[type=checkbox]:checked::before { color: var(--accent2-lite, var(--text-accent)); content: "\ec01"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=">"]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=">"]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=">"]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=">"] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=">"] p > input[type=checkbox]:checked::before { color: var(--text-normal); content: "\ec03"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=D]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=D]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=D]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=D] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=D] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-h)); content: "\ec04"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task="-"]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task="-"]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task="-"]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="-"] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="-"] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-d)); content: "\ec02"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task="?"]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task="?"]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task="?"]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="?"] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="?"] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-q)); content: "\ec05"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task="!"]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task="!"]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task="!"]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="!"] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="!"] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-i)); content: "\ec08"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task="+"]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task="+"]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task="+"]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="+"] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="+"] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-a)); content: "\ec06"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task="/"]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task="/"]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task="/"]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="/"] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task="/"] p > input[type=checkbox]:checked::before { color: var(--accent, var(--interactive-accent)); content: "\ec17"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=R]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=R]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=R]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=R] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=R] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-R)); content: "\ec07"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=i]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=i]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=i]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=i] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=i] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-id)); content: "\ec09"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=B]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=B]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=B]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=B] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=B] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-B)); content: "\ec10"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=P]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=P]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=P]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=P] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=P] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-P)); content: "\ec11"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=C]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=C]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=C]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=C] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=C] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-C)); content: "\ec12"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=I]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=I]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=I]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=I] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=I] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-I)); content: "\ec16"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=Q]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=Q]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=Q]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=Q] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=Q] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-R)); content: "\ec13"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=N]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=N]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=N]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=N] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=N] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-N)); content: "\ec14"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=b]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=b]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=b]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=b] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=b] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-b)); content: "\ec15"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=p]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=p]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=p]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=p] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=p] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-R)); content: "\ec19"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=E]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=E]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=E]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=E] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=E] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-I)); content: "\ec18"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=L]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=L]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=L]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=L] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=L] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-N)); content: "\ec21"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=A]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=A]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=A]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=A] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=A] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-P)); content: "\ec20"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=r]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=r]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=r]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=r] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=r] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-r)); content: "\ec22"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=c]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=c]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=c]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=c] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=c] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-c)); content: "\ec23"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=o]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=o]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=o]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=o] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=o] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-b)); content: "\ec24"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=d]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=d]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=d]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=d] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=d] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-I)); content: "\ec25"; } body:not(.alt-chkbx-off) .markdown-source-view.mod-cm6 .task-list-item-checkbox[data-task=T]::before, body:not(.alt-chkbx-off) .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task[data-task=T]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked .task-list-item-checkbox[data-task=T]::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=T] > input[type=checkbox]:checked::before, body:not(.alt-chkbx-off) .task-list-item.is-checked[data-task=T] p > input[type=checkbox]:checked::before { color: rgb(var(--chbx-R)); content: "\ec26"; } /*--Checkbox Text Colors--*/ .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=X], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=X], .check-color.check-color ul li[data-task=X].task-list-item.is-checked { color: var(--text-faint); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=">"], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=">"], .check-color.check-color ul li[data-task=">"].task-list-item.is-checked { color: var(--text-normal); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=D], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=D], .check-color.check-color ul li[data-task=D].task-list-item.is-checked { color: rgb(var(--chbx-h)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="-"], .check-color span[data-task="-"], .check-color.check-color ul li[data-task="-"].task-list-item.is-checked { color: rgb(var(--chbx-d)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="?"], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task="?"], .check-color.check-color ul li[data-task="?"].task-list-item.is-checked { color: rgb(var(--chbx-q)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="!"], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task="!"], .check-color.check-color ul li[data-task="!"].task-list-item.is-checked { color: rgb(var(--chbx-i)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="+"], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task="+"], .check-color.check-color ul li[data-task="+"].task-list-item.is-checked { color: rgb(var(--chbx-a)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="/"], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task="/"], .check-color.check-color ul li[data-task="/"].task-list-item.is-checked:not(::before) { background: linear-gradient(to right, var(--accent, var(--interactive-accent)) 0%, var(--chbx-d) 10%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="/"], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task="/"] { background: linear-gradient(to right, var(--accent, var(--interactive-accent)) 0%, var(--chbx-d) 80%); -webkit-background-clip: text; } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=R], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=R], .check-color.check-color ul li[data-task=R].task-list-item.is-checked { color: rgb(var(--chbx-R)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=i], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=i], .check-color.check-color ul li[data-task=i].task-list-item.is-checked { color: rgb(var(--chbx-id)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=B], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=B], .check-color.check-color ul li[data-task=B].task-list-item.is-checked { color: rgb(var(--chbx-B)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=P], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=P], .check-color.check-color ul li[data-task=P].task-list-item.is-checked { color: rgb(var(--chbx-P)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=C], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=C], .check-color.check-color ul li[data-task=C].task-list-item.is-checked { color: rgb(var(--chbx-C)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=I], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=I], .check-color.check-color ul li[data-task=I].task-list-item.is-checked { color: rgb(var(--chbx-I)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=Q], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=Q], .check-color.check-color ul li[data-task=Q].task-list-item.is-checked { color: rgb(var(--chbx-R)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=N], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=N], .check-color.check-color ul li[data-task=N].task-list-item.is-checked { color: rgb(var(--chbx-N)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=b], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=b], .check-color.check-color ul li[data-task=b].task-list-item.is-checked { color: rgb(var(--chbx-b)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=p], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=p], .check-color.check-color ul li[data-task=p].task-list-item.is-checked { color: rgb(var(--chbx-R)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=L], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=L], .check-color.check-color ul li[data-task=L].task-list-item.is-checked { color: rgb(var(--chbx-N)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=E], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=E], .check-color.check-color ul li[data-task=E].task-list-item.is-checked { color: rgb(var(--chbx-I)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=A], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=A], .check-color.check-color ul li[data-task=A].task-list-item.is-checked { color: rgb(var(--chbx-P)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=r], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=r], .check-color.check-color ul li[data-task=r].task-list-item.is-checked { color: rgb(var(--chbx-r)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=c], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=c], .check-color.check-color ul li[data-task=c].task-list-item.is-checked { color: rgb(var(--chbx-c)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=d], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=d], .check-color.check-color ul li[data-task=d].task-list-item.is-checked { color: rgb(var(--chbx-I)); } .check-color .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=T], .check-color span:not(.cm-link):not(.cm-inline-code) span[data-task=T], .check-color.check-color ul li[data-task=T].task-list-item.is-checked { color: rgb(var(--chbx-R)); } /*--Checkbox Background--*/ .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=X], .check-bg li[data-task=X].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-R)); background: rgba(var(--chbx-R), 20%); /*#bbcbff17*/ } .check-bg .rtl li[data-task=X].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-R)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=">"], .check-bg li[data-task=">"].task-list-item.is-checked { border-left: 2px double rgb(var(--chbx-h)); background: rgba(var(--chbx-h), 20%); } .check-bg .rtl li[data-task=">"].task-list-item.is-checked { border-left: unset; border-right: 2px double rgb(var(--chbx-h)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=D], .check-bg li[data-task=D].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-h)); background: rgba(var(--chbx-h), 20%); } .check-bg .rtl li[data-task=D].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-h)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="-"], .check-bg li[data-task="-"].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-d)); background: rgba(var(--chbx-d), 20%); } .check-bg .rtl li[data-task="-"].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-d)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="?"], .check-bg li[data-task="?"].task-list-item.is-checked { border-left: 2px dashed rgb(var(--chbx-q)); background: rgba(var(--chbx-q), 20%); /*#fac35d17*/ } .check-bg .rtl li[data-task="?"].task-list-item.is-checked { border-left: unset; border-right: 2px dashed rgb(var(--chbx-q)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="!"], .check-bg li[data-task="!"].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-i)); background: rgba(var(--chbx-i), 20%); } .check-bg .rtl li[data-task="!"].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-i)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="+"], .check-bg li[data-task="+"].task-list-item.is-checked { border-left: 2px dashed rgb(var(--chbx-a)); background: rgba(var(--chbx-a), 20%); } .check-bg .rtl li[data-task="+"].task-list-item.is-checked { border-left: unset; border-right: 2px dashed rgb(var(--chbx-a)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="/"], .check-bg li[data-task="/"].task-list-item.is-checked { border-left: 2px dashed rgb(var(--chbx-R)); background: linear-gradient(to left, var(--accent, var(--interactive-accent)) 0%, transparent 1%); } .check-bg .rtl li[data-task="/"].task-list-item.is-checked { border-left: unset; border-right: 2px dashed rgb(var(--chbx-R)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=R], .check-bg li[data-task=R].task-list-item.is-checked { border-left: 2px dashed rgb(var(--chbx-R)); background: rgba(var(--chbx-R), 20%); /*#bbcbff17*/ } .check-bg .rtl li[data-task=R].task-list-item.is-checked { border-left: unset; border-right: 2px dashed rgb(var(--chbx-R)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=i], .check-bg li[data-task=i].task-list-item.is-checked { border-left: 2px dashed rgb(var(--chbx-id)); background: rgba(var(--chbx-id), 20%); } .check-bg .rtl li[data-task=i].task-list-item.is-checked { border-left: unset; border-right: 2px dashed rgb(var(--chbx-id)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=B], .check-bg li[data-task=B].task-list-item.is-checked { border-left: 2px double rgb(var(--chbx-B)); background: rgba(var(--chbx-B), 20%); /*#945dfa25*/ } .check-bg .rtl li[data-task=B].task-list-item.is-checked { border-left: unset; border-right: 2px double rgb(var(--chbx-B)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=P], .check-bg li[data-task=P].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-P)); background: rgba(var(--chbx-P), 20%); } .check-bg .rtl li[data-task=P].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-P)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=C], .check-bg li[data-task=C].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-C)); background: rgba(var(--chbx-C), 20%); } .check-bg .rtl li[data-task=C].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-C)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=I], .check-bg li[data-task=I].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-I)); background: rgba(var(--chbx-I), 20%); } .check-bg .rtl li[data-task=I].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-I)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=Q], .check-bg li[data-task=Q].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-R)); border-right: 2px solid rgb(var(--chbx-R)); background: rgba(var(--chbx-R), 20%); } .check-bg .rtl li[data-task=Q].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-R)); border-right: 2px solid rgb(var(--chbx-R)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=N], .check-bg li[data-task=N].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-N)); background: rgba(var(--chbx-N), 20%); } .check-bg .rtl li[data-task=N].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-N)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=b], .check-bg li[data-task=b].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-b)); background: rgba(var(--chbx-b), 20%); } .check-bg .rtl li[data-task=b].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-b)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=p], .check-bg li[data-task=p].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-R)); background: rgba(var(--chbx-R), 20%); } .check-bg .rtl li[data-task=p].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-R)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=L], .check-bg li[data-task=L].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-N)); background: rgba(var(--chbx-N), 20%); } .check-bg .rtl li[data-task=L].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-N)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=E], .check-bg li[data-task=E].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-I)); background: rgba(var(--chbx-I), 20%); } .check-bg .rtl li[data-task=E].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-I)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=A], .check-bg li[data-task=A].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-P)); background: rgba(var(--chbx-P), 20%); } .check-bg .rtl li[data-task=A].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-P)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=r], .check-bg li[data-task=r].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-r)); background: rgba(var(--chbx-r), 20%); } .check-bg .rtl li[data-task=r].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-r)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=c], .check-bg li[data-task=c].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-c)); background: rgba(var(--chbx-c), 20%); } .check-bg .rtl li[data-task=c].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-c)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=d], .check-bg li[data-task=d].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-I)); background: rgba(var(--chbx-I), 20%); } .check-bg .rtl li[data-task=c].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-I)); } .check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=T], .check-bg li[data-task=T].task-list-item.is-checked { border-left: 2px solid rgb(var(--chbx-R)); background: rgba(var(--chbx-R), 20%); } .check-bg .rtl li[data-task=c].task-list-item.is-checked { border-left: unset; border-right: 2px solid rgb(var(--chbx-R)); } /*Hide Border For LP (Aligns Items Strangely) */ body.check-bg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task] { border: 0; } /*Restore Strike Throughs*/ .check-strike .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:not([data-task=" "]), .check-strike .markdown-preview-view ul > li.task-list-item.is-checked, .check-strike .markdown-preview-view ol > li.task-list-item.is-checked { text-decoration: line-through 2px; } .chst-reg.chst-reg .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=x], .chst-reg ul li[data-task=x].task-list-item.is-checked, .chst-chk.chst-chk .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=X], .chst-chk ul li[data-task=X].task-list-item.is-checked, .chst-drop.chst-drop .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="-"], .chst-drop ul li[data-task="-"].task-list-item.is-checked, .chst-frwd.chst-frwd .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=">"], .chst-frwd ul li[data-task=">"].task-list-item.is-checked, .chst-defr.chst-defr .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=D], .chst-defr ul li[data-task=D].task-list-item.is-checked, .chst-q.chst-q .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="?"], .chst-q ul li[data-task="?"].task-list-item.is-checked, .chst-half.chst-half .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="/"], .chst-half ul li[data-task="/"].task-list-item.is-checked, .chst-add.chst-add .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="+"], .chst-add ul li[data-task="+"].task-list-item.is-checked, .chst-rsrch.chst-rsrch .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=R], .chst-rsrch ul li[data-task=R].task-list-item.is-checked, .chst-imp.chst-imp .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="!"], .chst-imp ul li[data-task="!"].task-list-item.is-checked, .chst-idea.chst-idea .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=i], .chst-idea ul li[data-task=i].task-list-item.is-checked, .chst-brn.chst-brn .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=B], .chst-brn ul li[data-task=B].task-list-item.is-checked, .chst-pro.chst-pro .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=P], .chst-pro ul li[data-task=P].task-list-item.is-checked, .chst-con.chst-con .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=C], .chst-con ul li[data-task=C].task-list-item.is-checked, .chst-quot.chst-quot .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=Q], .chst-quot ul li[data-task=Q].task-list-item.is-checked, .chst-note.chst-note .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=N], .chst-note ul li[data-task=N].task-list-item.is-checked, .chst-book.chst-book .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=b], .chst-book ul li[data-task=b].task-list-item.is-checked, .chst-info.chst-info .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task=I], .chst-info ul li[data-task=I].task-list-item.is-checked { text-decoration: line-through 2px; } ================================================ FILE: src/scss/plugins/calendar.scss ================================================ /* Add support for [Calendar plugin](https://github.com/liamcain/obsidian-calendar-plugin) */ .theme-light { #calendar-container { --color-background-heading: transparent; --color-background-day: transparent; --color-background-day-empty: transparent; --color-background-day-active: var(--background-nav-selected); --color-background-day-hover: var(--background-nav-alt); --color-dot: var(--text-nav); --color-arrow: var(--text-nav); --color-text-title: var(--text-faint); --color-text-heading: var(--text-faint); --color-text-day: var(--nav-item-color); --color-text-today: var(--color-accent); } } .theme-dark { #calendar-container { --color-background-heading: transparent; --color-background-day: transparent; --color-background-day-empty: transparent; --color-background-day-active: var(--background-nav-selected); --color-background-day-hover: var(--background-nav-alt); --color-dot: var(--text-nav); --color-arrow: var(--text-nav); --color-text-title: var(--text-faint); --color-text-heading: var(--text-faint); --color-text-day: var(--nav-item-color); --color-text-today: var(--color-accent); } } ================================================ FILE: src/scss/plugins/checklist.scss ================================================ // https://github.com/delashum/obsidian-checklist-plugin .theme-light { .checklist-plugin-main { // color of the main text color: var(--color-base-20); // text color of each section when hovering li:hover { color: var(--color-base-20); } // color of the round checkbox border when hovering li:hover .checkbox { border-color: var(--color-base-00); } // background and border color of dropdown search box --background-modifier-border: var(--color-accent); --background-modifier-cover: var(--color-base-110); // --checklist-checkboxSize: 20px; // --checklist-checkboxCheckedSize: 12px; --checklist-checkboxBorder: 2px solid var(--color-base-20); // --checklist-checkboxFill: var(--text-muted); // --checklist-listItemBorderRadius: 8px; // --checklist-listItemMargin: 0 0 12px; --checklist-listItemBackground: var(--color-base-90); --checklist-listItemBackground--hover: var(--color-accent); // --checklist-listItemMargin--compact: 0 0 8px; // --checklist-listItemBoxShadow: none; // --checklist-headerMargin: 0 0 8px; // --checklist-headerGap: 4px; // --checklist-headerFontSize: 18px; // --checklist-headerFontWeight: 600; // --checklist-iconSize: 24px; --checklist-iconFill: var(--color-base-20); // --checklist-iconFill--accent: #777; --checklist-textColor: var(--color-base-20); // --checklist-accentColor: var(--text-accent); // --checklist-accentColor--active: var(--text-accent-hover); // --checklist-pageMargin: 0 0 4px; // --checklist-loaderSize: 16px; // --checklist-loaderBorderColor: var(--text-muted) var(--text-muted) var(--text-normal); // --checklist-buttonPadding: 0 5px; // --checklist-buttonBoxShadow: none; // --checklist-countPadding: 0 6px; --checklist-countBackground: var(--color-base-90); // --checklist-countFontSize: 13px; // --checklist-togglePadding: 8px 8px 8px 12px; // --checklist-contentPadding: 8px 12px 8px 0; // --checklist-contentPadding--compact: 4px 8px; // --checklist-togglePadding--compact: 4px 8px; // --checklist-countBorderRadius: 4px; // --checklist-tagBaseColor: var(--text-faint); // --checklist-tagSubColor: #bbb; // --checklist-groupMargin: 8px; // --checklist-contentFontSize: var(--editor-font-size); --checklist-searchBackground: var(--color-base-110); } } .theme-dark { .checklist-plugin-main { // color of the main text color: var(--color-base-160); // text color of each section when hovering li:hover { color: var(--color-base-100); } // color of the round checkbox border when hovering li:hover .checkbox { border-color: var(--color-base-120); } // border and shadow color of dropdown search box --background-modifier-border: var(--color-accent); --background-modifier-cover: var(--color-base-90); // --checklist-checkboxSize: 20px; // --checklist-checkboxCheckedSize: 12px; --checklist-checkboxBorder: 2px solid var(--color-base-120); // --checklist-checkboxFill: var(--text-muted); // --checklist-listItemBorderRadius: 8px; // --checklist-listItemMargin: 0 0 12px; --checklist-listItemBackground: var(--color-base-95); --checklist-listItemBackground--hover: var(--color-accent); // --checklist-listItemMargin--compact: 0 0 8px; // --checklist-listItemBoxShadow: none; // --checklist-headerMargin: 0 0 8px; // --checklist-headerGap: 4px; // --checklist-headerFontSize: 18px; // --checklist-headerFontWeight: 600; // --checklist-iconSize: 24px; --checklist-iconFill: var(--color-base-160); // --checklist-iconFill--accent: #777; --checklist-textColor: var(--color-base-160); // --checklist-accentColor: var(--text-accent); // --checklist-accentColor--active: var(--text-accent-hover); // --checklist-pageMargin: 0 0 4px; // --checklist-loaderSize: 16px; // --checklist-loaderBorderColor: var(--text-muted) var(--text-muted) var(--text-normal); // --checklist-buttonPadding: 0 5px; // --checklist-buttonBoxShadow: none; // --checklist-countPadding: 0 6px; --checklist-countBackground: var(--color-base-90); // --checklist-countFontSize: 13px; // --checklist-togglePadding: 8px 8px 8px 12px; // --checklist-contentPadding: 8px 12px 8px 0; // --checklist-contentPadding--compact: 4px 8px; // --checklist-togglePadding--compact: 4px 8px; // --checklist-countBorderRadius: 4px; // --checklist-tagBaseColor: var(--text-faint); // --checklist-tagSubColor: #bbb; // --checklist-groupMargin: 8px; // --checklist-contentFontSize: var(--editor-font-size); --checklist-searchBackground: var(--color-base-95); } } ================================================ FILE: src/scss/plugins/copilot.scss ================================================ .theme-light { .chat-container { .chat-messages { .chat-message-container { // copilot user message (the question you asked) .message.user-message { color: var(--interactive-normal); } // all other normal text (non code) .message { color: var(--color-text-title); } // any code blocks pre { background-color: var(--color-base-110); border: none; // style the non-tokenized code code { color: var(--color-base-10); // comments .comment { color: var(--color-base-60); } } } // inline code blocks code { background-color: var(--color-base-110); border: none; color: var(--color-base-10); .comment { color: var(--color-base-60); } } } } } } .theme-dark { .chat-container { .chat-messages { .chat-message-container { // copilot user message (the question you asked) // .message.user-message { // color: var(--interactive-normal); // } // all other normal text (non code) // .message { // color: var(--color-text-title); // } // any code blocks pre { background-color: var(--color-base-110); border: none; // style the non-tokenized code // code { // color: var(--color-base-10); // // comments // .comment { // color: var(--color-base-60); // } // } } // inline code blocks code { background-color: var(--color-base-110); border: none; // color: var(--color-base-10); // .comment { // color: var(--color-base-60); // } } } } } } ================================================ FILE: src/scss/plugins/dangling-links.scss ================================================ // https://github.com/graydon/obsidian-dangling-links/ .theme-light { #dangling-links { color: var(--color-base-20); } } .theme-dark { #dangling-links { color: var(--color-base-160); } } ================================================ FILE: src/scss/plugins/dataview.scss ================================================ /* Add styling for [Dataview plugin](https://github.com/blacksmithgu/obsidian-dataview) */ /* table.dataview.table-view-table thead.table-view-thead tr.table-view-tr-header th.table-view-th th.table-view-th tbody.table-view tr td td ul.dataview.dataview-ul.dataview-result-lest-root-ul li.dataview-result-list-li */ /* List View Default Styling; rendered internally as a table. */ // .table-view-table { // width: 100%; // } // .table-view-table > thead > tr, // .table-view-table > tbody > tr { // margin-top: 1em; // margin-bottom: 1em; // text-align: left; // } .table-view-table > tbody > tr:nth-child(even) { } .table-view-table > tbody > tr:nth-child(odd) { background-color: rgb(240, 240, 240); } // .table-view-table > thead > tr > th { // font-weight: 700; // font-size: larger; // border-top: none; // border-left: none; // border-right: none; // border-bottom: solid; // max-width: 100%; // } // .table-view-table > tbody > tr > td { // text-align: left; // border: none; // font-weight: 400; // max-width: 100%; // } TABLE.table-view-table > tbody > tr > td { // border-top: 1px solid rgb(200, 200, 200); vertical-align: top; } TABLE.table-view-table > tbody > tr > td:first-child { // width: auto; white-space: nowrap; } // /** Rendered value styling for any view. */ // .dataview-result-list-root-ul { // padding: 0em !important; // margin: 0em !important; // } /** Rendered value styling for any view. */ UL.dataview-result-list-root-ul { padding: 0px 20px !important } // /** Generic grouping styling. */ // .dataview.result-group { // padding-left: 8px; // } // /** Inline Field Rendering. */ // .dataview.inline-field-key { // border-top-left-radius: 250px; // border-bottom-left-radius: 250px; // padding-left: 16px; // padding-right: 8px; // font-family: var(--font-monospace); // background-color: var(--background-primary-alt); // color: var(--text-nav-selected); // } // .dataview.inline-field-value { // border-top-right-radius: 250px; // border-bottom-right-radius: 250px; // padding-left: 8px; // padding-right: 16px; // font-family: var(--font-monospace); // background-color: var(--background-secondary-alt); // color: var(--text-nav-selected); // } // .dataview.inline-field-standalone-value { // border-radius: 250px; // padding-left: 16px; // padding-right: 16px; // font-family: var(--font-monospace); // background-color: var(--background-secondary-alt); // color: var(--text-nav-selected); // } ================================================ FILE: src/scss/plugins/kanban.scss ================================================ // https://github.com/mgmeyers/obsidian-kanban .theme-light { .kanban-plugin { --kanban-border:var(--border-width); // add list popup - container .kanban-plugin__lane-form-wrapper { background-color: var(--color-base-00); border: 0px; } // add list popup - add button .kanban-plugin__lane-action-add { background-color: var(--interactive-accent-hover); } // lane colors .kanban-plugin__lane { background-color: var(--color-base-00); } } } .theme-dark { .kanban-plugin { --kanban-border:var(--border-width); // add list popup - container .kanban-plugin__lane-form-wrapper { // background-color: var(--color-base-00); border: 0px; } // add list popup - add button .kanban-plugin__lane-action-add { background-color: var(--interactive-accent-hover); } // lane colors .kanban-plugin__lane { // background-color: var(--color-base-00); } } } ================================================ FILE: src/scss/plugins/makemd.scss ================================================ .theme-light { // --mk-ui-divider: var(--divider-color); // --mk-ui-border: var(--background-modifier-border); // --mk-ui-border-accent: var(--divider-color-hover); // --mk-ui-radius-small: var(--radius-s); // --mk-ui-radius-medium: var(--radius-m); // --mk-ui-radius-large: var(--radius-l); // --mk-ui-background-overlay: rgba(0, 0, 0, .5); // --mk-ui-border-overlay: rgba(15, 15, 15, .5); // --mk-ui-background-blur: var(--mk-ui-background); // --mk-ui-border-hover: var(--background-modifier-border-hover); // --mk-ui-handle-color: rgba(70, 79, 200, 1); // --mk-ui-handle-color-hover: #eb3b5a22; // --mk-ui-handle-outline: rgba(255, 255, 255, .8); // --mk-ui-handle-fill: #fff; // --mk-ui-active: var(--interactive-accent); // --mk-ui-active-hover: var(--interactive-hover); // --mk-ui-active-normal: var(--interactive-normal); // --mk-ui-background: var(--background-primary); // --mk-ui-background-variant: var(--background-secondary); // --mk-ui-background-contrast: var(--background-primary-alt); // --mk-ui-background-active: var(--background-modifier-active); // --mk-ui-background-selected: var(--background-modifier-active-hover); // --mk-ui-background-reverse: var(--text-normal); // --mk-ui-background-hover: var(--background-modifier-hover); // --mk-ui-background-menu: var(--background-secondary); // --mk-ui-background-menu-input: var(--background-modifier-form-field); // --mk-ui-background-menu-hover: var(--background-modifier-hover); // --mk-ui-background-input: var(--background-modifier-form-field); // --mk-ui-text-primary: var(--text-normal); // --mk-ui-text-secondary: var(--text-muted); // --mk-ui-text-tertiary: var(--text-faint); // --mk-ui-text-accent: var(--text-on-accent); // --mk-ui-text-reverse: var(--background-primary); // --mk-ui-text-error: var(--mk-color-red); // --mk-shadow-card: 0px 1px 4px 0px rgba(0, 0, 0, .4); // --mk-shadow-menu: 0px 0px 32px 0px rgba(0, 0, 0, .2); // --mk-color-none: rgba(var(--mono-rgb-100), .025); // --mk-color-blue: #3867d6; // --mk-color-green: #20bf6b; // --mk-color-orange: #fa8231; // --mk-color-purple: #8854d0; // --mk-color-red: #eb3b5a; // --mk-color-turquoise: #0fb9b1; // --mk-color-yellow: #E5A216; // --mk-color-charcoal: #4b6584; // --mk-color-teal: #2d98da; // --mk-color-pink: #E83289; // --mk-color-brown: #68381E; // --mk-color-gray: #8392A4; // --mk-color-black: #000000; // --mk-color-white: #ffffff; // --mk-color-base-0: var(--color-base-00); // --mk-color-base-10: var(--color-base-10); // --mk-color-base-20: var(--color-base-20); // --mk-color-base-30: var(--color-base-30); // --mk-color-base-40: var(--color-base-40); // --mk-color-base-50: var(--color-base-50); // --mk-color-base-60: var(--color-base-60); // --mk-color-base-70: var(--color-base-70); // --mk-color-base-100: var(--color-base-100); // --mk-color-selection: var(--mk-ui-background-selected); // --mk-color-ui-accent: var(--text-accent); // --mk-layer-editor-popover: 100; // --mk-layer-editor-overlay: 100; --mk-ui-border: var(--color-base-90); // --mk-ui-text-primary: var(--text-normal); --mk-ui-text-secondary: var(--color-base-40); // --mk-ui-text-tertiary: var(--text-faint); // --mk-ui-text-accent: var(--text-on-accent); // --mk-ui-text-reverse: var(--background-primary); // --mk-ui-text-error: var(--mk-color-red); .mk-sidebar { color: var(--color-base-40); } .mk-menu { color: var(--color-base-40); .mk-active { background: var(--color-accent); color: var(--color-base-00); } .mk-menu-option:not(.mk-disabled):hover { background: var(--color-accent); color: var(--color-base-00); } } } // .theme-dark {} ================================================ FILE: src/scss/plugins/style-settings.scss ================================================ .theme-light { .style-settings-container[data-level="2"] { background:var(--color-base-25); border:1px solid var(--color-base-30); border-radius:5px; padding:10px 20px; margin:2px 0 2px -20px; } } .theme-dark { .style-settings-container[data-level="2"] { background:var(--color-base-110); border:1px solid var(--color-base-100); border-radius:5px; padding:10px 20px; margin:2px 0 2px -20px; } } // Remove border and pull content up .setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed) { border-bottom:0px solid var(--background-modifier-border); margin-bottom: 10px; } // bold headers .setting-item-name { color: var(--text-normal); font-size: var(--font-ui-medium); line-height: var(--line-height-tight); font-weight: var(--font-semibold); } ================================================ FILE: src/scss/themes/theme-dark.scss ================================================ .theme-dark { // Set the values for the variable that gets set from the Style Settings plugin // so that when you reset the color in the plugin, it will go back to this: --red-graphite-accent-color-h: 41; --red-graphite-accent-color-s: 88%; --red-graphite-accent-color-l: 71%; // Now we can set the variables built into obsidian using our values above or // the values defined by a user in the Style Settings plugin --accent-h: var(--red-graphite-accent-color-h); --accent-s: var(--red-graphite-accent-color-s); --accent-l: var(--red-graphite-accent-color-l); // Start with our base color: #1e232f // hsl(222, 22%, 15%) // Then calculate DARKER versions of that in 5% increments all the way to black --red-graphite-base-color-h: 222; --red-graphite-base-color-s: 22%; --red-graphite-base-color-l: 15%; --theme-base-color-h: var(--red-graphite-base-color-h); --theme-base-color-s: var(--red-graphite-base-color-s); --theme-base-color-l: var(--red-graphite-base-color-l); --color-base-200: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 100%)); --color-base-195: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 95%)); --color-base-190: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 90%)); --color-base-185: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 85%)); --color-base-180: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 80%)); --color-base-175: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 75%)); --color-base-170: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 70%)); --color-base-165: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 65%)); --color-base-160: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 60%)); --color-base-155: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 55%)); --color-base-150: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 50%)); --color-base-145: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 45%)); --color-base-140: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 40%)); --color-base-135: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 35%)); --color-base-130: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 30%)); --color-base-125: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 25%)); --color-base-120: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 20%)); --color-base-115: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 15%)); --color-base-110: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 10%)); --color-base-105: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 5%)); --color-base-100: hsl(var(--theme-base-color-h), var(--theme-base-color-s), var(--theme-base-color-l)); --color-base-95: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 5%)); --color-base-90: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 10%)); --color-base-85: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 15%)); --color-base-80: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 20%)); --color-base-75: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 25%)); --color-base-70: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 30%)); --color-base-65: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 35%)); --color-base-60: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 40%)); --color-base-55: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 45%)); --color-base-50: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 50%)); --color-base-45: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 55%)); --color-base-40: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 60%)); --color-base-35: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 65%)); --color-base-30: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 70%)); --color-base-25: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 75%)); --color-base-20: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 80%)); --color-base-15: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 85%)); --color-base-10: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 90%)); --color-base-05: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 95%)); --color-base-00: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 100%)); } ================================================ FILE: src/scss/themes/theme-light.scss ================================================ .theme-light { // Set the values for the variable that gets set from the Style Settings plugin // so that when you reset the color in the plugin, it will go back to this: --red-graphite-accent-color-h: 2; --red-graphite-accent-color-s: 56%; --red-graphite-accent-color-l: 54%; // Now we can set the variables built into obsidian using our values above or // the values defined by a user in the Style Settings plugin --accent-h: var(--red-graphite-accent-color-h); --accent-s: var(--red-graphite-accent-color-s); --accent-l: var(--red-graphite-accent-color-l); // Start with our base color: #292C2E // hsl(204, 6%, 17%) // Then calculate LIGHTER versions of that in 5% increments all the way to white --red-graphite-base-color-h: 204; --red-graphite-base-color-s: 6%; --red-graphite-base-color-l: 17%; --theme-base-color-h: var(--red-graphite-base-color-h); --theme-base-color-s: var(--red-graphite-base-color-s); --theme-base-color-l: var(--red-graphite-base-color-l); --color-base-200: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 100%)); --color-base-195: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 95%)); --color-base-190: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 90%)); --color-base-185: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 85%)); --color-base-180: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 80%)); --color-base-175: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 75%)); --color-base-170: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 70%)); --color-base-165: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 65%)); --color-base-160: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 60%)); --color-base-155: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 55%)); --color-base-150: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 50%)); --color-base-145: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 45%)); --color-base-140: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 40%)); --color-base-135: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 35%)); --color-base-130: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 30%)); --color-base-125: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 25%)); --color-base-120: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 20%)); --color-base-115: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 15%)); --color-base-110: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 10%)); --color-base-105: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 5%)); --color-base-100: hsl(var(--theme-base-color-h), var(--theme-base-color-s), var(--theme-base-color-l)); --color-base-95: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 5%)); --color-base-90: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 10%)); --color-base-85: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 15%)); --color-base-80: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 20%)); --color-base-75: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 25%)); --color-base-70: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 30%)); --color-base-65: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 35%)); --color-base-60: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 40%)); --color-base-55: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 45%)); --color-base-50: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 50%)); --color-base-45: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 55%)); --color-base-40: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 60%)); --color-base-35: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 65%)); --color-base-30: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 70%)); --color-base-25: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 75%)); --color-base-20: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 80%)); --color-base-15: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 85%)); --color-base-10: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 90%)); --color-base-05: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 95%)); --color-base-00: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 100%)); } ================================================ FILE: theme.css ================================================ .theme-light{--red-graphite-accent-color-h: 2;--red-graphite-accent-color-s: 56%;--red-graphite-accent-color-l: 54%;--accent-h: var(--red-graphite-accent-color-h);--accent-s: var(--red-graphite-accent-color-s);--accent-l: var(--red-graphite-accent-color-l);--red-graphite-base-color-h: 204;--red-graphite-base-color-s: 6%;--red-graphite-base-color-l: 17%;--theme-base-color-h: var(--red-graphite-base-color-h);--theme-base-color-s: var(--red-graphite-base-color-s);--theme-base-color-l: var(--red-graphite-base-color-l);--color-base-200: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 100%));--color-base-195: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 95%));--color-base-190: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 90%));--color-base-185: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 85%));--color-base-180: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 80%));--color-base-175: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 75%));--color-base-170: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 70%));--color-base-165: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 65%));--color-base-160: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 60%));--color-base-155: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 55%));--color-base-150: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 50%));--color-base-145: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 45%));--color-base-140: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 40%));--color-base-135: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 35%));--color-base-130: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 30%));--color-base-125: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 25%));--color-base-120: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 20%));--color-base-115: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 15%));--color-base-110: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 10%));--color-base-105: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 5%));--color-base-100: hsl(var(--theme-base-color-h), var(--theme-base-color-s), var(--theme-base-color-l));--color-base-95: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 5%));--color-base-90: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 10%));--color-base-85: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 15%));--color-base-80: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 20%));--color-base-75: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 25%));--color-base-70: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 30%));--color-base-65: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 35%));--color-base-60: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 40%));--color-base-55: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 45%));--color-base-50: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 50%));--color-base-45: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 55%));--color-base-40: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 60%));--color-base-35: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 65%));--color-base-30: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 70%));--color-base-25: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 75%));--color-base-20: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 80%));--color-base-15: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 85%));--color-base-10: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 90%));--color-base-05: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 95%));--color-base-00: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 100%))}.theme-dark{--red-graphite-accent-color-h: 41;--red-graphite-accent-color-s: 88%;--red-graphite-accent-color-l: 71%;--accent-h: var(--red-graphite-accent-color-h);--accent-s: var(--red-graphite-accent-color-s);--accent-l: var(--red-graphite-accent-color-l);--red-graphite-base-color-h: 222;--red-graphite-base-color-s: 22%;--red-graphite-base-color-l: 15%;--theme-base-color-h: var(--red-graphite-base-color-h);--theme-base-color-s: var(--red-graphite-base-color-s);--theme-base-color-l: var(--red-graphite-base-color-l);--color-base-200: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 100%));--color-base-195: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 95%));--color-base-190: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 90%));--color-base-185: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 85%));--color-base-180: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 80%));--color-base-175: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 75%));--color-base-170: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 70%));--color-base-165: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 65%));--color-base-160: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 60%));--color-base-155: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 55%));--color-base-150: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 50%));--color-base-145: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 45%));--color-base-140: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 40%));--color-base-135: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 35%));--color-base-130: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 30%));--color-base-125: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 25%));--color-base-120: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 20%));--color-base-115: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 15%));--color-base-110: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 10%));--color-base-105: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) + 5%));--color-base-100: hsl(var(--theme-base-color-h), var(--theme-base-color-s), var(--theme-base-color-l));--color-base-95: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 5%));--color-base-90: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 10%));--color-base-85: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 15%));--color-base-80: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 20%));--color-base-75: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 25%));--color-base-70: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 30%));--color-base-65: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 35%));--color-base-60: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 40%));--color-base-55: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 45%));--color-base-50: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 50%));--color-base-45: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 55%));--color-base-40: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 60%));--color-base-35: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 65%));--color-base-30: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 70%));--color-base-25: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 75%));--color-base-20: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 80%));--color-base-15: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 85%));--color-base-10: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 90%));--color-base-05: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 95%));--color-base-00: hsl(var(--theme-base-color-h), var(--theme-base-color-s), calc(var(--theme-base-color-l) - 100%))}.theme-light{--background-primary: var(--color-base-20);--background-primary-alt: var(--color-base-00);--background-secondary: var(--color-base-100);--background-secondary-alt: var(--color-base-05);--background-modifier-border: var(--color-base-30);--background-modifier-border-hover: var(--color-base-35);--background-modifier-border-focus: var(--color-base-25)}.theme-dark{--background-primary: var(--color-base-105);--background-primary-alt: var(--color-base-100);--background-secondary: var(--color-base-100);--background-secondary-alt: var(--color-base-05);--background-modifier-border: var(--color-base-100);--background-modifier-border-hover: var(--color-base-35);--background-modifier-border-focus: var(--color-base-110)}.theme-light .search-result:not(.is-collapsed) .search-result-file-title{color:var(--color-base-40)}.theme-light .backlink-pane>.tree-item-self.is-collapsed,.theme-light .outgoing-link-pane>.tree-item-self.is-collapsed{color:var(--color-base-40)}.theme-light .backlink-pane>.tree-item-self,.theme-light .outgoing-link-pane>.tree-item-self{color:var(--color-base-40)}@media(hover: hover){.theme-light .backlink-pane>.tree-item-self.is-clickable:hover,.theme-light .outgoing-link-pane>.tree-item-self.is-clickable:hover{color:var(--color-base-00)}}.theme-dark .search-result:not(.is-collapsed) .search-result-file-title{color:var(--color-base-160)}.theme-dark .backlink-pane>.tree-item-self.is-collapsed,.theme-dark .outgoing-link-pane>.tree-item-self.is-collapsed{color:var(--color-base-160)}.theme-dark .backlink-pane>.tree-item-self,.theme-dark .outgoing-link-pane>.tree-item-self{color:var(--color-base-160)}@media(hover: hover){.theme-dark .backlink-pane>.tree-item-self.is-clickable:hover,.theme-dark .outgoing-link-pane>.tree-item-self.is-clickable:hover{color:var(--color-base-100)}}body{--embed-block-shadow-hover: 0 0 0 0 var(--background-modifier-border), inset 0 0 0 0 var(--background-modifier-border)}body{--code-background: var(--background-primary-alt)}body .markdown-source-view.mod-cm6 .code-block-flair{right:1px;top:1px;color:var(--text-faint);cursor:pointer}.theme-light{--code-block-border-width: 1px;--code-block-border-style: solid;--code-block-border-color: var(--color-base-40)}.theme-dark{--code-block-border-width: 1px;--code-block-border-style: solid;--code-block-border-color: var(--color-base-95)}.cm-s-obsidian div.HyperMD-codeblock-bg{border-style:var(--code-block-border-style);border-color:var(--code-block-border-color);border-width:0 var(--code-block-border-width) 0 var(--code-block-border-width)}.cm-s-obsidian div.HyperMD-codeblock-begin-bg{border-top-left-radius:4px;border-top-right-radius:4px;border-style:var(--code-block-border-style);border-color:var(--code-block-border-color);border-width:var(--code-block-border-width) var(--code-block-border-width) 0 var(--code-block-border-width)}.cm-s-obsidian div.HyperMD-codeblock-end-bg{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-style:var(--code-block-border-style);border-color:var(--code-block-border-color);border-width:0 var(--code-block-border-width) var(--code-block-border-width) var(--code-block-border-width)}body{--divider-color: var(--color-base-95);--divider-color-hover: var(--interactive-accent);--divider-width: 1px}.theme-light{--nav-item-size: var(--font-small);--nav-item-color: var(--color-base-40);--nav-item-color-hover: var(--color-base-00);--nav-item-color-active: var(--color-base-00);--nav-item-color-selected: var(--color-base-00);--nav-item-background-hover: var(--interactive-accent);--nav-item-background-active: var(--interactive-accent);--nav-indentation-guide-color: var(--color-base-90);--nav-collapse-icon-color: var(--color-accent);--nav-collapse-icon-color-collapsed: var(--color-accent);--nav-item-padding: var(--size-4-1) var(--size-4-2) var(--size-4-1) var(--size-4-6)}.theme-light .nav-file-title:hover svg,.theme-light .nav-folder-title:hover svg{color:var(--color-base-00)}.theme-light .nav-file-title{padding:var(--nav-item-padding)}.theme-dark{--nav-item-size: var(--font-ui-medium);--nav-item-color: var(--color-base-160);--nav-item-color-hover: var(--color-base-00);--nav-item-color-active: var(--color-base-00);--nav-item-color-selected: var(--color-base-00);--nav-item-background-hover: var(--interactive-accent);--nav-item-background-active: var(--interactive-accent);--nav-indentation-guide-color: var(--color-base-110);--nav-collapse-icon-color: var(--color-accent);--nav-collapse-icon-color-collapsed: var(--color-accent)}.theme-dark .nav-file-title:hover svg,.theme-dark .nav-folder-title:hover svg{color:var(--color-base-00)}body{--red-graphite-interface-font: "Avenir";--red-graphite-text-font: "Avenir";--red-graphite-monospace-font: "";--font-interface-override: var(--red-graphite-interface-font);--font-text-override: var(--red-graphite-text-font);--font-monospace-override: var(--red-graphite-monospace-font)}.theme-light{--icon-color: var(--color-base-60);--icon-color-hover: var(--color-accent);--icon-color-active: var(--color-accent);--icon-color-focused: var(--color-accent)}.theme-dark{--icon-color: var(--color-base-140);--icon-color-hover: var(--color-accent);--icon-color-active: var(--color-accent);--icon-color-focused: var(--color-accent)}.is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon{color:var(--color-accent)}.theme-light{--list-marker-color: var(--color-accent)}.theme-dark{--list-marker-color: var(--color-accent)}.theme-light .menu{border:1px solid var(--color-base-90)}.theme-light .menu-item{color:var(--color-base-40)}.theme-light .menu-item-icon{color:var(--color-base-70)}.theme-light .menu-separator{border-bottom:1px solid var(--color-base-90)}@media(hover: hover){.theme-light .menu-item:hover:not(.is-disabled):not(.is-label){color:var(--color-base-20);background-color:var(--color-accent)}}.theme-dark .menu{border:1px solid var(--color-base-110)}.theme-dark .menu-item{color:var(--color-base-160)}.theme-dark .menu-item-icon{color:var(--color-base-130)}.theme-dark .menu-separator{border-bottom:1px solid var(--color-base-110)}@media(hover: hover){.theme-dark .menu-item:hover:not(.is-disabled):not(.is-label){color:var(--color-base-20);background-color:var(--color-accent)}}.tree-item-self:hover .tree-item-flair{color:var(--color-base-20)}.search-params .setting-item .setting-item-info .setting-item-name{color:var(--text-muted)}.theme-light{--vault-profile-color: var(--nav-item-color)}.theme-dark{--vault-profile-color: var(--nav-item-color)}body{--modal-border-width: 0}body .horizontal-tab-nav-item.is-active,body .vertical-tab-nav-item.is-active{background-color:var(--interactive-accent);color:var(--color-base-00)}@media(hover: hover){body .horizontal-tab-nav-item:hover,body .vertical-tab-nav-item:hover{color:var(--color-base-00);background-color:var(--interactive-accent)}}body .community-modal-sidebar{background-color:var(--background-primary)}body .mod-community-theme .setting-item-name{color:var(--nav-item-color)}body .mod-community-plugin .setting-item-name{color:var(--nav-item-color)}body .mod-community-modal .modal-sidebar button.clickable-icon{color:var(--nav-item-color)}.theme-light .horizontal-tab-nav-item,.theme-light .vertical-tab-nav-item{color:var(--color-base-40)}.theme-light .community-modal-search-results-wrapper{border-top:var(--border-width) solid var(--color-base-30)}.theme-dark .horizontal-tab-nav-item,.theme-dark .vertical-tab-nav-item{color:var(--color-base-160)}.theme-dark .community-modal-search-results-wrapper{border-top:var(--border-width) solid var(--color-base-100)}body{--metadata-background: transparent;--metadata-border-color: var(--background-modifier-border);--metadata-divider-color: var(--background-modifier-border);--metadata-divider-color-hover: transparent;--metadata-divider-color-focus: transparent;--metadata-property-background: transparent;--metadata-property-background-hover: transparent;--metadata-property-background-active: var(--background-modifier-hover);--metadata-label-background-hover: transparent;--metadata-label-background-active: var(--background-modifier-hover);--metadata-label-text-color: var(--text-muted);--metadata-label-text-color-hover: var(--text-muted);--metadata-input-text-color: var(--text-normal);--metadata-input-background: transparent;--metadata-input-background-hover: transparent;--metadata-input-background-active: var(--background-modifier-hover)}.theme-light .mod-right-split .metadata-container .metadata-content .metadata-property-icon{color:var(--color-base-40)}.theme-light .mod-right-split .metadata-container .metadata-content .metadata-property-key,.theme-light .mod-right-split .metadata-container .metadata-content .metadata-property-value{border-bottom-color:var(--color-base-90)}.theme-light .mod-right-split .metadata-container .metadata-content .metadata-property:focus-within{box-shadow:0 0 0 2px var(--color-base-80)}.theme-light .mod-right-split .metadata-container .metadata-content .metadata-property:focus-within .metadata-property-value:focus-within{background-color:var(--color-base-95)}.theme-light .mod-right-split .metadata-container .metadata-content .metadata-property:focus-within .metadata-property-value:focus-within .multi-select-input{color:var(--color-base-20)}.theme-light .mod-right-split .metadata-container .metadata-content .multi-select-input{color:var(--color-base-20)}.theme-light .mod-right-split .metadata-container .metadata-content .multi-select-pill:hover{color:var(--color-accent)}.theme-light .mod-right-split .metadata-container .metadata-content .metadata-input-longtext{color:var(--color-base-40)}.theme-light .mod-right-split .metadata-container .metadata-content input{color:var(--color-base-40)}.theme-light .mod-right-split .metadata-container .metadata-content .metadata-property:not([data-property-key=tags]){--pill-color: var(--color-base-40)}.theme-light .mod-right-split .metadata-container .metadata-content .metadata-add-button:hover{color:var(--color-base-40);background-color:var(--color-base-90)}.theme-light{--ribbon-background: var(--color-base-95);--ribbon-background-collapsed: var(--color-base-95)}.theme-dark{--ribbon-background: var(--color-base-95);--ribbon-background-collapsed: var(--color-base-95)}.search-result-container::-webkit-scrollbar,.tag-container::-webkit-scrollbar,.suggestion::-webkit-scrollbar,.nav-files-container::-webkit-scrollbar,.vertical-tab-header::-webkit-scrollbar{width:8px}.search-result-container::-webkit-scrollbar-track,.tag-container::-webkit-scrollbar-track,.suggestion::-webkit-scrollbar-track,.nav-files-container::-webkit-scrollbar-track,.vertical-tab-header::-webkit-scrollbar-track{background:var(--color-base-100)}.search-result-container::-webkit-scrollbar-thumb,.tag-container::-webkit-scrollbar-thumb,.suggestion::-webkit-scrollbar-thumb,.nav-files-container::-webkit-scrollbar-thumb,.vertical-tab-header::-webkit-scrollbar-thumb{background:var(--color-base-70);border-radius:6px}.search-result-container::-webkit-scrollbar-thumb:hover,.tag-container::-webkit-scrollbar-thumb:hover,.suggestion::-webkit-scrollbar-thumb:hover,.nav-files-container::-webkit-scrollbar-thumb:hover,.vertical-tab-header::-webkit-scrollbar-thumb:hover{background:var(--color-base-50)}body{--status-bar-background: var(--divider-color);--status-bar-border-color: var(--divider-color);--status-bar-radius: var(--radius-m) 0 0 0}.theme-light .search-suggest-item.mod-group:not(:first-child){border-top:1px solid var(--color-base-90)}.theme-light .suggestion-container,.theme-light .suggestion-container.mod-search-suggestion{background-color:var(--background-secondary);border:1px solid var(--color-base-90);color:var(--color-base-40)}.theme-light .suggestion-container .suggestion,.theme-light .suggestion-container.mod-search-suggestion .suggestion{background-color:var(--background-secondary)}.theme-light .suggestion-container .suggestion .suggestion-item.is-selected,.theme-light .suggestion-container.mod-search-suggestion .suggestion .suggestion-item.is-selected{background-color:var(--color-accent);color:var(--color-base-20)}.theme-light .suggestion-container .suggestion .suggestion-item.mod-complex.search-suggest-item.is-selected .suggestion-title.list-item-part.mod-extended,.theme-light .suggestion-container.mod-search-suggestion .suggestion .suggestion-item.mod-complex.search-suggest-item.is-selected .suggestion-title.list-item-part.mod-extended{color:var(--color-base-20)}.theme-light .suggestion-container .suggestion .suggestion-item.mod-complex.search-suggest-item.is-selected .suggestion-title,.theme-light .suggestion-container.mod-search-suggestion .suggestion .suggestion-item.mod-complex.search-suggest-item.is-selected .suggestion-title{color:var(--color-base-00)}.theme-light .suggestion-container .suggestion .suggestion-item.mod-complex.search-suggest-item.is-selected .suggestion-title .search-suggest-info-text,.theme-light .suggestion-container.mod-search-suggestion .suggestion .suggestion-item.mod-complex.search-suggest-item.is-selected .suggestion-title .search-suggest-info-text{color:var(--color-base-20)}.theme-light .suggestion-container .suggestion .suggestion-item .suggestion-content .suggestion-title.list-item-part.mod-extended,.theme-light .suggestion-container.mod-search-suggestion .suggestion .suggestion-item .suggestion-content .suggestion-title.list-item-part.mod-extended{color:#fff}.theme-light .suggestion-container .suggestion .suggestion-item .suggestion-content .suggestion-title,.theme-light .suggestion-container.mod-search-suggestion .suggestion .suggestion-item .suggestion-content .suggestion-title{color:var(--color-base-40)}.theme-light .suggestion-container .suggestion .suggestion-item .suggestion-content .suggestion-title .search-suggest-info-text,.theme-light .suggestion-container.mod-search-suggestion .suggestion .suggestion-item .suggestion-content .suggestion-title .search-suggest-info-text{color:var(--color-base-60)}.theme-light{--table-border-color: var(--color-base-50);--table-header-border-color: var(--color-base-50);--table-header-background: var(--color-base-30);--table-header-background-hover: var(--color-base-30);--table-header-color: var(--color-base-100)}.theme-dark{--table-border-color: var(--color-base-125);--table-header-border-color: var(--color-base-125);--table-header-background: var(--color-base-120);--table-header-background-hover: var(--color-base-120);--table-header-color: var(--color-base-200)}body{--tab-background-active: var(--background-primary);--tab-text-color: var(--text-faint);--tab-text-color-focused: var(--text-faint);--tab-divider-color: var(--color-base-100);--tab-outline-width: 0px}.theme-light{--tab-outline-color: var(--color-base-60)}.theme-dark{--tab-outline-color: var(--color-base-95)}.theme-light{--text-normal: var(--color-base-100);--text-muted: var(--color-base-70);--text-faint: var(--color-base-60);--text-on-accent: var(--color-base-00);--text-error: var(--color-red);--text-success: var(--color-green);--text-selection: hsla(var(--color-accent-hsl), 0.2);--text-accent: var(--color-accent);--text-accent-hover: var(--color-accent-2);--interactive-normal: var(--color-base-00);--interactive-hover: var(--color-base-00);--color-text-title: var(--nav-item-color);--color-text-heading: var(--nav-item-color)}.theme-dark{--text-normal: var(--color-base-180);--text-muted: var(--color-base-170);--text-faint: var(--color-base-160);--text-on-accent: var(--color-base-100);--text-error: var(--color-red);--text-success: var(--color-green);--text-selection: hsla(var(--color-accent-hsl), 0.2);--text-accent: var(--color-accent);--text-accent-hover: var(--color-accent-2);--interactive-normal: var(--color-base-95);--interactive-hover: var(--color-base-90)}body{--font-ui-smaller: 12px;--font-ui-small: 13px;--font-ui-medium: 15px;--font-ui-large: 20px}.theme-light{--vault-name-font-size: var(--font-ui-medium);--vault-name-font-weight: var(--font-medium);--vault-name-color: var(--color-accent)}.theme-dark{--vault-name-font-size: var(--font-ui-medium);--vault-name-font-weight: var(--font-medium);--vault-name-color: var(--color-accent)}body{--titlebar-background: var(--color-base-95);--titlebar-background-focused: var(--color-base-95);--titlebar-text-color: var(--text-faint);--titlebar-text-color-focused: var(--text-faint);--titlebar-text-weight: var(--font-normal)}.theme-light #calendar-container{--color-background-heading: transparent;--color-background-day: transparent;--color-background-day-empty: transparent;--color-background-day-active: var(--background-nav-selected);--color-background-day-hover: var(--background-nav-alt);--color-dot: var(--text-nav);--color-arrow: var(--text-nav);--color-text-title: var(--text-faint);--color-text-heading: var(--text-faint);--color-text-day: var(--nav-item-color);--color-text-today: var(--color-accent)}.theme-dark #calendar-container{--color-background-heading: transparent;--color-background-day: transparent;--color-background-day-empty: transparent;--color-background-day-active: var(--background-nav-selected);--color-background-day-hover: var(--background-nav-alt);--color-dot: var(--text-nav);--color-arrow: var(--text-nav);--color-text-title: var(--text-faint);--color-text-heading: var(--text-faint);--color-text-day: var(--nav-item-color);--color-text-today: var(--color-accent)}.theme-light .checklist-plugin-main{color:var(--color-base-20);--background-modifier-border: var(--color-accent);--background-modifier-cover: var(--color-base-110);--checklist-checkboxBorder: 2px solid var(--color-base-20);--checklist-listItemBackground: var(--color-base-90);--checklist-listItemBackground--hover: var(--color-accent);--checklist-iconFill: var(--color-base-20);--checklist-textColor: var(--color-base-20);--checklist-countBackground: var(--color-base-90);--checklist-searchBackground: var(--color-base-110)}.theme-light .checklist-plugin-main li:hover{color:var(--color-base-20)}.theme-light .checklist-plugin-main li:hover .checkbox{border-color:var(--color-base-00)}.theme-dark .checklist-plugin-main{color:var(--color-base-160);--background-modifier-border: var(--color-accent);--background-modifier-cover: var(--color-base-90);--checklist-checkboxBorder: 2px solid var(--color-base-120);--checklist-listItemBackground: var(--color-base-95);--checklist-listItemBackground--hover: var(--color-accent);--checklist-iconFill: var(--color-base-160);--checklist-textColor: var(--color-base-160);--checklist-countBackground: var(--color-base-90);--checklist-searchBackground: var(--color-base-95)}.theme-dark .checklist-plugin-main li:hover{color:var(--color-base-100)}.theme-dark .checklist-plugin-main li:hover .checkbox{border-color:var(--color-base-120)}.theme-light .chat-container .chat-messages .chat-message-container .message.user-message{color:var(--interactive-normal)}.theme-light .chat-container .chat-messages .chat-message-container .message{color:var(--color-text-title)}.theme-light .chat-container .chat-messages .chat-message-container pre{background-color:var(--color-base-110);border:none}.theme-light .chat-container .chat-messages .chat-message-container pre code{color:var(--color-base-10)}.theme-light .chat-container .chat-messages .chat-message-container pre code .comment{color:var(--color-base-60)}.theme-light .chat-container .chat-messages .chat-message-container code{background-color:var(--color-base-110);border:none;color:var(--color-base-10)}.theme-light .chat-container .chat-messages .chat-message-container code .comment{color:var(--color-base-60)}.theme-dark .chat-container .chat-messages .chat-message-container pre{background-color:var(--color-base-110);border:none}.theme-dark .chat-container .chat-messages .chat-message-container code{background-color:var(--color-base-110);border:none}.theme-light #dangling-links{color:var(--color-base-20)}.theme-dark #dangling-links{color:var(--color-base-160)}.theme-light .kanban-plugin{--kanban-border:var(--border-width)}.theme-light .kanban-plugin .kanban-plugin__lane-form-wrapper{background-color:var(--color-base-00);border:0px}.theme-light .kanban-plugin .kanban-plugin__lane-action-add{background-color:var(--interactive-accent-hover)}.theme-light .kanban-plugin .kanban-plugin__lane{background-color:var(--color-base-00)}.theme-dark .kanban-plugin{--kanban-border:var(--border-width)}.theme-dark .kanban-plugin .kanban-plugin__lane-form-wrapper{border:0px}.theme-dark .kanban-plugin .kanban-plugin__lane-action-add{background-color:var(--interactive-accent-hover)}.theme-light{--mk-ui-border: var(--color-base-90);--mk-ui-text-secondary: var(--color-base-40)}.theme-light .mk-sidebar{color:var(--color-base-40)}.theme-light .mk-menu{color:var(--color-base-40)}.theme-light .mk-menu .mk-active{background:var(--color-accent);color:var(--color-base-00)}.theme-light .mk-menu .mk-menu-option:not(.mk-disabled):hover{background:var(--color-accent);color:var(--color-base-00)}.theme-light .style-settings-container[data-level="2"]{background:var(--color-base-25);border:1px solid var(--color-base-30);border-radius:5px;padding:10px 20px;margin:2px 0 2px -20px}.theme-dark .style-settings-container[data-level="2"]{background:var(--color-base-110);border:1px solid var(--color-base-100);border-radius:5px;padding:10px 20px;margin:2px 0 2px -20px}.setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed){border-bottom:0px solid var(--background-modifier-border);margin-bottom:10px}.setting-item-name{color:var(--text-normal);font-size:var(--font-ui-medium);line-height:var(--line-height-tight);font-weight:var(--font-semibold)} /* @settings name: Red Graphite id: red-graphite settings: - id: red-graphite-colors title: Colors type: heading level: 2 collapsed: false - id: red-graphite-base-color title: Base Color description: | This sets the base color that many other colors are derived from. Note that the light theme defaults to a contrast of darker side panels. Those darker panels are what you are changing here. However, with the dark theme, you will be adjusting the entire theme. Try some changes to see how it looks. type: variable-themed-color format: hsl-split opacity: false default-light: '#292C2E' default-dark: '#1e232f' - id: red-graphite-accent-color title: Accent Color description: In the light theme, this is the red highlight. In the dark theme, this is the yellow highlight. This can also be adjusted in the Appearance settings section, but changing it there will override this setting. You will have to reset that color for this one to work. type: variable-themed-color format: hsl-split opacity: false default-light: '#cb4c48' default-dark: '#f6cd74' - id: red-graphite-fonts title: Fonts type: heading level: 2 collapsed: false - id: red-graphite-interface-font title: Interface font description: Font used for the user interface type: variable-text default: "'Avenir'" - id: red-graphite-text-font title: Text font description: Font used for text type: variable-text default: "'Avenir'" - id: red-graphite-monospace-font title: Monospace font description: Font used for monospace text type: variable-text default: '' */