Showing preview only (209K chars total). Download the full file or copy to clipboard to get everything.
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 <https://unlicense.org>
================================================
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):
## 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:
## 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.
## 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, <svg width="12px" height="10px" viewBox="0 0 12 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-4.000000, -6.000000)" fill="%23ffffff"><path d="M8.1043257,14.0367999 L4.52468714,10.5420499 C4.32525014,10.3497722 4.32525014,10.0368095 4.52468714,9.8424863 L5.24777413,9.1439454 C5.44721114,8.95166768 5.77142411,8.95166768 5.97086112,9.1439454 L8.46638057,11.5903727 L14.0291389,6.1442083 C14.2285759,5.95193057 14.5527889,5.95193057 14.7522259,6.1442083 L15.4753129,6.84377194 C15.6747499,7.03604967 15.6747499,7.35003511 15.4753129,7.54129009 L8.82741268,14.0367999 C8.62797568,14.2290777 8.3037627,14.2290777 8.1043257,14.0367999"></path></g></g></svg>');
} */
/* ======================================================== */
/* 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,d09GRgABAAAAACrgAA8AAAAAQ7AAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAARAAAAGA+LE5lY21hcAAAAdgAAAG1AAAExN1Ffc1jdnQgAAADkAAAAAsAAAAOAAAAAGZwZ20AAAOcAAAG7QAADgxiLvl6Z2FzcAAACowAAAAIAAAACAAAABBnbHlmAAAKlAAAGxIAACbY/1jAwGhlYWQAACWoAAAAMwAAADYiM5jRaGhlYQAAJdwAAAAgAAAAJAeJA/VobXR4AAAl/AAAAD8AAADg1nD/6WxvY2EAACY8AAAAcgAAAHIRSQg0bWF4cAAAJrAAAAAgAAAAIAHrEBJuYW1lAAAm0AAAAXIAAAKRd9LnyXBvc3QAAChEAAACHwAAA0AuNsBLcHJlcAAAKmQAAAB6AAAAnH62O7Z4nGNgZGBg4GIwYLBjYHJx8wlh4MtJLMljkGJgYYAAkDwymzEnMz2RgQPGA8qxgGkOIGaDiAIAJjsFSAB4nGNgYb7COIGBlYGBqYppDwMDQw+EZnzAYMjIBBRlYGVmwAoC0lxTGA68YHijxhz0P4shinkNw3ygMCOKIiYAmm0NE3ic5dRrchJBGIXhd7glRFASknBTJDe84l2p8pflElyDS3Nx31R95RbiaU7/1Q04Uw8w3cVMU30OQB/oymvpQWdDo080S402h/EuJ4fxHr91/ZiJRkZxEuOYxDRWsY5N7NpuO8hhLnJ7fw9BjA6zszpL288mJ7kps389Gt39HR8O59d6fuM7P/h5mO3oyT2teMARxwy1rgeMGPOQR1rVKWdMOeeCS2bMWbBkpTs+Yc1TNlxxzQ233LHlGc95wUte6ffteMNbPfe9nvqRT3zmC3s9bvCPlf4vx6i8dH7Vq33ZWSvZiEr7QlQlS1GVPEVVchaV9o+otJNEpT0lKu0uUZX8RaUdV7asrC7GRnmfmPJATE3JIGZGmZ+b0kIsTLkhlkb53sqUJWJtShWxMeWL2JmSRospc7SNKX20HVMOabumRKoLpmzSDkwpJRtTXsmOKblk15RhsmdKM9k35ZocmBJOHpmyTh6bUk8OTfknJ6YmkKemTpBnpnaQU1NPyHNTY8gLK/8ZeWlqETkz9Ymcm5pFLkwdIzemtpFXpt6R16YGkjemLpK3plaSd6Z+kltj/wfhZprgAAAAeJxjYEAGAAAOAAEAeJytV2tbG8cVntUNjAEDQtjNuu4oY1GXHckkcRxiKw7ZZVEcJanAuN11brtIuE2TXpLe6DW9X5Q/c1a0T51v+Wl5z8xKAQfcp89TPui8M/POnOucWUhoSeJ+FMZSdh+J+Z0uVe49iOiGS9fi5KEc3o+o0Eg/mxbTot9X+269TiImEaitkXBEkPhNcjTJ5GGTClrVVb1JRS0HR8XlmvADqgYySfyssBz4WaMYUCHYO5Q0qwCCdECl3uGoUCjgGKofXK7z7Gi+5viXJaDyR1WnijVFohcdxKMVp2AUljQVPaoFEeujlSDICa4cSPq8R6XVB6NrzlwQ9kOqhFGdio14960IZHcYSer1MLUJNm0w2ohjmVk2LLqGqXwkaZ3X15n5eS+SiMYwlTTTixLMSF6bYXST0c3ETeI4dhEtmg36JHYjEl0m1zF2u3SF0ZVu+mhB9JnxqCz243iQxuR4cZx7EMsB/FF+3KSylrCg1Ejh01TQi2hK+TStfGQAW5ImVUy4EQk5yKb2fcmL7K5rzedfEknYp/JaHYuBHMohdGXr5QYitBMlPTfdjSMV12NJm/cirLkcl9yUJk1pOhd4I1GwaZ7GUPkK5aL8lAr7D8npwxCaWmvSOS3Z2nm4VRL7kk+gzSRmSrJlrJ3Ro3PzIgj9tfqkcM7rk4U0a09xPJgQwPVEhkOVclJNsIXLCSHpwsixlUitSresirkzttNV7BLul64d3zSvjUNHc7OiGEKLq+rxGor4gs4KhZAG6VaTFjSoUtKF4DU+AAAZogUe7WK0YPK1iIMWTFAkYtCHZloMEjlMJC0ibE1a0t29KCsNtuKrNHegDptU1d2dqHvPTrp1zFfN/LLOxFJwP8qWlgJyUp8WPb5yKC0/u8A/C/ghZwW5KDZ6Ucbhg7/+EBmG2oW1usK2MXbtOm/BTeaZGJ50YH8HsyeTdUYKMyGqCvFCQd0ZOY5jslXTIhOFcC+iJeXLkOZRfnOIcOLL5D+XLjliUVSF7/scgWWsOWm2PO3Rp577NMK1Ah9rXpMu6sxheQnxZvk1nRVZPqWzEktXZ2WWl3VWYfl1nU2xvKKzaZbf0Nk5lp5W4/hTJUGklWyR8w7flibpY4srk8WP7GLz2OLqZPFjuyi1oAvemX7CqX9bV9nP4/7V4Z+EXU/DP5YK/rG8Cv9YNuAfy1X4x/Kb8I/lNfjH8lvwj+Ua/GPZ0rJtCva6htpLiUTTc5LApBSXsMU1u67pukfXcR+fwVXoyDOyqdINxY39iQyXvX92nOJsvhJyxdEza1nZqYURmiJ7+dyx8JzFuaHl88by53Ga5YRf1Ylre6otPC9W/iX4b+uO2shuODX29SbiAQdOtx+XJd1o0gu6dbHdpI3/RkVh90F/ESkSKw3Zkh1uCQjt3eGwozroIREePnRdvEgbjlNbRoRvoXet0EXQSminDUPLZoVP5wPvYNhSUraHOPP2SZps2fOoovwxW1LCPWVzJzoqybJ0j0qr5adinzvtDJq2MjvUdkKV4PHrmnC3s69SKUgGisp4VLFcClIXOOFO9/ieFKah/6tt5FhBwza/WDOB0YLzTlGibE+toIkgGWUUXPkrp+JENqLBRhTxm3fSL3WhENrjWEjMllfzWKg2wvTSZIlmzPq26rBSzuKdSQjZGRtpEntRS7bxoLP1+aRku/JUUKWB0d3j3y42iadVe54txSX/8jFLgnG6Ev7AedzlcYo30T9aHMVtuhhEPRdvqmzHrWzdWca9feXE6q7bO7Hqn7r3STsCTbe8Jync0nTbG8I2rjE4dSYVCW3ROnaExmWuz1Ub+RQfaL51nQtU4fq0cPPs+ds6m8FbM97yP5Z05/9VxewT97G2Qqs6Vi/1OLezgwZ8yxtH5VWMbnt1lccl92YSgrsIQc1ee3yN4IZXW3QTt/y1M+a7OM5ZrtILwK9rehHiDY5iiHDLbTy842i9qbmg6Q3Ab+uRENsAPQCHwY4eOWZmF8DM3GNOB2CPOQzuM4fBd5jD4Lv6CL0wAIqAHINifeTYuQdAdu4t5jmM3maeQe8wz6B3mWfQe6wzBEhYJ4OUdTLYZ50M+sx5FWDAHAYHzGHwkDkMvmfs2gL6vrGL0fvGLkY/MHYx+sDYxehDYxejHxq7GP3I2MXox4hxe5LAn5gRbQJ+ZOErgB9z0M3Ix+ineGtzzs8sZM7PDcfJOb/A5pcmp/7SjMyOQwt5x68sZPqvcU5O+I2FTPithUz4Hbh3Juf93owM/RMLmf4HC5n+R+zMCX+ykAl/tpAJfwH35cl5fzUjQ/+bhUz/u4VM/wd25oR/WsiEoYVM+FSPzpsvW6q4o1KhGOKfJrTB2Pdo+oCKV3uH48e6+QUl2gFBAAAAAAEAAf//AA94nLV6fZQcV5Xfu+/VZ39Ud1dVd/X0d3dNf0zPd3+OZjQzrZE80kgjjUZfI8nSSDJCsuSPCCFsY3yEDrG8wbHB62WFdxdvYLO7MgbOQnw2lkDgBEMscljFyS4Gk8MeAoQIs+twThzYKJpS7quaGcks7H+Z7nld9epW1X3v3vu7v/uqCBBy6yR7jO0gArE6pgBAYJYQIOcJwEORMJXivZCP5CP02aXvszDbcTNOHcIFyK0fsev0J0Qk6U6CEErOM6BA3fNQQCRiJCLws8v8dPjeAedxlL/nIzcdes49H8/5B3oPYUR6iQHUelVG/8G56dwEARZB4FsoIuF9jgijbA9pksfJK5CGy/A1QoxSO2a12pLVbvGPFbNisiSXS4PAv+1WuVQuSbLEe62oKZfKkoU9Iv6jmAalCZiEVtsu4J4UAqmEe5NQluSV69UlG4/Ihagc49e26kNN7z5ZaC2LNAv8XvwCsmQXSrxvEvjlUS251Go3yvxQm+9J/BLtUptfyju7OAByBqwYHisXyrwHVUMlozFpeRADwMfg/kp415h1R2PFUGfcRIHW6kUnQSrXY+0JPA8PtCw+Q+4n616pjBpO0lY7utznXsm9AzaT4HVmcDyxeizaasc0kJstT4UWn08cS83Co5Mowq/Rrmu03GrLZU93HLUnWnJnBK/ljr1V5uOQbW/SJsDKQLv0GZqkkr5OBqYHY9ly74OJYDqUEASWsJnKWJfEjOhENKsC+CSYjCaCUb/Kfi83UO22CnJIUiSfj1KRUtMMdOlakPlAoDCfozTVO94SA4okNAd3TQIEgooWUoGWG8Mzqi6rspHv0q0odeqpWEHIN3RNj0xOhX1JLQ6JuBFj5qYW+NEbEpmw3KVFRCWTU/zojv7C2IZds2P1CoNZLe8LhWRDsnJ9IkgKDfpMwQcgZeJ69HQkllTRjaloJYyoICtBKYTuhX9SMtROmiL6Oe3OyiHG/H6qDfavreeZROtDwrqBtB60bn7LnxvIGr5gXksUNVGRRH9eoKoMggACA1G1wgUrG8DtoB1IGAplAcakaLA32J0RMPgMIygEkxEqyHFVj6iUBfOlvNoVDTC/TxYBVDEg0FwlZClF0KRgJpeK6QOaP6QWW1I8ncgbQcvXGaUYxzi5YSMpBnR/LBlU2f8WEmGN/u5od0qbH4xqLIQjk9XU6bHp7rwg0nhB8DOh2pczLLAKdUGolnGkuemRWjTd9XpBjzDw4zj8oiRTABZQjJBfUAyGY2rvpSyfKKByVE7X9gIIqhQISiDuGWuHqMpk6kfNqQjO5+J6Shq1/aJ8/13VkhkHRZHNajbXUrZRRSoX+/pFXRnMjTxW8fnAjIX7Elkt2Bqckw4KApV8SrQRjol4ktiFMKfgCONlgPBiGOdNVjSpizFqGOFsQPRLfl0NSAkr0G9F4qGCWWgFaCRmdCuBTibt96WZQgN5sdw1XWjDe6MmVe2ejKWGYkHBJweSMSZlq3IwQBUmmKFkPJK1UhEqUTsbtHQlWOiSrVQyUgnkxlLAFFOKGUMVRdBVXUT01FWNSqIgSUV/SBaTEg2gN/m7QhAyReoLZ/oZDfbHMFSoJaLFVX+MCtSoobp4ZgTnKeCXAyFVDlTjCVpA/BRcfH8O8Z0RmfhJiEx1JhVEeVkC+TjCK95MPI5ijArsOKI4oQuEUnKII/ocISEtGPD7VEVGrfASLKJKVq/BAT3fzLfxn3+2s03O07cQ0//YuQfcf54n2PUl/fQcflyoRz0+xa6zHF5EJcpfSgIllGO+aKnQFuEdeMcJOAE29ef85yJsZTnnb5y/gb6rR3l79KqbUvhYruNYvJEYxCJ3d/ZSwEGIRDiHo5ERdo4T0PxBpiqgHveBEgCRKHyIjAkLBKfuEEHHmzPNcFhRTMu0YtGwETb0CB+q4lf8eiQSCYekZG/bxnHa0bw33Ghejtabdfy/epVdv7r0wlF4xgnQvbiBfzWu/1XsQWXp3hsXeB9Znv972Vtsl6uzQRKk1hns0ilPs4kQJZvjRiSsBXGK+QwzCmGYWU2/qJpJpRimUJWW5TKUwWpbKsWmWJftaD/Awxud16EHhjb+4o/oho3O5zfe3AhDzned17Fj6ZWff3qL87dQgEdRyvmuKwVHNjpf2PgiSkGPK/WFT7//1Vd/u56oxuw/VnEzV30G1YTzOMbbenrKgQWorauyaLfrzSDQ99+h1lc3wk7U87bi61BPKKCmU7fVcv4Vl3rxtuLLerJf09P3ciiI2QFY7TfM0j85Pf/krBBY9TU/8hPR5Sc4PJBVvA200V+3XnRechvnJXRXbBCk7tyFrbjL+Qsq/fv0c6vxx712Z2c79voZ8Z8joMATAZmKRKKihBEoACMUQ9FPfKrfd5yoiqIuEFVVDhFFVeYCAT7b6K7hQCgQ4r6K3hqU0r1GPWqDHa3n600bnbUJ+MuDc+eNG3TTjRtLl27cgG3cS/EXW/Djz64bO3cuHdu5c5cbn954BaIQoxPGiBcwcjZz++qAQY9WtZvQtmT6OxeXPniRfv3DFz9Mn1vdXOaEp9ifsnmMcOklhc9ZFoqRslgulsWls7Rn3DHXw482OX3+8x+h/734J+s+Xn6cY8OtGzgb/5e+THyIO5OdtRPA6Np6MhQUgWHyAzaLM4LMEs18nrvqE4RnxH3om8IRgqlx/uD+sTXVykC3iHzT4LyqXmt7fE+SXWpoSy4HarVrzeFWs+GyErvgUrzhKCeOnB7Va0gpXYq4Qpz4D79clvKdMai1W3+sHt48uzCz/tST5+m/NweUYDHsx3yfb0SiQS0WhgHqCozc198uQNhfcw/H8/Voot27PxFSw7tTyWg8G45MLaRGUq3puq9k0K3DrBNNwuiepys9mf65rbVUXyFXSkcx9QUFWRC7UjB3wNB34+HuQnUtpLMD/KgUTMXDon/Ayrfnk1FdtwL+gXo4o6UypoBzZxX7Cdy6des+164iiXZ0TMubV8NWj3B2bxlFYPlX33J2sO634aXfh2eB7nKOkRWOrrgxMNTp92CJUfaExFMVhQX+C/QQpx4UcwWK+V1/lBE8oWlH0Rs5ZDZh7sLlyxcu00987WtP4Xc5HyxfO0C6SG+nIgAvITDVrxoaAVALAjGNYJfWJUskAAGJg0wtA6YGhQFoIJ+8cweEjQ9PTz/89CPT049M22tte+00b9iO5b6nH57+yHIfNi6WYPN5+nm8s+h5PW7R85gdcXKQtUhdGPR5/IKRx4i/dPMZuOS1rzuH6eeXjtJPLR2Fy843PN//1+ynrAt9uK/To4g4DoROglNzftl58V4LhDGeWhmZ03U9LEiJXjGPs88suyzn2U9vJuCD1+invnvp70efgDcP0kHY6Py7d7Zf9fD5EfYFtoGESYzYZIDMd7ZVgAgGwsWAqaNZNLSFMFsuFZmwORyimEcEIpznNzvP1XgCTUfZPtSAHnGneT5u9fZk0pYdt4tRCT2hiJExAAUNzAxgAFntfgz3qCl6s+vNNEc/GUMHywOWz7YPnlpstxdHRmtPd5a+7Hxn5jWoZBvZbGOcN0vvbIbn4A9Obtgy/sCO6Iah8REufOpgO/vU5IffWvNHwclatj6xLA5PjcKE8/WdpcFdrWUs+RdsmDUQS7o6McyXm10SIpIZzzxeZWq3LTuK8H/14l//9UWIOK86r0KEPvDaa590/idujkPExZdbt75HT2OtapIe7msZJEoq4HzMEpGKnn047DLP9MgJLDMmSSm0fszEUqvA6zxsSo02IDaBZCIa1HjRhE2rUYZSAfaDqml9wbJ25avY9Gka7pebzq+wUysHr3wVG+x0fhkswyHechEUDfbjARQFOLHae8U7B3waWcbls2w9iZIC130lQlBZDJlVogAkjUWNVfD7SBTMlThJg8nLsQLHt3FuxPq7oocpuVZucHjP4t8t7hkexG0wx46Ojh59iDewHjsqc5tm+gYH+2Y2zVVwlxI8+J7R0feghMfHTri6+dEru1C/Fml2an6ODYVkVzwcQuIoIWMIIqOclUWXMrjxgEHGAahRr/akGeaWIqYVS8bk3S63cbqxcXVHYM7LA2jFBla3A9D0vDBqYk2FQyiV4Z1XDr+y8oXuoZND74U98ZSdv+B8+kLeTsUvpbLuaLIpNTO7e2vm+h3yS99WVRQP1zOVgQM9Fy70HBiopBvhFzKzVXcSxqqzGTWVzaZ+uw1clEIwFVyv+Q02sAqu9rz4rfGMkuZzb7/LBj9cNsHfH/RM4PzdbRNcuG2B3s2eBdibd1rA40PX2OP0bdzi2o11RgiyYM6HT6CBGBXZCQk4TC9I3C6HuAXmrJgoeLoGA0JUNCNhZXmdp1jgjuLq65nAZu/ymMdv/pDllr6d7llTH3lqpL6mJ/2n9phtj03zhr5984f396StwT2JVCqxZ9BK99CZ5WPYrNQBJ9mjiPv/P/xZzDVzg0O7D751cNfwQLaVhUhjb72+996FRmMBxrGjPDe9uTo4WN08PVfGXRrFg67E3rq31vQCe5GZJIK6DZIO2UHuJUc7RzasoT4/gjlXMgiK6BcVJG5+n+j3nSU+H+cwgEz5BCZCokpUPR4ARCppAX8k8YgMoiTOT60bHjp+9O79W7es2zG1o90c6gx3ovFoqcfQEGiMVdfmXMXG4YixOrKYCfAQOWrG5Ik7xlquS2bM4gymVOaB0RJrfD1sAjdLvRDj17Hc1o0TLoHH6vla7EphzYY1hSQCaqa3sKYAFynkqrjhdie+GR7dMJp3t//rRV9XLFybD+eS3eU2TXhblXb5oj8ROy5Xugv7j+4vdFdk/2AaRtKD9JPuVQqZRoTGC2vW8WbDcs/JlG2PuDsbUsnpdV2jA8Foeme93P7K6lYmZ3cSHwxF6zvTyTR+d9YjRiKXc/PA2+z79Bpid7qTUPk8zy4zGOQLCCwI1zGeqUWEZ0TjWhbcJmZiLViAvc43NW2D1qN9B17DdoOmLf0XrYdBJ9SjTWva9+BaKHQXbi99K+TxHXYdfo6Gtjqmy3cwctzlTF76cqRqYi3Irv9nSDg/dXV7hH0fc7JJ4p2oCfRdi6c93W6KKkYanFkioqE5gC8VNiN059JXCnEtwPZquq7dfCGgWTYsjsLpeEFydimpXEpxdkmFOKzWzo+zr7G7MBcmSU+nhB6FaQtL6NXQub1iG4nYhl3HeM70GvkIxm8eb4jpHLEnj34yBljC5pv1KvtEwrj5mpGkf3HJSNy8P2m8fACMu+G9zpyZSplsOGX+4hdm6vDhw979388W2AzGxb18/WAcBDZkUypgAkV4ZwI9RyhydjjLIUdAyOFzAwuoEGc7QOYW92+bnV5frTTrLtFAz+wFD2mQVMeiw4YptyU5KoUo5+Q2bprysCtTHi6VmxPQHm616y1sy8PI3YdLcr2EZ4T4fJbrZS7FJfBqds0qx/CLHhClR/XApaCuBy8FI/+rAnrciINihfMG6ExVtEuSn8oUElb/JLUzUUqNUHEABkowYGPu9atwFlOZ1Nh/8IEgdCbo2iYMZyG3+XJA1wNuA9/ePAldJoTDIGiqke1KgOb3K5JPtwsT8UY2lErm9IySpLQLykM0IB1W/AHfYmukC2JVqKyBkSmyzHXOsL9lmzCP5jsZ15Z8QYwnFs/C7CGvzuOcxF2NX/7Q33G+73wWFqAEC85n2Sbnsyv7K37zMPtP6DdJUuF1lYo20gLcUrNBgBnEW46+hJ7AVAYuNYQjBPnNfDoFxC6kKumKHiZJSHr4yzMYxxSzjrm6yWceYdhNbpZHGj24gsvvO7LYXpPPwl/+4VfuPuburGkvHnnf5MmJiZNnecPucjvGTw2jzBUY5Hs/4nKXUeC+iYn7UMrT/zT9XbYZq+Ys6e7kefGBIe8+ZHi3fzWbzTpn07/uWQayYteLWMndp48m9JeMRCryUjgVNSCJO0kwIKH/UE+MPa8nEvrzRiJBX1/6H3oyqdMu7PH0+AA7wTaSPCmT0U67ZFNB5DDEwAs/vgRFzksgCoKIeVYUhUNEEIW5QqFQLpSNSCYT5jVR0XYX4j08XuEELua7H7tpG1HZLjfhmx+T46GsLleq9druhW8t7KrVqxVJz4a65I8t/uzglw8upvN63lBqD3eO8oP12q6Fo51HarKeM3OZnzlfHjx4cNDlBmfYP0e/4jVWhUx0xhQQqHBeRv6LcygSBBFw64OVgiuZ4CVXIZ+oJCt3Fl4qOkDxzlT7rh03Mbl52d2lr1TWVyrrt/PGmWzubzT238cbeGPmsU2bxiefnRyfmXnsD5clsPlGc//J/U23gbdmHnv2Q93FYveHnn1sxpv7a+wHbB1iXzfHPrKKeaJLFwQO0EBy6aiBXAbzL6jcW416xEVapDJI2fmTjRDkOQiaMrqEC4qRxsj582htB1JSRCqFNbEOqWJD/qhoaU5WT8CPl36eMOCKnhhFCRBTgZL5rUZxMaQ7/yYYShiURjz9PsR+gPxrWT/3CRrXjXnFspui/rF+RTuCmByN8JygAX/MMwl512/bhpep8Rj7oqeg8xMpLHMFG86Pu5vyk4KlwX/TE2/SaMJwNqB+KHCHfgZs5fotOZHlOpu9QT+H7CZI7E5OpcgCtwguvGD0IxNnnL1G9EhEd/GlXefrnXXwfvZde9J5zzV4/tpHnaPXIuCDZ5xTzi+93xXs+jP2JrOQMd2/5Yu+7Xs7JWmZx4kYHSLD+ooJAjtFMF0J+4gg0MMEM8f2ZKf4GwRxvn5Nbl/H4GQwHtMjQZ8kkgLk5VU6aEdM15qcZueRJFn1GpYKzXyEc0O22x7v3ts9bi9dwA369VhYinQBLE1gF7Ow2bv0Nh7AjX37Il3UCotfgsvYsTKuh9iDbBqrbcTkoPtclMEqJaAkgtUNidGYwL3NtdfQsMlBsShKy673WXrBSGk+WXRedF5UBJ+WYtMp4+bDPk144w1B87GPGqllnD5Dv4NxGiYNsr2zdXAgk8YsigiDVSnm2nOEiUhuMbtSzPxnMXzp43zugOyTOBAe4YRoXo8A6e0p2ol4pKE3VJmEAWmAB9xRPk2FUtuFHVbgT/wmwH38WXYfzaEvykzCor/VtlwwovcNJuP22u7BGmjhZO5P+jWjC9FDDVSqqcTau8bXtHKlsLkhHA1li4X0mql2a5BtSid6cmsK9YFkMqObN/sK1SP/J9sV0c2+egWBeddm58ZEKJKsjFa7zcjyHHtrjpSvTeFwvNrenRLKF5TRWvw4f5awXOu8wO5Dfh4iadJPSh2b8VWjJ4i7GoXzQY/w7DBPST7nk0mIhrhxRC/YW8tBJangPsbEwh0r+kK7XCqEViv6VoMFl+bL7XaZ/gW2zvPOrwIQ9v8zUAXhfkH9qzEs0fvdTaFf24tSX+SyS9uRIc85vzrlD0MARVUUiI1qWj/zsQcYwxJ/OQ7H6CfdNQjMZRnVXVtfyWawvFCDqT5lpXSey1Tw1hwmoewxWwtJbRFW1JU9nduoM/xb51daWesLBq9cCQaX1w7gxK918hUJGHd+6e1cuYJi/d6KRAPFtT6tpH31yu21C75usnTrS+wQ87u12lCnXwZ3TctbVgJvWYmvnjC6D+3FjnC8m49almmKfAXQnd8Q3DHBqKzlZg3qFjP0r3x1f8r/k7PY1H2+/+jL+GHQ99Tp/3D96oPSo1fe+fJZuBT21fz+H5/1+2u+LEr4UGDLB75x5sw33uKNu755nL6NPpQivpf5okKKL1aLvzXNasiV5hvz92T6szy3fnthd62e7c8cmW+omfRHtpz5l4MbD00c47388LGJQ9NDT35gS9DnQ/vgvb7EPoPzwbF0I7mrM4UEkWQxQpEIK7KC2ZQSvnp/Dn0MXZnK5DgGLqLfPvxhnBQwYW56Q70cKxVLiajuk7K9UGraiFzFpm1iidfGSKWummaMB2XUY/CczyC0NdxhsTYS+XadN25KQzkg1Y+fpC98vGfu3pmh2YfGrUw0XChWp8CnOEOKb6qnVAhHM1bn9LYhyMU+3eqGdcXGZ2I5eO/dZ5p9i082z9wdXnz/xsr2qaqQsYzqWLVW7lZ8PqW7XKuO9ulWhvV1dpQ3WhloFhvQ6m7m+HzcxPjV2XpErW1kgT/VmANJnkJ+SWeRa8IWIkpUEuk5zmMlys4iz5AYVgkykURZ8qoEvoxPjnB/mt+ze8f81s13re9MjI5kM6bCDYnTge7SbkzQdiuDV9cEOSNOsHLDezdiAPhLBYxx89pugyjXtG8zwLLpvu6RAaZPn3rqYx+7f1bonpqqhOJiOJxrZeIK0FRj9thjR7cP5UAJJEMjWU2X4qHyhk73G2aoO6Z9XItBtxarZt7IVFubj80KGx6cku3RnK7nRu1kX8aUaTgTZ2I4oClM0nXdRzUtFpaZIgVlTWLxtM5kM9MHb74RMoH/x7Q38JuuVi83NtHZo9ukKRfbPCz0nhP5XvarkuA+11JZRKV5zNvLb8c4Af609Oaj8Cz8nvPAyrsyeDTgHsE+5wEi3rqB1/sZ24vMeZzcTT5I/oCs73TuA5F9AjkgXSlTXQYrcpYiCiIVzmGKEcR9BBnsEc5g55995tzZh87ce2zLzPAg5y3tYZs/O3Hf5ahF0R3QU933W/hbNOVC0xhurr7pEcVjZVtyJQrcWu3icH3lkQpmnsLK6ydeOrKM4aFhL0RlqTRI3Zu4yclC4AZ+0C64T244Gi6/3NLmpT5fNBkAvyFpkRxVkTPgAGU/UwIGk7cLKoNHol3p2Prntoki2lioJLT6oQpT2BymV7oN4olwZmQ2jJ56TMAIlkVVGton0yyo4i8lNeDLn1gv+Ch3ISGcD25JMOUeUXI2ZzKFrq1PjwrCDryFGYgFFk+qLM0rA/pMfG16y3Mb+cPSMaoI4R6zdnxIEUcYEhqEPkM3/aUsYoR4WMDQoEpvntJR6hOmND2QaDwxKyJ6iILP0KK+xRFBPYCmWbqeSeas6feVeNm9KCjUlwzOHFdAEp3TTFAnm0wVxrC0C6PLDUrKAZSA1fW2WfSrXtImuzrz3TLmSh/SiAieyh+sAX+9Au2ODFI6SyQeoRin7HHZJRgLskswXFY7D6TZGBwoFxNdwYAkkF6oevwixouuKFoVsZYvmPOFrNV1OnfpyQ1JhDCjUSpISMJjtVaTGoliMZFtvadaNepFYzBXaLcOHPrBoQPNkYG+549k+dGnkqVUqpRkO7obxfVKf6Gqdzf0oaFT4w8eOtBqc/kHj+7dfTq0vtjodj5qJpPmDSOVNMn/A2jLfVAAAHicY2BkYGAAYkGzDcrx/DZfGfiZXwBFGO7nac2E0rP+//qfyGLFHAHkcjAwgUQBOg8L0wB4nGNgZGBgDvqfxcDAkvr/1/+3LFYMQBEUYAEAm14GhXicY37BwMCMhFlSUfm4MIs6iP7/C4j/41LDVIhbjlTMooxFPBuKI///ZXoHtGsBEEf+/wORB7oNKAcASDs99AAAAAAAABwAPABQAvADNANWA7AEBARYBIwEsAUEBSYFQgXwBg4GPAZ+BqQG1AdMB3IH0AgeCJII4Ak4CYYKUAqGCp4K0gsSC8IL7gxODJIM7g1QDaAN8A4gDowOwg8+D1YPtBAOEGAQlhEeEcQR7BLwE2wAAAABAAAAOAG/AAYAAAAAAAIAHgBFAI0AAAEBDgwAAAAAeJx1j81Kw0AUhc/0T2xBQdGNm1lJi5C2AVG6sVhst1Kh+7RNk5Q0UyZToRvfwIUv6Iu48TS5iAhmMjPfPfeeOzMAzvAJhfK75SxZocqo5AqOcC9c5XgQrpEfheto4Um4Qf1ZuIkbvAi3cI435lTtmNEaH8KKji/hCk6UEq6ioU6Fa+QL4Tou1ZVwg3pfuImZuhNu4Vq9j8x2b5Modro96mi/5/t6vteGUpIFqQ52LjY210O9MpkL09R4C7NJXD4No10aWBL/WWjzxGS67/UYTcIstIELl4dO+WvkO7fSK2s2eiw99NaadbhwXuzcdtDt/u6NEQy22MMiQYQYDhptqh3uPnqcPmnOCs3KsipBhgAplQA7OuIikzMecq4YZVRDVqRkDwuuG7oca6bUI7pSeq1o5TpjxhbRwa/Rp7MnuQlzWZEPis7LnzvleGU/n6rjyYfTbXGaxvjPPTTfecitqSyoe8VrHdUBuhz/3Psbl6BysgAAeJxtUtlW2zAQzaXZSAghFErpvtC9akuglH5NjiyNY53IkivJBP6+Y7t96DnVg2fGs925M72dXvcmvf+/a+zgHvoYYIgRxtjFBFPsYYZ9zHGABQ5xH0c4xgOc4CFO8QiP8QRP8QzP8QIv8QqvcYY3eIt3eI8P+IhP+AyBL/iKbzjHEhe4xHdc4Qeu8bPXz42lYe6tpjDMamsp7WshnRZaZIFlHDqfSCyHVt5RiKMqGJcojDOpNta4zcjXqZH95jNQ1kc6yH0oZRLWxCQS3aZxRU4ZK86HmfcbcbFXWekoiVjIUO1asy6SM249a0oIjqfgpO2sthlbXNOnFsk2mMTBU0siI+mEdnoUSQZVLMd/g+bSrdmvfZ2xqKtdxZ1EKY2bt5p0Sa69Y3ydJxpNk1bj7kG2P6XizmdGrXJbk0urinxlaaV8WdbOpLvV+dWKybOk93MpVEFqI6K3Rg9K4+p4kpNMBQVhlHeikhWrzdgzJS05za2a5EXuXWIYXvyqKSbj3XHmb5uUyNF1FCVpwxlHxIa5IdG5unlPm2QhtxR9SZcMXVnJvHORjlNeZ7bI6qzhoJkotS1nqajLjElprXlnab91nbcD1OBhHhfNdfwBv+z8zQZLGTatNWVi7irPW8p9v5A2H9GtLJmmw38WEBo0E968MkExYZNSVqIpQmEgtzLoaUyB+CBuDG1n3RXyjJZUGsTKuGU/mZJ6vd/Y3QG7AHicY/DewXAiKGIjI2Nf5AbGnRwMHAzJBRsZ2J02MjBoQWguFHonAwMDNxJrJwMzA4PLRhXGjsCIDQ4dESB+istGDRB/BwcDRIDBJVJ6ozpIaBdHAwMji0NHcghMAgQ2MvBp7WD837qBpXcjE4PLZtYUNgYXFwCUHCoHAAA=") 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
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
Condensed preview — 48 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (207K chars).
[
{
"path": ".github/workflows/release.yml",
"chars": 459,
"preview": "name: Release Obsidian theme\n\non:\n push:\n tags:\n - \"*\"\n\njobs:\n build:\n runs-on: ubuntu-latest\n\n steps:\n "
},
{
"path": ".gitignore",
"chars": 69,
"preview": ".DS_Store\n.env\n.gitconfig\n.sass-cache\n.vscode\n*.map\ndist\nnode_modules"
},
{
"path": "Gruntfile.js",
"chars": 2594,
"preview": "/* \nMany people use Grunt, but I sourced this from the exceptional Minimal theme\nwhich can be found here: https://github"
},
{
"path": "LICENSE",
"chars": 1235,
"preview": "This is free and unencumbered software released into the public domain.\r\n\r\nAnyone is free to copy, modify, publish, use,"
},
{
"path": "README.md",
"chars": 2762,
"preview": "# Red Graphite for Obsidian\nA minimal theme for [Obsidian](https://obsidian.md/) with both light and dark variants. This"
},
{
"path": "manifest.json",
"chars": 190,
"preview": "{\n \"name\": \"Red Graphite\",\n \"version\": \"1.0.5\",\n \"minAppVersion\": \"1.0.0\",\n \"author\": \"Sean Williams\",\n \""
},
{
"path": "obsidian.css",
"chars": 21662,
"preview": "/* \n THIS IS THE OLD THEME FOR OLDER VERSIONS OF OBSIDIAN -- THIS HAS NOT BEEN\n UPDATED TO REFLECT THE THEME CHANGES M"
},
{
"path": "package.json",
"chars": 493,
"preview": "{\n \"name\": \"red-graphite\",\n \"version\": \"2.0.2\",\n \"devDependencies\": {\n \"dotenv\": \"^16.0.3\",\n \"grunt\": \"^1.5.3\","
},
{
"path": "src/css/alternate-checkboxes.css",
"chars": 3162,
"preview": "/* @settings\nname: SlRvb's Checkboxes\nid: checkbox\nsettings:\n - \n title: Colorful Task Text\n descriptio"
},
{
"path": "src/css/style-settings.css",
"chars": 1605,
"preview": "/* @settings\n\nname: Red Graphite\nid: red-graphite\nsettings:\n\n- id: red-graphite-colors\n title: Colors\n type: heading\n "
},
{
"path": "src/scss/app/backgrounds.scss",
"chars": 972,
"preview": ".theme-light {\n --background-primary: var(--color-base-20); // content page background\n --background-primary-alt: var("
},
{
"path": "src/scss/app/backlink-pane.scss",
"chars": 1393,
"preview": ".theme-light {\n // search result header, expanded, not hovered\n .search-result:not(.is-collapsed) .search-result-file-"
},
{
"path": "src/scss/app/blocks.scss",
"chars": 146,
"preview": "body {\n /* Blocks */\n --embed-block-shadow-hover: 0 0 0 0 var(--background-modifier-border),\n\tinset 0 0 0 0 var(--back"
},
{
"path": "src/scss/app/code.scss",
"chars": 1538,
"preview": "body {\n /* Code */\n --code-background: var(--background-primary-alt);\n\n // Change the position, color, and pointer fo"
},
{
"path": "src/scss/app/dividers-between-panes.scss",
"chars": 160,
"preview": "body {\n /* Dividers — between panes */\n --divider-color: var(--color-base-95);\n --divider-color-hover: var(--intera"
},
{
"path": "src/scss/app/file-navigator.scss",
"chars": 1464,
"preview": ".theme-light {\n /* File navigator */\n --nav-item-size: var(--font-small);\n --nav-item-color: var(--color-base-40);\n "
},
{
"path": "src/scss/app/font.scss",
"chars": 429,
"preview": "body {\n // set the variable that we are using in style settings first\n --red-graphite-interface-font: 'Avenir';\n --re"
},
{
"path": "src/scss/app/headers.scss",
"chars": 2023,
"preview": "// Inspired by https://github.com/deathau/obsidian-snippets/blob/main/clutter-free-headings.css\n\n// Commented out for no"
},
{
"path": "src/scss/app/icons.scss",
"chars": 525,
"preview": ".theme-light {\n /* Icons */\n --icon-color: var(--color-base-60);\n --icon-color-hover: var(--color-accent);\n --icon-c"
},
{
"path": "src/scss/app/lists.scss",
"chars": 121,
"preview": ".theme-light {\n --list-marker-color: var(--color-accent);\n}\n\n.theme-dark {\n --list-marker-color: var(--color-accent);\n"
},
{
"path": "src/scss/app/menu.scss",
"chars": 871,
"preview": ".theme-light {\n .menu {\n border: 1px solid var(--color-base-90);\n }\n .menu-item {\n color: var(--color-base-40);"
},
{
"path": "src/scss/app/misc.scss",
"chars": 571,
"preview": "// tag view tree in the right side bar, this is the \n// hover color for the count of tags on the right\n.tree-item-self:h"
},
{
"path": "src/scss/app/modals.scss",
"chars": 1770,
"preview": "body {\n /* Modals - e.g. settings, community themes, community plugins */\n --modal-border-width: 0;\n\n\n .horizontal-ta"
},
{
"path": "src/scss/app/properties.scss",
"chars": 2809,
"preview": "body {\n --metadata-background: transparent;\n --metadata-border-color: var(--background-modifier-border);\n\n --me"
},
{
"path": "src/scss/app/ribbon.scss",
"chars": 262,
"preview": ".theme-light {\n /* Ribbon */\n --ribbon-background: var(--color-base-95);\n --ribbon-background-collapsed: var(--color-"
},
{
"path": "src/scss/app/scrollbars.scss",
"chars": 1432,
"preview": "/* Fix left side scroll bar background color */\n\n// Fix from @ALonelySheep - Thanks!\n// https://github.com/seanwcom/Red-"
},
{
"path": "src/scss/app/stacked-tabs.scss",
"chars": 32,
"preview": "body {\n /* Stacked tabs */\n \n}"
},
{
"path": "src/scss/app/status-bar.scss",
"chars": 202,
"preview": "body {\n /* Status bar */\n --status-bar-background: var(--divider-color);\n --status-bar-border-color: var(--divider-co"
},
{
"path": "src/scss/app/suggestion-dropdown.scss",
"chars": 2364,
"preview": "// search suggestions dropdown\n// .suggestion-container.mod-search-suggestion {\n// border-color: red;\n// }\n.theme-ligh"
},
{
"path": "src/scss/app/tables.scss",
"chars": 545,
"preview": ".theme-light {\n --table-border-color: var(--color-base-50);\n --table-header-border-color: var(--color-base-50);\n --ta"
},
{
"path": "src/scss/app/tabs.scss",
"chars": 529,
"preview": "body {\n /* Tabs */\n --tab-background-active: var(--background-primary);\n \n // inactive tab, window not focused\n --t"
},
{
"path": "src/scss/app/text.scss",
"chars": 1268,
"preview": ".theme-light {\n /* Text */\n --text-normal: var(--color-base-100);\n --text-muted: var(--color-base-70);\n --text-faint"
},
{
"path": "src/scss/app/ui-font-sizes.scss",
"chars": 133,
"preview": "body {\n /* UI font sizes */\n --font-ui-smaller: 12px;\n --font-ui-small: 13px;\n --font-ui-medium: 15px;\n --font-ui-l"
},
{
"path": "src/scss/app/vault-name.scss",
"chars": 351,
"preview": ".theme-light {\n /* Vault name */\n --vault-name-font-size: var(--font-ui-medium);\n --vault-name-font-weight: var(--fon"
},
{
"path": "src/scss/app/window-frame.scss",
"chars": 273,
"preview": "body {\n /* Window frame */\n --titlebar-background: var(--color-base-95);\n --titlebar-background-focused: var(--color-"
},
{
"path": "src/scss/index.scss",
"chars": 1194,
"preview": "// Variables\n@use 'themes/theme-light';\n@use 'themes/theme-dark';\n\n// Overrides for default obsidian styles\n@use 'app/ba"
},
{
"path": "src/scss/plugins/alternate-checkboxes.scss",
"chars": 80398,
"preview": "// This is a slightly modified version of the fantastic Alternate Checkboxes from SlRvb\n// https://github.com/SlRvb/Obsi"
},
{
"path": "src/scss/plugins/calendar.scss",
"chars": 1230,
"preview": "/* Add support for [Calendar plugin](https://github.com/liamcain/obsidian-calendar-plugin) */\n.theme-light {\n #calendar"
},
{
"path": "src/scss/plugins/checklist.scss",
"chars": 4801,
"preview": "// https://github.com/delashum/obsidian-checklist-plugin\n\n.theme-light {\n .checklist-plugin-main {\n // color of the "
},
{
"path": "src/scss/plugins/copilot.scss",
"chars": 2594,
"preview": ".theme-light {\n .chat-container {\n .chat-messages {\n .chat-message-container {\n\n // "
},
{
"path": "src/scss/plugins/dangling-links.scss",
"chars": 203,
"preview": "// https://github.com/graydon/obsidian-dangling-links/\n.theme-light {\n #dangling-links {\n color: var(--color-base-20"
},
{
"path": "src/scss/plugins/dataview.scss",
"chars": 2588,
"preview": "/* Add styling for [Dataview plugin](https://github.com/blacksmithgu/obsidian-dataview) */\n/*\ntable.dataview.table-view-"
},
{
"path": "src/scss/plugins/kanban.scss",
"chars": 975,
"preview": "// https://github.com/mgmeyers/obsidian-kanban\n\n.theme-light {\n\t.kanban-plugin {\n\t\t--kanban-border:var(--border-width);\n"
},
{
"path": "src/scss/plugins/makemd.scss",
"chars": 3985,
"preview": ".theme-light {\n\n // --mk-ui-divider: var(--divider-color);\n // --mk-ui-border: var(--background-modifier-border);\n"
},
{
"path": "src/scss/plugins/style-settings.scss",
"chars": 828,
"preview": ".theme-light {\n .style-settings-container[data-level=\"2\"] {\n background:var(--color-base-25);\n border:1px solid v"
},
{
"path": "src/scss/themes/theme-dark.scss",
"chars": 5821,
"preview": ".theme-dark {\n // Set the values for the variable that gets set from the Style Settings plugin\n // so that when you re"
},
{
"path": "src/scss/themes/theme-light.scss",
"chars": 5821,
"preview": ".theme-light { \n // Set the values for the variable that gets set from the Style Settings plugin\n // so that when you "
},
{
"path": "theme.css",
"chars": 33605,
"preview": ".theme-light{--red-graphite-accent-color-h: 2;--red-graphite-accent-color-s: 56%;--red-graphite-accent-color-l: 54%;--ac"
}
]
About this extraction
This page contains the full source code of the seanwcom/Red-Graphite-for-Obsidian GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 48 files (195.8 KB), approximately 70.0k tokens. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.