|
|
|
|
|
@charset "UTF-8";
|
|
|
|
|
|
/*
|
|
|
|
|
|
|
|
|
|
|
|
✦ P R I M A R Y ✦
|
|
|
|
|
|
|
|
|
|
|
|
an Obsidian Theme by Cecilia May
|
|
|
|
|
|
|
|
|
|
|
|
────────────────────────────────────
|
|
|
|
|
|
|
|
|
|
|
|
A combination of Bauhaus, Scandinavian
|
|
|
|
|
|
and yellowing magazine pages as palette
|
|
|
|
|
|
inspiration—Primary is a theme for people
|
|
|
|
|
|
looking for a certain nostalgic warmness.
|
|
|
|
|
|
|
|
|
|
|
|
It is toppled with functional pop
|
|
|
|
|
|
of red blue yellow colors.
|
|
|
|
|
|
The perfect mix of loud and reserved.
|
|
|
|
|
|
|
|
|
|
|
|
Playful, reminiscing, productive.
|
|
|
|
|
|
|
|
|
|
|
|
────────────────────────────────────
|
|
|
|
|
|
|
|
|
|
|
|
Support my Work
|
|
|
|
|
|
+ Premium Palettes (soon™)
|
|
|
|
|
|
+ Guides (soon™): https://ko-fi.com/ceciliamay
|
|
|
|
|
|
|
|
|
|
|
|
Primary Roadmap: https://tinyurl.com/primary-board
|
|
|
|
|
|
|
|
|
|
|
|
Forum Thread: https://forum.obsidian.md/t/primary-theme/26687
|
|
|
|
|
|
|
|
|
|
|
|
README: https://github.com/ceciliamay/obsidianmd-theme-primary
|
|
|
|
|
|
|
|
|
|
|
|
License: GNU General Public License v3.0
|
|
|
|
|
|
|
|
|
|
|
|
Icons: Flaticon UIcons Rounded Regular
|
|
|
|
|
|
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*
|
|
|
|
|
|
|
|
|
|
|
|
TABLE OF CONTENTS
|
|
|
|
|
|
|
|
|
|
|
|
* General (Containers, Paddings, etc.) ->
|
|
|
|
|
|
* Specific (Icons, Colors, etc.) ->
|
|
|
|
|
|
* Light Theme Specific (Base then Style Settings, etc.) ->
|
|
|
|
|
|
* Dark Theme Specific (Base then Style Settings, etc.)
|
|
|
|
|
|
|
|
|
|
|
|
Fonts
|
|
|
|
|
|
Karla (sans-serif #1)
|
|
|
|
|
|
Inter (sans-serif #2)
|
|
|
|
|
|
Lora (sans-serif)
|
|
|
|
|
|
Cascadia Code (monospace)
|
|
|
|
|
|
|
|
|
|
|
|
Variables
|
|
|
|
|
|
Font Families
|
|
|
|
|
|
Font Weight
|
|
|
|
|
|
Typographic Scale
|
|
|
|
|
|
Tracking (Letter Spacing)
|
|
|
|
|
|
Layout Sizing
|
|
|
|
|
|
Multiples of 2
|
|
|
|
|
|
Multiples of 8
|
|
|
|
|
|
Duration, Transitions & Animations
|
|
|
|
|
|
Theme Colors
|
|
|
|
|
|
Light Theme
|
|
|
|
|
|
Dark Theme
|
|
|
|
|
|
|
|
|
|
|
|
Workspace
|
|
|
|
|
|
Title Bar
|
|
|
|
|
|
Side Dock Ribbon
|
|
|
|
|
|
Tab Header
|
|
|
|
|
|
Nav Header
|
|
|
|
|
|
Tab Content
|
|
|
|
|
|
File Explorer
|
|
|
|
|
|
Status Bar
|
|
|
|
|
|
|
|
|
|
|
|
Content / Active Note
|
|
|
|
|
|
Note Header
|
|
|
|
|
|
Typography
|
|
|
|
|
|
Base & Reset
|
|
|
|
|
|
Note Colors
|
|
|
|
|
|
Note Markdown
|
|
|
|
|
|
Headings
|
|
|
|
|
|
Emphasis
|
|
|
|
|
|
Bold
|
|
|
|
|
|
Italic
|
|
|
|
|
|
Strikethrough
|
|
|
|
|
|
Highlight
|
|
|
|
|
|
Comments
|
|
|
|
|
|
Mixed Emphasis
|
|
|
|
|
|
Markdown Formatting
|
|
|
|
|
|
Links
|
|
|
|
|
|
Blockquotes
|
|
|
|
|
|
Tags/Tag Pill
|
|
|
|
|
|
Lists
|
|
|
|
|
|
Checkboxes
|
|
|
|
|
|
Inline Code/Codeblocks
|
|
|
|
|
|
Aside/Sidenotes
|
|
|
|
|
|
Gutter Line Numbers
|
|
|
|
|
|
Horizontal Rule
|
|
|
|
|
|
Embeds
|
|
|
|
|
|
Images
|
|
|
|
|
|
Markdown Embed
|
|
|
|
|
|
Live Preview Embed
|
|
|
|
|
|
Mermaid JS (Diagram Generator)
|
|
|
|
|
|
Markdown Table
|
|
|
|
|
|
YAML/Metadata
|
|
|
|
|
|
Slides
|
|
|
|
|
|
Publish
|
|
|
|
|
|
|
|
|
|
|
|
Other Components
|
|
|
|
|
|
Modals
|
|
|
|
|
|
Modal Close
|
|
|
|
|
|
Settings Modal
|
|
|
|
|
|
Command, Quick Switcher etc. Modals
|
|
|
|
|
|
Menu/More Options Modal
|
|
|
|
|
|
Community Plugin Search Modal
|
|
|
|
|
|
File Explorer Search Modal
|
|
|
|
|
|
Buttons
|
|
|
|
|
|
Search Input Component
|
|
|
|
|
|
Toggle (Checkboxes in Modals)
|
|
|
|
|
|
Slider
|
|
|
|
|
|
Dropdown
|
|
|
|
|
|
Empty Page
|
|
|
|
|
|
Notification
|
|
|
|
|
|
Popover
|
|
|
|
|
|
Resize Handles
|
|
|
|
|
|
Vertical Handles
|
|
|
|
|
|
Horizontal Handles
|
|
|
|
|
|
Scrollbar
|
|
|
|
|
|
Tooltips
|
|
|
|
|
|
Vault Launch Progress
|
|
|
|
|
|
|
|
|
|
|
|
Mobile
|
|
|
|
|
|
|
|
|
|
|
|
Core Plugins (other than Workspace Tab Plugins)
|
|
|
|
|
|
Graph View
|
|
|
|
|
|
Graph View Nodes
|
|
|
|
|
|
Graph View Controls
|
|
|
|
|
|
|
|
|
|
|
|
Community Plugins
|
|
|
|
|
|
Calendar by Liam Cain
|
|
|
|
|
|
Sliding Pane (Andy's Mode) by death_au
|
|
|
|
|
|
Dataview by Michael Brenan
|
|
|
|
|
|
|
|
|
|
|
|
Custom Icons
|
|
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++Fonts (base64)++++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*──────────Karla Regular──────────*/
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: "Karla";
|
|
|
|
|
|
src: url("data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
/*──────────Karla Italic──────────*/
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: "Karla";
|
|
|
|
|
|
src: url("data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: "Lora";
|
|
|
|
|
|
src: url("data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: "Lora";
|
|
|
|
|
|
src: url("data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: "Lora";
|
|
|
|
|
|
src: url("data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: "Lora";
|
|
|
|
|
|
src: url("data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
/*──────────Inter Italic──────────*/
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: "Inter";
|
|
|
|
|
|
src: url("data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
/*──────────Inter Regular──────────*/
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: "Inter";
|
|
|
|
|
|
src: url("data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
/*──────────Inter Bold──────────*/
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: "Inter";
|
|
|
|
|
|
src: url("data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAZeIAA8AAAAGGSgAAZciAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGoNaG4XzRByG+WIGYACdMBEICoimbIbkIQvPWAABNgIkA89UBCAFkC4HgckvW/+O1QT0b6w570c3wSAE1lAIu9hWEiJqvVLb2jMnPOuIb+YWql5k8ffKk4hqyNx7YISohqRaW0f0tVuKOIzHZ6hzfxDTqvTckqHxUqTK/v/////////////////////vd/nP8+nWvef977n3vfeXpEl+ljYpbegadoGiVJAqYAuIIoJSFBdmdJxxdkAxc5eYTDyzqpu2JzknaWgxWq8f11zSYAAq57AddWrcTKYztT5NG6bni/mgv2gbleGMhdXEBjfCKUSbQm1FbBSxaC+0egxz+eZbUW0vZZi6xURd3FkPnhGSkITcDd/bVwf6sLx9n83GelW+DNtLVTVR6xLLk/FlOLpS1/2+9KQq30Bs7aq6Fpumub4aSQ5aAcoNRPFQwl2Dgw9vRrAjdsvAbfejCNwhCcnAO81HV5VpR/tNmkwmK6mlRhQiCov62ALuGhi0vubA3YcRuEMSkoHHVcAnd8B85t7c25ecc8456xghCcnA+3XApw/AyZ67f3YillLylHSMkIRk4OdVABswfOjuclPYxdh1nY4RkpAMfNQGLB+Dbuzu0gljjC5Ru0MSkoFf5IDZKRiN3V3GwnGM49jpGCEJycCzhoR8AoYjH7g8FsaYfF7pGCEJycCnHkKwlMtLk3XhTnrmyMIrBn5pAYwgpoXPoo4xujzX2SEJIwO/qgNIkKuD1EQ1l2oZdzZ1LKANNTkFX1+58eip6RfwG5YmvXwJejk64GqvfV7NUmbeExdXDqgIKM0LtioJ1YDK9DGMPbWUSY6QVNQPTJk+Pfu2Ron3wnop6q9frYuj15I2/EnK31Xf680YY1QHUWKMMpC4SPWajnJgcFjJfMDptItoVMnYxSRTvJLo4jRxMdWLHiUKnZLowpdUiap2ZcqNpEk0caEyikWaREISRhPTyVq60zb1YWr0m9FcdzJ+inZlA50Lwf6uJERp5I56/lYuoPv3Xss69baYmqu3Dpf4rSGfYIP70vtB/Wi6J+/MwI0Ptp8K8g58ctBeUxuLJ6sXD9VFuMWMpoT+Brospa8pP8P+Jelztt5P3dp0qewXgmSokupwiCIzstoWJkOPDuPmr4gS+2pEeefwIoEJIYl6RrsMdvx9SAvrC5S/yHnABFC1iNIhCuWv2sSkOeNvyseQ7ZD6xxb3gClDFENE56qWhkJhwK3f5RZiwDfl+Zu8Qn3UrsP3ASx+At/74YkaZck4FcfgpGrhthy51JSVeAdJacDnFvIrqA3fga2+zhuPmmM1+FR5AZfwAFuBv/xxKlboWvG/P7mqbj+UUfm+fbcEa9LJ+MqZnBaYS5D6z7qx+qO4E8ziDifVw/xUpfL+Nsk599S0fM9+6svf1fY/1AmVBSzwEltxhMuj6Wg00rl8r+Hiz6qqKulJhbN8jyzcMAt4A+vLzRdyrM+Kuxbcg0diiEe1XRp2OpfyWrFHeVXFCjJovqX6ig/weSFe1GeIj1eKmnopM3nlxwyKcl37ljJtsoEYNplMXlMlRgqFV0wMbFFlql1GYlLReOimKPMoF+92t8EefIH+KV/KTbApP4zgQNbAqbCgj+DqX90syU5PqhKnlKb6vHz3Yavj9mZbxN0StW1us2o+AP79FWR518vP/5T+z/+W/3/l/39p+3dhRWQsy3MgknHnV5KBlCFzKsMppuWy5LBlu0WLR7xaf92/qtJ/Hjf7/7X3PlEChJACRTRIjbpO70xFh45Zx71PRL+YSIf4uv3s29sdEutuXQm5ctwhOUpSJMVfPuXLsY4zWalcHb8kudrWOkKSK8m51nHmyh1CrPMqseuHOK1/MyONZCdNfVnk+piw3Y/tHgL0iCGLAdu14N8a+/9vJZ10sl9/ZJaEinEI1dQoQkUsWWhGB3Tf+YHm9g8rwSBMDEyU7GXcreLuVs2CMXpEilgYBeY3wMDASLDqR7b+L/5YgLmN6BCQKCkVkWiJTCX7dKVEKy0KKhaCSVDt/daz783uzB3BoSifHeWvPCnZ5HL5K0+SKDRG43CgDBIPn6lMSXd7TS0Xxzw94/oCKMTqcpBL/0iI0/GKA+JT6a77oin8A++2/+PmWfb5SrbUb0Nzok+TSJOIFNRyZEokbtLGItKbT+x9mg8HNK7RJkLDNTLT64hw1L/uBo/8ZYuGZmLLtm8or6pW7izZqJlUq1pRr9LTqYZqB+EKWY6yMF6Az37d975Cfkdkws0q8gPyG4Dfviqocic6NSnNoIQxpRyB9bBxVdY5D8HcOmJjROQGjMHGomDEiiUbo0c4aiNTOozCKFqklVKMwgIVjHpFrHrFasitXY4PSwNh1fRJunQH1mLGSCSfmryAlyDbSmbx7+fb/nUdLje0ARrJ9ZduwuWVy1RT2jyhp1dOAKuRbgjmY30CZNwQPGtDa6AN8Sd68obwDTv5/u7+p2gUPYoeRY+iUfQoGkWj6FH0KBpFo2gUjaJRNIqiKIqiKLq728R9z+oSiZvIIg8o850le+d1fp7/nPh5ni3LT3J2SYeXkBJMO50m+3ORwRgKw+qPAJjqOGuC8f4I4G2ENzwej8/CMIyiKIqiKIqiKIqiKIoamBMVQsyqIGE7Ovj+1Pd9peMQC16f9/Q6LHkoDTvtCxiWv85Jn9/1/d8TLUVLvd9StBQtRUvRUnQpuhRdii5FQ9FQNBQNRUNRFEVRFEVR7zdT29wRchO3mFf6mwAFsrFBYTDWGcGm1TmD3ZQ+xAvRENkMxRgxBEBXM/nSA2XVZuKiVGdJMyN575IEl4EiVgIKSAEFRZ+XPagHHnfkgtpMRNtiYNgDfKMlGnIwRYMgBii4IXVJvZktChBxrYRRTkX9WQwS931TqeruAam7akay9pDfP/P7H5LGsWxLsmwr5I1huutHSg7tZJFxIHCUHBzqyuwkT759ACyaQPtMlvzMZchF+W2K8gFxLwc8mpGlBYmDtJizkp1DJ1nEGV4ikOS2GegsY2z9vwf4CxQOOnwEAUFUnLjCgZ/ATV9y0kioFKLyvHhgzyWySL+MSkeho9CojUAhAdGmk4T1W9pOnkAikAgyheCnTpBXIB5sqVGKg0Cqufk8K8hiwYLYdUsCDhtwka7TIlOE5PmEjeYGwdqkMJE7ceJR8xNtzCtpacn0IJiWBGENzY1ODzbGXN/zgyB+WGxbifaXLl2OkLVdroMF44J06U9/usPu8RtFo2gUjaJRNIpG0SgaRaNoFI2iKIqiKIqiKHoURdGj6FH/3901MzY5PMLGxDOqqmoQmA1ETc1+QiisgEPuRlFggbVFEanbecfSpJifQk2hUCgUauAcW4uCIP10k+mE4IXnFAqFnkZPo9KoNMKPe2wFS6VKKukEjj6dvAY4QqKaADNIhM15Wo6oMfFURBY/fPGFiVwM0efRk7gZnyq9I/h44/XZUEBVGF7DNDwOiB72B/97H6BENiWB0e4KRfyMYIO6G4AzA/v7vAmhnVTqgzA5H8BJJZ7Y1z7VxsePOPji7yP/VFd39btZNlwVV6EADsYwxAH8Gw99nEcFv/HbBx+paimGGAyt34COaQoyx/U+BnSi2KrPnmdKDLgRAAoCUkUL5kL+mGqhbAI0YeAAAwYmckQt4KOl9EJIoCjPABZxAR+wgpkTCmANo1QK3byOBKas6hPU74fGiC9DcKGXDRUAhcxUA6q6TrgA5KrrGIAw/57Afch+coCll2rFD3ChqjWn9hG0DqBiG/cQ6Dpn4ywjyMZiRY5FXRD7NabP/8xkA7t4QERA1FjaLbnllfpbCRT+QXZUcmRC1ASM8T7uGmKAICT9f9wz1gLl+J55HGjyYSOwW9ptHiMKJYkYhE0YOF+xdRnIEf+ktMVUki+ZmZgJmij6/23a295r75y8t3Bib2gh4AlanRVsCdp03LQzd0h3RmN7JC2MtB80WvCzP3jsJcmfNJZsB5hKgp
|
|
|
|
|
|
font-weight: 800;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
/*──────────Inter Bold Italic──────────*/
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: "Inter";
|
|
|
|
|
|
src: url("data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
font-weight: 800;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
/*──────────Quicksand Regular──────────*/
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: "Quicksand";
|
|
|
|
|
|
src: url("data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
/*──────────Quicksand Bold──────────*/
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: "Quicksand";
|
|
|
|
|
|
src: url("data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: "Roboto Slab";
|
|
|
|
|
|
src: url("data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
/*──────────Cascadia Code Regular──────────*/
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: "Cascadia Code";
|
|
|
|
|
|
src: url("data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
/*──────────Cascadia Code Italic──────────*/
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: "Cascadia Code";
|
|
|
|
|
|
src: url("data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++Variables+++++++++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
:root,
|
|
|
|
|
|
body {
|
|
|
|
|
|
/*──────────Font Families──────────*/
|
|
|
|
|
|
--font-preview: var(--font-text);
|
|
|
|
|
|
--font-preview-header: var(--font-text);
|
|
|
|
|
|
--font-editor: var(--font-text);
|
|
|
|
|
|
--font-editor-header: var(--font-text);
|
|
|
|
|
|
/* Original Obsidian Font Variables */
|
|
|
|
|
|
--font-interface-theme: "Karla", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
|
|
|
|
|
|
--font-text-theme: "Karla", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
|
|
|
|
|
|
--font-monospace-theme: "Cascadia Code", Inconsolata, Courier, monospace;
|
|
|
|
|
|
--font-mermaid: var(--font-preview);
|
|
|
|
|
|
--default-font: var(--font-interface-theme);
|
|
|
|
|
|
--font-code: var(--font-monospace-theme);
|
|
|
|
|
|
/*──────────Font Weight──────────*/
|
|
|
|
|
|
--font-thin: 100;
|
|
|
|
|
|
--font-extra-light: 200;
|
|
|
|
|
|
--font-light: 300;
|
|
|
|
|
|
--font-regular: 400;
|
|
|
|
|
|
--font-medium: 500;
|
|
|
|
|
|
--font-semi-bold: 600;
|
|
|
|
|
|
--font-bold: 700;
|
|
|
|
|
|
--font-extra-bold: 800;
|
|
|
|
|
|
/*──────────Typography Modular Scale──────────*/
|
|
|
|
|
|
/* Based on Standard 16px, Ratio 1.388 */
|
|
|
|
|
|
--line-width: 700px;
|
|
|
|
|
|
--font-scale-000: 0.547em;
|
|
|
|
|
|
--font-scale-00: 0.676em;
|
|
|
|
|
|
--font-scale-0: 0.81em;
|
|
|
|
|
|
--font-scale-0-5: 0.875em;
|
|
|
|
|
|
--font-scale-1: 1em;
|
|
|
|
|
|
--font-scale-2: 1.188em;
|
|
|
|
|
|
--font-scale-3: 1.388em;
|
|
|
|
|
|
--font-scale-4: 1.648em;
|
|
|
|
|
|
--font-scale-5: 1.927em;
|
|
|
|
|
|
--font-scale-6: 2.288em;
|
|
|
|
|
|
--font-scale-7: 2.678em;
|
|
|
|
|
|
--line-height-0: 1em;
|
|
|
|
|
|
--line-height-0-5: 1.2em;
|
|
|
|
|
|
--line-height-1: 1.53em;
|
|
|
|
|
|
--font-text-size: var(--editor-font-size);
|
|
|
|
|
|
/*──────────Tracking (Letter Spacing)──────────*/
|
|
|
|
|
|
--tracking-0: 0px;
|
|
|
|
|
|
--tracking-1: 0.16px;
|
|
|
|
|
|
--tracking-2: 0.32px;
|
|
|
|
|
|
--tracking-3: 0.64px;
|
|
|
|
|
|
--tracking-4: 1.28px;
|
|
|
|
|
|
--tracking-5: 2.56px;
|
|
|
|
|
|
/*──────────Layout Sizing──────────*/
|
|
|
|
|
|
/* Obsidian Defaults */
|
|
|
|
|
|
--border-width: 1px;
|
|
|
|
|
|
--scale-0-0: 0px;
|
|
|
|
|
|
/* Multiples of 2 */
|
|
|
|
|
|
--scale-2-1: 2px;
|
|
|
|
|
|
--scale-2-2: 4px;
|
|
|
|
|
|
--scale-2-3: 6px;
|
|
|
|
|
|
--scale-2-4: 8px;
|
|
|
|
|
|
--scale-2-5: 10px;
|
|
|
|
|
|
--scale-2-6: 12px;
|
|
|
|
|
|
--scale-2-8: 16px;
|
|
|
|
|
|
--scale-2-9: 18px;
|
|
|
|
|
|
--scale-2-10: 20px;
|
|
|
|
|
|
--scale-2-18: 36px;
|
|
|
|
|
|
/* Multiples of 8 */
|
|
|
|
|
|
--scale-8-1: 8px;
|
|
|
|
|
|
--scale-8-2: 16px;
|
|
|
|
|
|
--scale-8-3: 24px;
|
|
|
|
|
|
--scale-8-4: 32px;
|
|
|
|
|
|
--scale-8-5: 40px;
|
|
|
|
|
|
--scale-8-6: 48px;
|
|
|
|
|
|
--scale-8-7: 54px;
|
|
|
|
|
|
--scale-8-8: 64px;
|
|
|
|
|
|
--scale-8-9: 72px;
|
|
|
|
|
|
--scale-8-10: 80px;
|
|
|
|
|
|
--scale-8-12: 96px;
|
|
|
|
|
|
--scale-8-18: 144px;
|
|
|
|
|
|
--scale-8-36: 288px;
|
|
|
|
|
|
/*──────────Shadow Sizing──────────*/
|
|
|
|
|
|
--shadow-xs: 0px 0px 3px 1px;
|
|
|
|
|
|
--shadow-s: 0px 2px 8px -1px;
|
|
|
|
|
|
--shadow-m: 0px 4px 16px -2px;
|
|
|
|
|
|
--shadow-l: 0px 8px 24px -3px;
|
|
|
|
|
|
--shadow-xl: 0px 12px 32px -4px;
|
|
|
|
|
|
/*──────────Duration, Transitions & Animations──────────*/
|
|
|
|
|
|
/* Duration */
|
|
|
|
|
|
--duration-none: 0;
|
|
|
|
|
|
--duration-superfast: 70ms;
|
|
|
|
|
|
--duration-fast-1: 140ms;
|
|
|
|
|
|
--duration-fast-2: 260ms;
|
|
|
|
|
|
--duration-moderate-1: 300ms;
|
|
|
|
|
|
--duration-moderate-2: 440ms;
|
|
|
|
|
|
--duration-slow-1: 560ms;
|
|
|
|
|
|
--duration-slow-2: 600ms;
|
|
|
|
|
|
/* Transitions & Animations */
|
|
|
|
|
|
--motion-smooth: cubic-bezier(0.45,0.05,0.55,0.95); /* easeInOutSine */
|
|
|
|
|
|
--motion-delay: cubic-bezier(0.65,0.05,0.36,1); /* easeInOutCubic */
|
|
|
|
|
|
--motion-jumpy: cubic-bezier(0.68,-0.55,0.27,1.55); /* easeInOutBack */
|
|
|
|
|
|
} /* End of Variables (:root) */
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++Theme Colors++++++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Light Theme
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.theme-light {
|
|
|
|
|
|
/*─────────Original Obsidian Variables──────────*/
|
|
|
|
|
|
--background-primary: var(--color-l-white);
|
|
|
|
|
|
--background-primary-alt: var(--color-l-gray-10);
|
|
|
|
|
|
--background-secondary: var(--color-l-gray-20);
|
|
|
|
|
|
--background-secondary-alt: var(--color-l-gray-20);
|
|
|
|
|
|
--background-modifier-border: var(--color-l-gray-40);
|
|
|
|
|
|
--background-modifier-form-field: var(--color-l-gray-30);
|
|
|
|
|
|
--background-modifier-form-field-highlighted: var(--color-l-gray-40);
|
|
|
|
|
|
--background-modifier-box-shadow: var(--color-l-shadow-100);
|
|
|
|
|
|
--background-modifier-success: var(--color-l-green-300);
|
|
|
|
|
|
--background-modifier-error: var(--color-l-red-300);
|
|
|
|
|
|
--background-modifier-error-hover: var(--color-l-red-500);
|
|
|
|
|
|
--background-modifier-cover: var(--color-l-shadow-cover);
|
|
|
|
|
|
--text-normal: var(--color-l-black);
|
|
|
|
|
|
--text-muted: var(--color-l-gray-60);
|
|
|
|
|
|
--text-faint: var(--color-l-gray-50);
|
|
|
|
|
|
--text-accent: var(--color-l-yellow-900);
|
|
|
|
|
|
--text-accent-hover:var(--color-l-yellow-500);
|
|
|
|
|
|
--text-error: var(--color-l-red);
|
|
|
|
|
|
--text-error-hover: var(--color-l-red-900);
|
|
|
|
|
|
--text-highlight-bg: var(--color-l-highlight-yellow);
|
|
|
|
|
|
--text-highlight-bg-active: var(--color-l-highlight-yellow);
|
|
|
|
|
|
--highlight-mix-blend-mode: darken;
|
|
|
|
|
|
--text-selection: var(--color-l-gray-40);
|
|
|
|
|
|
--text-on-accent: var(--color-l-gray-10);
|
|
|
|
|
|
--interactive-hover: var(--color-l-gray-10);
|
|
|
|
|
|
--interactive-accent: var(--color-l-gray-60);
|
|
|
|
|
|
--interactive-accent-rgb: 207, 182, 150;
|
|
|
|
|
|
--interactive-accent-hover: var(--color-l-gray-70);
|
|
|
|
|
|
--interactive-success: var(--color-l-green-500);
|
|
|
|
|
|
--scrollbar-bg: transparent;
|
|
|
|
|
|
--scrollbar-thumb-bg: var(--background-modifier-border);
|
|
|
|
|
|
--scrollbar-active-thumb-bg: var(--interactive-accent);
|
|
|
|
|
|
/*──────────The PRIMARY Color Palette for Light Theme──────────*/
|
|
|
|
|
|
--color-l-whiter: hsl(36, 36%, 96.9%);
|
|
|
|
|
|
--color-l-white: hsl(35, 36%, 95%);
|
|
|
|
|
|
--color-l-gray: var(--color-l-gray-50);
|
|
|
|
|
|
--color-l-gray-10: hsl(36, 37%, 92%);
|
|
|
|
|
|
--color-l-gray-20: hsl(35, 35%, 90%);
|
|
|
|
|
|
--color-l-gray-30: hsl(34, 36%, 88%);
|
|
|
|
|
|
--color-l-gray-40: hsl(36, 37%, 83%);
|
|
|
|
|
|
--color-l-gray-50: hsl(34, 37%, 70%);
|
|
|
|
|
|
--color-l-gray-60: hsl(34, 28%, 60%);
|
|
|
|
|
|
--color-l-gray-70: hsl(31, 23%, 50%);
|
|
|
|
|
|
--color-l-gray-80: hsl(34, 27%, 40%);
|
|
|
|
|
|
--color-l-gray-90: hsl(34, 30%, 37%);
|
|
|
|
|
|
--color-l-gray-100: hsl(35, 32%, 30%);
|
|
|
|
|
|
--color-l-black: hsl(31, 45%, 20%);
|
|
|
|
|
|
--color-l-blacker: hsl(32, 55%, 12%);
|
|
|
|
|
|
--color-l-shadow-10: rgba(168, 160, 148, 0.8);
|
|
|
|
|
|
--color-l-shadow-50: rgba(180, 172, 161, 0.3);
|
|
|
|
|
|
--color-l-shadow-100: rgba(75, 70, 64, 0.2);
|
|
|
|
|
|
--color-l-shadow-cover: rgba(177, 171, 164, 0.5);
|
|
|
|
|
|
--color-l-yellow: var(--color-l-yellow-500);
|
|
|
|
|
|
--color-l-yellow-300: hsl(43, 71%, 67%);
|
|
|
|
|
|
--color-l-yellow-500: hsl(43, 78%, 52%);
|
|
|
|
|
|
--color-l-yellow-700: hsl(43, 100%, 42%);
|
|
|
|
|
|
--color-l-yellow-900: hsl(43, 89%, 38%);
|
|
|
|
|
|
--color-l-red: var(--color-l-red-500);
|
|
|
|
|
|
--color-l-red-300: hsl(4, 54%, 61%);
|
|
|
|
|
|
--color-l-red-500: hsl(4, 72%, 55%);
|
|
|
|
|
|
--color-l-red-700: hsl(4, 56%, 48%);
|
|
|
|
|
|
--color-l-red-900: hsl(4, 66%, 30%);
|
|
|
|
|
|
--color-l-blue: var(--color-l-blue-500);
|
|
|
|
|
|
--color-l-blue-300: hsl(198, 39%, 56%);
|
|
|
|
|
|
--color-l-blue-500: hsl(205, 66%, 46%);
|
|
|
|
|
|
--color-l-blue-700: hsl(205, 63%, 39%);
|
|
|
|
|
|
--color-l-blue-900: hsl(205, 95%, 25%);
|
|
|
|
|
|
--color-l-orange: var(--color-l-orange-500);
|
|
|
|
|
|
--color-l-orange-300: hsl(26, 66%, 57%);
|
|
|
|
|
|
--color-l-orange-500: hsl(21, 82%, 55%);
|
|
|
|
|
|
--color-l-orange-700: hsl(18, 69%, 50%);
|
|
|
|
|
|
--color-l-orange-900: hsl(24, 96%, 35%);
|
|
|
|
|
|
--color-l-orange-a: hsl(27, 81%, 46%);
|
|
|
|
|
|
--color-l-green: var(--color-l-green-500);
|
|
|
|
|
|
--color-l-green-300: hsl(154, 58%, 65%);
|
|
|
|
|
|
--color-l-green-500: hsl(154, 47%, 49%);
|
|
|
|
|
|
--color-l-green-700: hsl(155, 52%, 38%);
|
|
|
|
|
|
--color-l-green-900: hsl(165, 63%, 29%);
|
|
|
|
|
|
--color-l-violet: var(--color-l-violet-500);
|
|
|
|
|
|
--color-l-violet-300: hsl(270, 50%, 74%);
|
|
|
|
|
|
--color-l-violet-500: hsl(266, 31%, 57%);
|
|
|
|
|
|
--color-l-violet-700: hsl(267, 37%, 43%);
|
|
|
|
|
|
--color-l-violet-900: hsl(266, 70%, 30%);
|
|
|
|
|
|
/*~ Highlights */
|
|
|
|
|
|
--ui-color-highlight-text: var(--color-l-black);
|
|
|
|
|
|
--ui-color-highlight-bg: hsl(43, 85%, 79%);
|
|
|
|
|
|
--color-highlight-yellow: rgba(255, 187, 0, 0.2);
|
|
|
|
|
|
--color-highlight-red: rgba(240, 79, 106, 0.2);
|
|
|
|
|
|
--color-highlight-blue: rgba(40, 178, 194, 0.2);
|
|
|
|
|
|
--color-highlight-orange: rgba(255, 115, 0, 0.2);
|
|
|
|
|
|
--color-highlight-green: rgba(153, 189, 36, 0.2);
|
|
|
|
|
|
--color-highlight-violet: rgba(113, 122, 255, 0.2);
|
|
|
|
|
|
/*~ Graph View */
|
|
|
|
|
|
--graph-color-node-resolved: var(--color-l-blue-500);
|
|
|
|
|
|
--graph-color-node-unresolved: var(--color-l-yellow-500);
|
|
|
|
|
|
--graph-color-node-unresolved-opacity: 1;
|
|
|
|
|
|
--graph-color-node-tag: var(--color-l-red-500);
|
|
|
|
|
|
--graph-color-node-attachment: var(--color-l-green-300);
|
|
|
|
|
|
--graph-color-node-focused: var(--color-l-gray-80);
|
|
|
|
|
|
--graph-color-node-border-hover: var(--color-l-gray-50);
|
|
|
|
|
|
--graph-color-node-arrow: var(--color-l-gray-60);
|
|
|
|
|
|
--graph-color-node-line: var(--color-l-gray-40);
|
|
|
|
|
|
--graph-color-node-line-hover: var(--color-l-gray-50);
|
|
|
|
|
|
--graph-color-node-text: var(--color-l-black);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Dark Theme
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.theme-dark {
|
|
|
|
|
|
/*─────────Original Obsidian Variables──────────*/
|
|
|
|
|
|
--background-primary: var(--color-d-gray-70);
|
|
|
|
|
|
--background-primary-alt: var(--color-d-gray-90);
|
|
|
|
|
|
--background-secondary: var(--color-d-black);
|
|
|
|
|
|
--background-secondary-alt: var(--color-d-black);
|
|
|
|
|
|
--background-modifier-border: var(--color-d-gray-50);
|
|
|
|
|
|
--background-modifier-form-field: var(--color-d-blacker);
|
|
|
|
|
|
--background-modifier-form-field-highlighted: var(--color-d-black);
|
|
|
|
|
|
--background-modifier-box-shadow: var(--color-d-shadow-100);
|
|
|
|
|
|
--background-modifier-success: var(--color-d-green-300);
|
|
|
|
|
|
--background-modifier-error: var(--color-d-red-500);
|
|
|
|
|
|
--background-modifier-error-hover: var(--color-d-red-700);
|
|
|
|
|
|
--background-modifier-cover: var(--color-d-shadow-cover);
|
|
|
|
|
|
--text-normal: var(--color-d-white);
|
|
|
|
|
|
--text-muted: var(--color-d-gray-20);
|
|
|
|
|
|
--text-faint: var(--color-d-gray-30);
|
|
|
|
|
|
--text-accent: var(--color-d-yellow-500);
|
|
|
|
|
|
--text-accent-hover:var(--color-d-yellow-300) ;
|
|
|
|
|
|
--text-error: var(--color-d-red-500);
|
|
|
|
|
|
--text-error-hover: var(--color-d-red-300);
|
|
|
|
|
|
--text-highlight-bg: var(--color-d-highlight-yellow);
|
|
|
|
|
|
--text-highlight-bg-active: var(--color-d-highlight-yellow);
|
|
|
|
|
|
--highlight-mix-blend-mode: lighten;
|
|
|
|
|
|
--text-selection: var(--color-d-gray-50);
|
|
|
|
|
|
--text-on-accent: var(--color-d-white);
|
|
|
|
|
|
--interactive-hover: var(--color-d-gray-60);
|
|
|
|
|
|
--interactive-accent: var(--color-d-gray-40);
|
|
|
|
|
|
--interactive-accent-rgb: 92, 78, 61;
|
|
|
|
|
|
--interactive-accent-hover: var(--color-d-gray-50);
|
|
|
|
|
|
--interactive-success: var(--color-d-green-700);
|
|
|
|
|
|
--scrollbar-bg: transparent;
|
|
|
|
|
|
--scrollbar-thumb-bg: var(--background-modifier-border);
|
|
|
|
|
|
--scrollbar-active-thumb-bg: var(--interactive-accent);
|
|
|
|
|
|
/*──────────The PRIMARY Color Palette for Dark Theme──────────*/
|
|
|
|
|
|
--color-d-whiter: hsl(33, 66%, 90%);
|
|
|
|
|
|
--color-d-white: hsl(34, 50%, 80%);
|
|
|
|
|
|
--color-d-gray: var(--color-d-gray-50);
|
|
|
|
|
|
--color-d-gray-10: hsl(34, 18%, 62%);
|
|
|
|
|
|
--color-d-gray-20: hsl(35, 27%, 55%);
|
|
|
|
|
|
--color-d-gray-30: hsl(34, 24%, 30%);
|
|
|
|
|
|
--color-d-gray-40: hsl(33, 22%, 30%);
|
|
|
|
|
|
--color-d-gray-50: hsl(33, 20%, 20%);
|
|
|
|
|
|
--color-d-gray-60: hsl(30, 19%, 17%);
|
|
|
|
|
|
--color-d-gray-70: hsl(27, 14%, 15%);
|
|
|
|
|
|
--color-d-gray-80: hsl(32, 19%, 13%);
|
|
|
|
|
|
--color-d-gray-90: hsl(30, 15%, 13%);
|
|
|
|
|
|
--color-d-gray-100: hsl(30, 20%, 8%);
|
|
|
|
|
|
--color-d-black: hsl(27, 15%, 12%);
|
|
|
|
|
|
--color-d-blacker: hsl(26, 16%, 9%);
|
|
|
|
|
|
--color-d-shadow-10: rgba(29, 21, 13, 0.45);
|
|
|
|
|
|
--color-d-shadow-50: rgba(29, 26, 22, 0.75);
|
|
|
|
|
|
--color-d-shadow-100: rgba(19, 16, 13, 0.95);
|
|
|
|
|
|
--color-d-shadow-cover: rgba(37, 34, 29, 0.74);
|
|
|
|
|
|
--color-d-yellow: var(--color-d-yellow-500);
|
|
|
|
|
|
--color-d-yellow-300: hsl(46, 91%, 69%);
|
|
|
|
|
|
--color-d-yellow-500: hsl(50, 100%, 46%);
|
|
|
|
|
|
--color-d-yellow-700: hsl(43, 100%, 42%);
|
|
|
|
|
|
--color-d-yellow-900: hsl(39, 92%, 33%);
|
|
|
|
|
|
--color-d-yellow-a: hsl(43, 75%, 52%);
|
|
|
|
|
|
--color-d-red: var(--color-d-red-500);
|
|
|
|
|
|
--color-d-red-300: hsl(4, 100%, 68%);
|
|
|
|
|
|
--color-d-red-500: hsl(4, 65%, 60%);
|
|
|
|
|
|
--color-d-red-700: hsl(4, 90%, 61%);
|
|
|
|
|
|
--color-d-red-900: hsl(4, 77%, 38%);
|
|
|
|
|
|
--color-d-red-a: hsl(4, 61%, 53%);
|
|
|
|
|
|
--color-d-blue: var(--color-d-blue-500);
|
|
|
|
|
|
--color-d-blue-300: hsl(198, 39%, 56%);
|
|
|
|
|
|
--color-d-blue-500: hsl(198, 62%, 57%);
|
|
|
|
|
|
--color-d-blue-700: hsl(198, 57%, 55%);
|
|
|
|
|
|
--color-d-blue-900: hsl(198, 75%, 35%);
|
|
|
|
|
|
--color-d-blue-a: hsl(197, 58%, 48%);
|
|
|
|
|
|
--color-d-orange: var(--color-d-orange-500);
|
|
|
|
|
|
--color-d-orange-300: hsl(22, 92%, 64%);
|
|
|
|
|
|
--color-d-orange-500: hsl(22, 92%, 57%);
|
|
|
|
|
|
--color-d-orange-700: hsl(21, 88%, 51%);
|
|
|
|
|
|
--color-d-orange-900: hsl(20, 80%, 41%);
|
|
|
|
|
|
--color-d-orange-a: hsl(27, 77%, 51%);
|
|
|
|
|
|
--color-d-green: var(--color-d-green-500);
|
|
|
|
|
|
--color-d-green-300: hsl(150, 66%, 53%);
|
|
|
|
|
|
--color-d-green-500: hsl(154, 52%, 46%);
|
|
|
|
|
|
--color-d-green-700: hsl(154, 61%, 39%);
|
|
|
|
|
|
--color-d-green-900: hsl(155, 81%, 24%);
|
|
|
|
|
|
--color-d-green-a: hsl(96, 50%, 49%);
|
|
|
|
|
|
--color-d-violet: var(--color-d-violet-500);
|
|
|
|
|
|
--color-d-violet-300: hsl(256, 63%, 74%);
|
|
|
|
|
|
--color-d-violet-500: hsl(263, 60%, 67%);
|
|
|
|
|
|
--color-d-violet-700: hsl(256, 52%, 57%);
|
|
|
|
|
|
--color-d-violet-900: hsl(256, 44%, 50%);
|
|
|
|
|
|
--color-d-violet-a: hsl(246, 53%, 67%);
|
|
|
|
|
|
/*~ Highlights */
|
|
|
|
|
|
--ui-color-highlight-text: var(--color-d-black);
|
|
|
|
|
|
--ui-color-highlight-bg: hsl(43, 61%, 56%);
|
|
|
|
|
|
--color-highlight-yellow: rgba(255, 187, 0, 0.2);
|
|
|
|
|
|
--color-highlight-red: rgba(240, 79, 106, 0.2);
|
|
|
|
|
|
--color-highlight-blue: rgba(40, 178, 194, 0.2);
|
|
|
|
|
|
--color-highlight-orange: rgba(255, 115, 0, 0.2);
|
|
|
|
|
|
--color-highlight-green: rgba(153, 189, 36, 0.2);
|
|
|
|
|
|
--color-highlight-violet: rgba(113, 122, 255, 0.2);
|
|
|
|
|
|
/*~ Graph View */
|
|
|
|
|
|
--graph-color-node-resolved: var(--color-d-blue-900);
|
|
|
|
|
|
--graph-color-node-unresolved: var(--color-d-yellow-700);
|
|
|
|
|
|
--graph-color-node-unresolved-opacity: 1;
|
|
|
|
|
|
--graph-color-node-tag: var(--color-d-red-500);
|
|
|
|
|
|
--graph-color-node-attachment: var(--color-d-green-500);
|
|
|
|
|
|
--graph-color-node-focused: var(--color-d-white);
|
|
|
|
|
|
--graph-color-node-border-hover: var(--color-d-gray-10);
|
|
|
|
|
|
--graph-color-node-arrow: var(--color-d-gray-40);
|
|
|
|
|
|
--graph-color-node-line: var(--color-d-gray-50);
|
|
|
|
|
|
--graph-color-node-line-hover: var(--color-d-gray-40);
|
|
|
|
|
|
--graph-color-node-text: var(--color-d-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++Workspace++++++++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Title Bar
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.titlebar-button-container.mod-left,
|
|
|
|
|
|
.titlebar-text,
|
|
|
|
|
|
.titlebar-button-container.mod-right,
|
|
|
|
|
|
.titlebar-left {
|
|
|
|
|
|
margin-top: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Titlebar for Light Theme──────────*/
|
|
|
|
|
|
.theme-light .titlebar {
|
|
|
|
|
|
background: var(--color-l-white);
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .titlebar-text {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
margin-top: 1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .titlebar-button {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
-webkit-app-region: no-drag;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .titlebar-button.mod-back:hover, .theme-light .titlebar-button.mod-forward:hover {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .titlebar-button.mod-back:active, .theme-light .titlebar-button.mod-forward:active {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
background: var(--color-l-gray-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .titlebar-button.mod-minimize:hover {
|
|
|
|
|
|
color: var(--color-l-whiter);
|
|
|
|
|
|
background: var(--color-l-blue-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .titlebar-button.mod-maximize:hover {
|
|
|
|
|
|
color: var(--color-l-whiter);
|
|
|
|
|
|
background: var(--color-l-yellow-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .titlebar-button.mod-close:hover {
|
|
|
|
|
|
color: var(--color-l-whiter);
|
|
|
|
|
|
background: var(--color-l-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Titlebar for Dark Theme──────────*/
|
|
|
|
|
|
.theme-dark .titlebar {
|
|
|
|
|
|
background: var(--color-d-gray-70);
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .titlebar-text {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
margin-top: 1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .titlebar-button {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
-webkit-app-region: no-drag;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .titlebar-button.mod-back:hover, .theme-dark .titlebar-button.mod-forward:hover {
|
|
|
|
|
|
color: var(--color-d-gray-10);
|
|
|
|
|
|
background: var(--color-d-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .titlebar-button.mod-back:active, .theme-dark .titlebar-button.mod-forward:active {
|
|
|
|
|
|
color: var(--color-d-gray-40);
|
|
|
|
|
|
background: var(--color-d-gray-80);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .titlebar-button.mod-minimize:hover {
|
|
|
|
|
|
color: var(--color-d-whiter);
|
|
|
|
|
|
background: var(--color-d-blue-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .titlebar-button.mod-maximize:hover {
|
|
|
|
|
|
color: var(--color-d-whiter);
|
|
|
|
|
|
background: var(--color-d-yellow-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .titlebar-button.mod-close:hover {
|
|
|
|
|
|
color: var(--color-d-whiter);
|
|
|
|
|
|
background: var(--color-d-red-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Side Dock Ribbon
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.side-dock-ribbon {
|
|
|
|
|
|
flex: 0 0 var(--scale-2-18);
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-ribbon {
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
width: var(--scale-8-5);
|
|
|
|
|
|
transition: var(--duration-fast-1) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-ribbon.is-collapsed, .workspace-ribbon.is-collapsed.side-dock-ribbon-action {
|
|
|
|
|
|
transition: var(--duration-fast-1) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-ribbon.mod-left.is-collapsed {
|
|
|
|
|
|
border-right: 1px solid transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-ribbon.mod-right.is-collapsed {
|
|
|
|
|
|
border-left: 1px solid transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.side-dock-ribbon.is-collapsed .mod-left-split,
|
|
|
|
|
|
.side-dock-ribbon.is-collapsed .mod-right-split {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Side Dock Ribbon Icons Sizing */
|
|
|
|
|
|
.side-dock-ribbon-action {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-0-0) var(--scale-2-6) var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-ribbon.side-dock-ribbon .workspace-ribbon-collapse-btn {
|
|
|
|
|
|
margin-top: var(--scale-0-0);
|
|
|
|
|
|
padding: var(--scale-2-4) var(--scale-2-5);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-ribbon.side-dock-ribbon .side-dock-settings {
|
|
|
|
|
|
margin-bottom: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Side Dock Ribbon for Light Theme──────────*/
|
|
|
|
|
|
.theme-light .workspace-ribbon {
|
|
|
|
|
|
background: var(--color-l-gray-20);
|
|
|
|
|
|
border-left: 1px solid var(--color-l-gray-40);
|
|
|
|
|
|
border-right: 1px solid var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-ribbon .side-dock-ribbon-action:nth-child(3n+1):hover {
|
|
|
|
|
|
color: var(--color-l-yellow-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-ribbon .side-dock-ribbon-action:nth-child(3n+1):active {
|
|
|
|
|
|
color: var(--color-l-yellow-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-ribbon .side-dock-ribbon-action:nth-child(3n+2):hover {
|
|
|
|
|
|
color: var(--color-l-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-ribbon .side-dock-ribbon-action:nth-child(3n+2):active {
|
|
|
|
|
|
color: var(--color-l-red-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-ribbon .side-dock-ribbon-action:nth-child(3n+3):hover {
|
|
|
|
|
|
color: var(--color-l-blue-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-ribbon .side-dock-ribbon-action:nth-child(3n+3):active {
|
|
|
|
|
|
color: var(--color-l-blue-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-ribbon.is-collapsed {
|
|
|
|
|
|
background: var(--color-l-white);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-ribbon.is-collapsed .side-dock-ribbon-action {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Side Dock Ribbon for Dark Theme──────────*/
|
|
|
|
|
|
.theme-dark .workspace-ribbon {
|
|
|
|
|
|
background: var(--color-d-black);
|
|
|
|
|
|
border-left: 1px solid var(--color-d-gray-50);
|
|
|
|
|
|
border-right: 1px solid var(--color-d-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-ribbon .side-dock-ribbon-action:nth-child(3n+1):hover {
|
|
|
|
|
|
color: var(--color-d-yellow-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-ribbon .side-dock-ribbon-action:nth-child(3n+1):active {
|
|
|
|
|
|
color: var(--color-d-yellow-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-ribbon .side-dock-ribbon-action:nth-child(3n+2):hover {
|
|
|
|
|
|
color: var(--color-d-red-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-ribbon .side-dock-ribbon-action:nth-child(3n+2):active {
|
|
|
|
|
|
color: var(--color-d-red-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-ribbon .side-dock-ribbon-action:nth-child(3n+3):hover {
|
|
|
|
|
|
color: var(--color-d-blue-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-ribbon .side-dock-ribbon-action:nth-child(3n+3):active {
|
|
|
|
|
|
color: var(--color-d-blue-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-ribbon.is-collapsed {
|
|
|
|
|
|
background: var(--color-d-gray-70);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-ribbon.is-collapsed .side-dock-ribbon-action {
|
|
|
|
|
|
color: var(--color-d-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Tab Header
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*─────────Tab Header Container──────────*/
|
|
|
|
|
|
.workspace-split.mod-left-split .workspace-tab-header-container {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-split.mod-right-split .workspace-tab-header-container {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-tabs {
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Tab Header Icons──────────*/
|
|
|
|
|
|
.workspace-tab-header-container {
|
|
|
|
|
|
height: unset;
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-0-0) var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
margin: var(--scale-2-6) var(--scale-0-0) var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-tab-header {
|
|
|
|
|
|
/*
|
|
|
|
|
|
Applied for All
|
|
|
|
|
|
Tab Header Icon Container
|
|
|
|
|
|
*/
|
|
|
|
|
|
height: var(--scale-2-18);
|
|
|
|
|
|
padding: var(--scale-2-4) var(--scale-2-4) var(--scale-2-4) var(--scale-2-4);
|
|
|
|
|
|
margin: var(--scale-0-0) var(--scale-2-2) var(--scale-2-2) var(--scale-2-2);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-tab-header-inner {
|
|
|
|
|
|
background: transparent !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-tab-header-inner, .workspace-tab-header-inner-icon {
|
|
|
|
|
|
padding: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-tab-header.is-active {
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.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: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-tab-container-before, .workspace-tab-container-after {
|
|
|
|
|
|
margin: calc(-1 * var(--scale-2-3));
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Tab Header Icon Sizing──────────*/
|
|
|
|
|
|
body .workspace-tab-header .workspace-tab-header-inner-icon svg {
|
|
|
|
|
|
height: var(--scale-8-2);
|
|
|
|
|
|
width: var(--scale-8-2);
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Tab Header for Light Mode──────────*/
|
|
|
|
|
|
.theme-light .workspace-tab-header.is-active {
|
|
|
|
|
|
background: var(--color-l-white);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(100, 100, 100, 0.15) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-tab-header:not(.workspace-tab-header.is-active) {
|
|
|
|
|
|
border: 1px solid var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-tab-header:not(.workspace-tab-header.is-active):hover {
|
|
|
|
|
|
border: 1px solid var(--color-l-gray-60);
|
|
|
|
|
|
transform: translateY(-2px);
|
|
|
|
|
|
box-shadow: 0px 3px 3px -1px rgba(100, 100, 100, 0.15);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-tab-header:not(.workspace-tab-header.is-active):hover .workspace-tab-header-inner-icon {
|
|
|
|
|
|
color: var(--color-l-gray-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-tab-header:not(.workspace-tab-header.is-active):active {
|
|
|
|
|
|
transform: translateY(2px);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px rgba(150, 150, 150, 0.15) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .mod-left-split .workspace-tab-header.is-active:nth-child(3n+1) {
|
|
|
|
|
|
color: var(--color-l-yellow-500);
|
|
|
|
|
|
border: 1px solid var(--color-l-yellow-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .mod-left-split .workspace-tab-header.is-active:nth-child(3n+2) {
|
|
|
|
|
|
color: var(--color-l-red-500);
|
|
|
|
|
|
border: 1px solid var(--color-l-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .mod-left-split .workspace-tab-header.is-active:nth-child(3n+3) {
|
|
|
|
|
|
color: var(--color-l-blue-500);
|
|
|
|
|
|
border: 1px solid var(--color-l-blue-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .mod-right-split .workspace-tab-header.is-active:nth-last-child(3n+1) {
|
|
|
|
|
|
color: var(--color-l-yellow-500);
|
|
|
|
|
|
border: 1px solid var(--color-l-yellow-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .mod-right-split .workspace-tab-header.is-active:nth-last-child(3n+2) {
|
|
|
|
|
|
color: var(--color-l-red-500);
|
|
|
|
|
|
border: 1px solid var(--color-l-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .mod-right-split .workspace-tab-header.is-active:nth-last-child(3n+3) {
|
|
|
|
|
|
color: var(--color-l-blue-500);
|
|
|
|
|
|
border: 1px solid var(--color-l-blue-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Tab Header for Dark Mode──────────*/
|
|
|
|
|
|
.theme-dark .workspace-tab-header {
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-tab-header.is-active {
|
|
|
|
|
|
background: var(--color-d-gray-70);
|
|
|
|
|
|
box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.25) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-tab-header:not(.workspace-tab-header.is-active) {
|
|
|
|
|
|
border: 1px solid var(--color-d-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-tab-header:not(.workspace-tab-header.is-active):hover {
|
|
|
|
|
|
border: 1px solid var(--color-d-gray-30);
|
|
|
|
|
|
transform: translateY(-1.5px);
|
|
|
|
|
|
box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.25);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-tab-header:not(.workspace-tab-header.is-active):hover .workspace-tab-header-inner-icon {
|
|
|
|
|
|
color: var(--color-d-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-tab-header:not(.workspace-tab-header.is-active):active {
|
|
|
|
|
|
transform: translateY(1.5px);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2.5px rgba(0, 0, 0, 0.2) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .mod-left-split .workspace-tab-header.is-active:nth-child(3n+1) {
|
|
|
|
|
|
color: var(--color-d-yellow-700);
|
|
|
|
|
|
border: 1px solid var(--color-d-yellow-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .mod-left-split .workspace-tab-header.is-active:nth-child(3n+2) {
|
|
|
|
|
|
color: var(--color-d-red-700);
|
|
|
|
|
|
border: 1px solid var(--color-d-red-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .mod-left-split .workspace-tab-header.is-active:nth-child(3n+3) {
|
|
|
|
|
|
color: var(--color-d-blue-700);
|
|
|
|
|
|
border: 1px solid var(--color-d-blue-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .mod-right-split .workspace-tab-header.is-active:nth-last-child(3n+1) {
|
|
|
|
|
|
color: var(--color-d-yellow-700);
|
|
|
|
|
|
border: 1px solid var(--color-d-yellow-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .mod-right-split .workspace-tab-header.is-active:nth-last-child(3n+2) {
|
|
|
|
|
|
color: var(--color-d-red-700);
|
|
|
|
|
|
border: 1px solid var(--color-d-red-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .mod-right-split .workspace-tab-header.is-active:nth-last-child(3n+3) {
|
|
|
|
|
|
color: var(--color-d-blue-700);
|
|
|
|
|
|
border: 1px solid var(--color-d-blue-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Nav Header
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*─────────Nav Header Container──────────*/
|
|
|
|
|
|
.workspace-split.mod-left-split .nav-header,
|
|
|
|
|
|
.workspace-split.mod-right-split .nav-header {
|
|
|
|
|
|
padding: var(--scale-2-1) var(--scale-2-2) var(--scale-2-1) var(--scale-2-2);
|
|
|
|
|
|
margin: var(--scale-0-0) var(--scale-0-0) var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-split.mod-left-split .nav-header .nav-buttons-container,
|
|
|
|
|
|
.workspace-split.mod-right-split .nav-header .nav-buttons-container {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Nav Header Buttons──────────*/
|
|
|
|
|
|
.nav-action-button {
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
height: var(--scale-8-4);
|
|
|
|
|
|
padding: var(--scale-2-4) var(--scale-2-4) var(--scale-2-4) var(--scale-2-4);
|
|
|
|
|
|
margin: var(--scale-0-0) var(--scale-0-0) var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
border-radius: var(--scale-2-3);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .nav-action-button {
|
|
|
|
|
|
color: var(--color-l-gray-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .nav-action-button.is-active {
|
|
|
|
|
|
color: var(--color-l-black);
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .nav-action-button.is-active:hover {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .nav-action-button.is-active:active {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .nav-action-button:not(.nav-action-button.is-active):hover {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .nav-action-button:not(.nav-action-button.is-active):active {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .nav-action-button {
|
|
|
|
|
|
color: var(--color-d-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .nav-action-button.is-active {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .nav-action-button.is-active:hover {
|
|
|
|
|
|
color: var(--color-d-white);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .nav-action-button.is-active:active {
|
|
|
|
|
|
color: var(--color-d-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .nav-action-button:not(.nav-action-button.is-active):hover {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .nav-action-button:not(.nav-action-button.is-active):active {
|
|
|
|
|
|
color: var(--color-d-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Tab Content
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.workspace-tabs .workspace-leaf.mod-active,
|
|
|
|
|
|
.workspace-tabs .workspace-leaf.mod-active:active {
|
|
|
|
|
|
border-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-split.mod-right-split .workspace-tabs:last-child {
|
|
|
|
|
|
padding-bottom: calc(-4px + var(--scale-8-3));
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────View Content──────────*/
|
|
|
|
|
|
.workspace-leaf-content .view-content {
|
|
|
|
|
|
padding: var(--scale-8-2) var(--scale-8-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-split.mod-left-split .view-content,
|
|
|
|
|
|
.workspace-split.mod-right-split .view-content {
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
padding: var(--scale-2-3) var(--scale-2-4) var(--scale-2-4) var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-leaf-content[data-type=backlink] .view-content, .workspace-leaf-content[data-type=outgoing-link] .view-content {
|
|
|
|
|
|
padding: var(--scale-2-3) var(--scale-0-0) var(--scale-2-4) var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-leaf-content[data-type=starred] {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-2-4) var(--scale-0-0) var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pane-empty {
|
|
|
|
|
|
color: var(--text-faint);
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
margin: auto auto;
|
|
|
|
|
|
width: 17ch;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Node Insert Event──────────*/
|
|
|
|
|
|
.workspace-split.mod-left-split .node-insert-event,
|
|
|
|
|
|
.workspace-split.mod-right-split .node-insert-event {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-2-4) var(--scale-2-4) var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-split.mod-left-split .nav-files-container,
|
|
|
|
|
|
.workspace-split.mod-right-split .nav-files-container {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-2-4) var(--scale-2-4) var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Tags Tab──────────*/
|
|
|
|
|
|
.tag-container {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
padding: var(--scale-2-4) var(--scale-2-4) var(--scale-2-4) var(--scale-2-4);
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Search Results──────────*/
|
|
|
|
|
|
.search-result-container:not(.mod-global-search) {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-0-0) var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
border-left: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
margin: var(--scale-0-0) var(--scale-0-0) var(--scale-0-0) var(--scale-2-8);
|
|
|
|
|
|
}
|
|
|
|
|
|
.search-result.search-result {
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.search-results-children {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-0-0) var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-type=search] .search-result .search-result-file-matches {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-0-0) var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
border-left: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
margin: var(--scale-0-0) var(--scale-2-2) var(--scale-0-0) var(--scale-2-8);
|
|
|
|
|
|
}
|
|
|
|
|
|
.search-result-file-match {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-10) var(--scale-2-2) var(--scale-2-4);
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
margin: var(--scale-0-0) var(--scale-0-0) var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.search-result-file-match:last-child {
|
|
|
|
|
|
margin-bottom: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .search-result-file-match:hover {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .search-result-file-match:active {
|
|
|
|
|
|
color: var(--text-faint);
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .search-result-file-match:hover {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
background: var(--color-d-gray-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .search-result-file-match:active {
|
|
|
|
|
|
color: var(--color-d-gray-40);
|
|
|
|
|
|
background: var(--color-d-gray-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
.search-result-file-matched-text {
|
|
|
|
|
|
padding-left: 1px;
|
|
|
|
|
|
padding-right: 1px;
|
|
|
|
|
|
border-radius: calc(1px + var(--scale-2-1));
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .search-result-file-matched-text, .theme-dark .search-result-file-matched-text {
|
|
|
|
|
|
color: var(--ui-color-highlight-text);
|
|
|
|
|
|
font-weight: var(--font-bold);
|
|
|
|
|
|
background: var(--ui-color-highlight-bg);
|
|
|
|
|
|
}
|
|
|
|
|
|
.backlink-pane .search-result .search-result-file-title {
|
|
|
|
|
|
margin: var(--scale-0-0) var(--scale-0-0) var(--scale-0-0) var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.search-input-container .search-input-clear-button {
|
|
|
|
|
|
top: 9px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Tree Items for Tabs──────────*/
|
|
|
|
|
|
.tree-item-self {
|
|
|
|
|
|
line-height: var(--line-height-0-5);
|
|
|
|
|
|
padding: calc(1px + var(--scale-2-2)) var(--scale-2-2) calc(1px + var(--scale-2-2)) var(--scale-2-6);
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.tree-item-self.is-clickable .tree-item-flair {
|
|
|
|
|
|
font-family: var(--font-monospace-theme);
|
|
|
|
|
|
font-size: var(--font-scale-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
.tree-item-self .tree-item-icon {
|
|
|
|
|
|
align-self: initial;
|
|
|
|
|
|
padding-left: var(--scale-0-0);
|
|
|
|
|
|
margin-left: calc(-1 * var(--scale-2-2));
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tree-item-children:not(.graph-control-section .tree-item-children) {
|
|
|
|
|
|
margin-left: var(--scale-2-8);
|
|
|
|
|
|
border-left: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.tree-item-children:not(.graph-control-section .tree-item-children) .tree-item {
|
|
|
|
|
|
margin-left: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Tree Items for Tabs for Light Mode ~*/
|
|
|
|
|
|
.theme-light .tree-item-self {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .tree-item-self.is-clickable:hover {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .tree-item-self.is-clickable:hover .tree-item-flair {
|
|
|
|
|
|
color: var(--color-gray-50);
|
|
|
|
|
|
background: var(--color-l-whiter);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .tree-item-self.is-clickable .tree-item-flair {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .tree-item-self.is-clickable:active {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .tree-item-self.is-clickable:active .tree-item-flair {
|
|
|
|
|
|
color: var(--color-l-gray-60);
|
|
|
|
|
|
background: var(--color-l-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Tree Items for Tabs for Dark Mode ~*/
|
|
|
|
|
|
.theme-dark .tree-item-self {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .tree-item-self.is-clickable:hover {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
background: var(--color-d-gray-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .tree-item-self.is-clickable:hover .tree-item-flair {
|
|
|
|
|
|
color: var(--color-d-white);
|
|
|
|
|
|
background: var(--color-d-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .tree-item-self.is-clickable .tree-item-flair {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
background: var(--color-d-gray-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .tree-item-self.is-clickable:active {
|
|
|
|
|
|
color: var(--color-d-gray-40);
|
|
|
|
|
|
background: var(--color-d-blacker);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .tree-item-self.is-clickable:active .tree-item-flair {
|
|
|
|
|
|
color: var(--color-d-gray-40);
|
|
|
|
|
|
background: var(--color-d-gray-80);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Tree Item Self Light and Dark Mode for Backlink and Outgoing Pane */
|
|
|
|
|
|
body.theme-light .backlink-pane .tree-item-self,
|
|
|
|
|
|
body.theme-light .outgoing-link-pane .tree-item-self,
|
|
|
|
|
|
body.theme-dark .backlink-pane .tree-item-self,
|
|
|
|
|
|
body.theme-dark .outgoing-link-pane .tree-item-self {
|
|
|
|
|
|
color: var(--md-color-text-muted);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
body.theme-light .backlink-pane .tree-item-self.is-clickable:hover,
|
|
|
|
|
|
body.theme-light .outgoing-link-pane .tree-item-self.is-clickable:hover,
|
|
|
|
|
|
body.theme-dark .backlink-pane .tree-item-self.is-clickable:hover,
|
|
|
|
|
|
body.theme-dark .outgoing-link-pane .tree-item-self.is-clickable:hover {
|
|
|
|
|
|
color: var(--md-color-text-normal);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
body.theme-light .backlink-pane .tree-item-self.is-clickable:hover .tree-item-flair,
|
|
|
|
|
|
body.theme-light .outgoing-link-pane .tree-item-self.is-clickable:hover .tree-item-flair,
|
|
|
|
|
|
body.theme-dark .backlink-pane .tree-item-self.is-clickable:hover .tree-item-flair,
|
|
|
|
|
|
body.theme-dark .outgoing-link-pane .tree-item-self.is-clickable:hover .tree-item-flair {
|
|
|
|
|
|
color: var(--md-color-text-normal);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
body.theme-light .backlink-pane .tree-item-self.is-clickable .tree-item-flair,
|
|
|
|
|
|
body.theme-light .outgoing-link-pane .tree-item-self.is-clickable .tree-item-flair,
|
|
|
|
|
|
body.theme-dark .backlink-pane .tree-item-self.is-clickable .tree-item-flair,
|
|
|
|
|
|
body.theme-dark .outgoing-link-pane .tree-item-self.is-clickable .tree-item-flair {
|
|
|
|
|
|
color: var(--md-color-text-muted);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
body.theme-light .backlink-pane .tree-item-self.is-clickable:active,
|
|
|
|
|
|
body.theme-light .outgoing-link-pane .tree-item-self.is-clickable:active,
|
|
|
|
|
|
body.theme-dark .backlink-pane .tree-item-self.is-clickable:active,
|
|
|
|
|
|
body.theme-dark .outgoing-link-pane .tree-item-self.is-clickable:active {
|
|
|
|
|
|
color: var(--md-color-text-faint);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
body.theme-light .backlink-pane .tree-item-self.is-clickable:active .tree-item-flair,
|
|
|
|
|
|
body.theme-light .outgoing-link-pane .tree-item-self.is-clickable:active .tree-item-flair,
|
|
|
|
|
|
body.theme-dark .backlink-pane .tree-item-self.is-clickable:active .tree-item-flair,
|
|
|
|
|
|
body.theme-dark .outgoing-link-pane .tree-item-self.is-clickable:active .tree-item-flair {
|
|
|
|
|
|
color: var(--md-color-text-faint);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
File Explorer
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*─────────Vault Title──────────*/
|
|
|
|
|
|
.nav-folder.mod-root > .nav-folder-title[data-path="/"] {
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
position: sticky;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
margin-bottom: var(--scale-2-2);
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
.nav-folder.mod-root > .nav-folder-title[data-path="/"]:hover {
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nav-folder-title, .nav-file-title {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
line-height: var(--line-height-0-5);
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
padding: calc(1px + var(--scale-2-1)) var(--scale-2-2) calc(1px + var(--scale-2-1)) var(--scale-2-4);
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.nav-folder-title-content {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-0-0) var(--scale-0-0) var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.nav-file-title-content {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-0-0) var(--scale-0-0) var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.nav-folder-title, .nav-file-title-content {
|
|
|
|
|
|
text-overflow: unset;
|
|
|
|
|
|
white-space: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
.nav-folder-collapse-indicator {
|
|
|
|
|
|
align-items: flex-start;
|
|
|
|
|
|
}
|
|
|
|
|
|
.nav-folder-collapse-indicator.collapse-icon {
|
|
|
|
|
|
margin-top: var(--scale-2-1);
|
|
|
|
|
|
margin-left: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
.nav-file-tag {
|
|
|
|
|
|
align-self: start;
|
|
|
|
|
|
line-height: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title,
|
|
|
|
|
|
.workspace-leaf.mod-active .nav-file.has-focus {
|
|
|
|
|
|
border-color: transparent;
|
|
|
|
|
|
background-color: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator {
|
|
|
|
|
|
color: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* File Explorer for Light Mode */
|
|
|
|
|
|
.theme-light .nav-folder-title:not([data-path="/"]), .theme-light .nav-file-title {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .nav-folder-title:not([data-path="/"]):hover, .theme-light .nav-file-title:hover {
|
|
|
|
|
|
color: var(--color-l-gray-80) !important;
|
|
|
|
|
|
background: var(--color-l-gray-10) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .nav-folder-title:not([data-path="/"]):active, .theme-light .nav-file-title:active {
|
|
|
|
|
|
color: var(--color-l-gray-50) !important;
|
|
|
|
|
|
background: var(--color-l-gray-40) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .nav-file-title.is-active {
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
border: 1px solid rgba(100, 100, 100, 0.3);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(100, 100, 100, 0.1) inset, 0px 2px 4px 0px rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .nav-file-tag {
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .nav-folder-children .nav-folder-children {
|
|
|
|
|
|
padding-left: var(--scale-2-2);
|
|
|
|
|
|
margin-left: var(--scale-2-8);
|
|
|
|
|
|
border-left: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* File Explorer for Dark Mode */
|
|
|
|
|
|
.theme-dark .nav-folder-title:not([data-path="/"]), .theme-dark .nav-file-title {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .nav-folder-title:not([data-path="/"]):hover, .theme-dark .nav-file-title:hover {
|
|
|
|
|
|
color: var(--color-d-gray-20) !important;
|
|
|
|
|
|
background: var(--color-d-gray-60) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .nav-folder-title:not([data-path="/"]):active, .theme-dark .nav-file-title:active {
|
|
|
|
|
|
color: var(--color-d-gray-40) !important;
|
|
|
|
|
|
background: var(--color-d-blacker) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .nav-file-title.is-active {
|
|
|
|
|
|
background: var(--color-d-gray-70);
|
|
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.45);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.2) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .nav-file-tag {
|
|
|
|
|
|
background: var(--color-d-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .nav-folder-children .nav-folder-children {
|
|
|
|
|
|
padding-left: var(--scale-2-2);
|
|
|
|
|
|
border-left: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
margin-left: var(--scale-2-8);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Status Bar
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.status-bar {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
max-height: unset;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
margin: auto;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
padding: var(--scale-2-1) var(--scale-2-3) var(--scale-2-1) var(--scale-2-3);
|
|
|
|
|
|
border-top-left-radius: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.status-bar-item {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-2-3) var(--scale-0-0) var(--scale-2-3);
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.status-bar-item-icon {
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Status Bar for Light Mode──────────*/
|
|
|
|
|
|
.theme-light .status-bar {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
background-color: var(--color-l-gray-10);
|
|
|
|
|
|
border: 1px solid var(--color-l-gray-40);
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .status-bar-item {
|
|
|
|
|
|
color: var(--color-l-gray-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .status-bar-item:hover {
|
|
|
|
|
|
color: var(--color-l-gray-90);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .status-bar .sync-status-icon .mod-working svg {
|
|
|
|
|
|
color: var(--color-l-red-300);
|
|
|
|
|
|
height: var(--scale-8-2);
|
|
|
|
|
|
width: var(--scale-8-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .status-bar .sync-status-icon .mod-success svg {
|
|
|
|
|
|
color: var(--color-l-gray-60);
|
|
|
|
|
|
height: var(--scale-8-2);
|
|
|
|
|
|
width: var(--scale-8-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .status-bar .sync-status-icon .mod-success:hover svg {
|
|
|
|
|
|
color: var(--color-l-green-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Status Bar for Dark Mode──────────*/
|
|
|
|
|
|
.theme-dark .status-bar {
|
|
|
|
|
|
color: var(--color-d-gray-30);
|
|
|
|
|
|
background-color: var(--color-d-gray-80);
|
|
|
|
|
|
border: 1px solid var(--color-d-gray-50);
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .status-bar-item {
|
|
|
|
|
|
color: var(--color-d-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .status-bar-item:hover {
|
|
|
|
|
|
color: var(--color-d-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .status-bar .sync-status-icon .mod-working svg {
|
|
|
|
|
|
color: var(--color-d-red-900);
|
|
|
|
|
|
height: var(--scale-8-2);
|
|
|
|
|
|
width: var(--scale-8-2);
|
|
|
|
|
|
vertical-align: -3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .status-bar .sync-status-icon .mod-success svg {
|
|
|
|
|
|
color: var(--color-d-gray-30);
|
|
|
|
|
|
height: var(--scale-8-2);
|
|
|
|
|
|
width: var(--scale-8-2);
|
|
|
|
|
|
vertical-align: -3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .status-bar .sync-status-icon .mod-success:hover svg {
|
|
|
|
|
|
color: var(--color-d-green-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
Content / Active Note / Opened Notes
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
──────────────────────────────────────*/
|
|
|
|
|
|
/* Curved Top Corners in Active Note Pane Fix */
|
|
|
|
|
|
.workspace-split.mod-root > .workspace-leaf:first-of-type .workspace-leaf-content, .workspace-split.mod-root > .workspace-leaf:last-of-type .workspace-leaf-content {
|
|
|
|
|
|
border-radius: 0 !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Active Note Panel -> is Highlighted (Unlink Pane) */
|
|
|
|
|
|
.workspace-leaf.is-highlighted::before {
|
|
|
|
|
|
background: var(--text-highlight-bg);
|
|
|
|
|
|
opacity: 0.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Note Header
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.workspace-leaf.mod-active .view-header, .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header {
|
|
|
|
|
|
height: var(--scale-2-18);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-leaf .view-header .view-header-title-container:after {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.view-header-icon, .view-header-title-container, .view-header .view-actions {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.view-header .view-action {
|
|
|
|
|
|
font-size: 0;
|
|
|
|
|
|
top: unset;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
}
|
|
|
|
|
|
.view-header-title {
|
|
|
|
|
|
overflow: unset;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
}
|
|
|
|
|
|
.view-header-icon {
|
|
|
|
|
|
top: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Some Fixes on Tiny Padding Issues */
|
|
|
|
|
|
.workspace-split.mod-vertical.mod-root .workspace-leaf {
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Note Header for Light Mode─────────*/
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
.theme-light {
|
|
|
|
|
|
/* Non-active Notes Colors */
|
|
|
|
|
|
/* Non-active Notes "Drag to Rearrange Icon on Hover */
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .view-header, .theme-light .workspace-leaf.mod-active .view-header, .theme-light .worksapce-split.mod-root > .theme-light .workspace-leaf:first-of-type:last-of-type .view-header {
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
border-left: none !important;
|
|
|
|
|
|
border-right: none;
|
|
|
|
|
|
border-bottom: 1px solid var(--color-l-gray-40) !important;
|
|
|
|
|
|
background: var(--color-l-white) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .view-header .view-header-title {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-leaf:not(.workspace-leaf.mod-active) .view-header-title {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-leaf:not(.workspace-leaf.mod-active) .view-header .view-header-icon, .theme-light .workspace-leaf:not(.workspace-leaf.mod-active) .view-header .view-action {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-leaf:not(.workspace-leaf.mod-active) .view-header .view-header-icon:hover {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-leaf.mod-active .view-header-title, .theme-light .workspace-leaf.mod-active .view-action {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-leaf .view-header .view-action:nth-child(3n+1):hover {
|
|
|
|
|
|
color: var(--color-l-yellow-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-leaf .view-header .view-action:nth-child(3n+1):active {
|
|
|
|
|
|
color: var(--color-l-yellow-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-leaf .view-header .view-action:nth-child(3n+2):hover {
|
|
|
|
|
|
color: var(--color-l-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-leaf .view-header .view-action:nth-child(3n+2):active {
|
|
|
|
|
|
color: var(--color-l-red-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-leaf .view-header .view-action:nth-child(3n+3):hover {
|
|
|
|
|
|
color: var(--color-l-blue-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-leaf .view-header .view-action:nth-child(3n+3):active {
|
|
|
|
|
|
color: var(--color-l-blue-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Note Header for Dark Mode─────────*/
|
|
|
|
|
|
.theme-dark {
|
|
|
|
|
|
/* Non-active Notes Colors */
|
|
|
|
|
|
/* Non-active Notes "Drag to Rearrange Icon on Hover */
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .view-header, .theme-dark .workspace-leaf.mod-active .view-header, .theme-dark .worksapce-split.mod-root > .theme-dark .workspace-leaf:first-of-type:last-of-type .view-header {
|
|
|
|
|
|
border-top: none;
|
|
|
|
|
|
border-left: none !important;
|
|
|
|
|
|
border-right: none;
|
|
|
|
|
|
border-bottom: 1px solid var(--color-d-gray-50) !important;
|
|
|
|
|
|
background: var(--color-d-gray-70) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .view-header .view-header-title {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-leaf:not(.workspace-leaf.mod-active) .view-header-title {
|
|
|
|
|
|
color: var(--color-d-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-leaf:not(.workspace-leaf.mod-active) .view-header .view-header-icon, .theme-dark .workspace-leaf:not(.workspace-leaf.mod-active) .view-header .view-action {
|
|
|
|
|
|
color: var(--color-d-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-leaf:not(.workspace-leaf.mod-active) .view-header .view-header-icon:hover {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-leaf.mod-active .view-header-title, .theme-dark .workspace-leaf.mod-active .view-action {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-leaf .view-header .view-action:nth-child(3n+1):hover {
|
|
|
|
|
|
color: var(--color-d-yellow-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-leaf .view-header .view-action:nth-child(3n+1):active {
|
|
|
|
|
|
color: var(--color-d-yellow-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-leaf .view-header .view-action:nth-child(3n+2):hover {
|
|
|
|
|
|
color: var(--color-d-red-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-leaf .view-header .view-action:nth-child(3n+2):active {
|
|
|
|
|
|
color: var(--color-d-red-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-leaf .view-header .view-action:nth-child(3n+3):hover {
|
|
|
|
|
|
color: var(--color-d-blue-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-leaf .view-header .view-action:nth-child(3n+3):active {
|
|
|
|
|
|
color: var(--color-d-blue-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Typography
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*──────────Base & Reset──────────*/
|
|
|
|
|
|
* {
|
|
|
|
|
|
font-optical-sizing: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body *,
|
|
|
|
|
|
.app-container * {
|
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
|
font-variant-ligatures: common-ligatures;
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Editor */
|
|
|
|
|
|
.CodeMirror pre.CodeMirror-line,
|
|
|
|
|
|
.markdown-source-view .cm-line,
|
|
|
|
|
|
.cm-s-obsidian .cm-line {
|
|
|
|
|
|
font-optical-sizing: auto;
|
|
|
|
|
|
font-family: var(--font-editor);
|
|
|
|
|
|
line-height: var(--line-height-1);
|
|
|
|
|
|
letter-spacing: var(--tracking-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .cm-content.cm-content > [contenteditable=false] {
|
|
|
|
|
|
contain: unset !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Preview */
|
|
|
|
|
|
.markdown-preview-view {
|
|
|
|
|
|
font-optical-sizing: auto;
|
|
|
|
|
|
font-family: var(--font-preview);
|
|
|
|
|
|
line-height: var(--line-height-1);
|
|
|
|
|
|
letter-spacing: var(--tracking-0);
|
|
|
|
|
|
padding: var(--scale-8-3) 30px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Caret Cursor */
|
|
|
|
|
|
.theme-light, .theme-dark {
|
|
|
|
|
|
--color-caret: var(--text-muted);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .CodeMirror-cursor, .theme-light .cm-s-obsidian .cm-cursor, .theme-light .cm-s-obsidian .cm-cursor-primary, .theme-dark .CodeMirror-cursor, .theme-dark .cm-s-obsidian .cm-cursor, .theme-dark .cm-s-obsidian .cm-cursor-primary {
|
|
|
|
|
|
border-image: none;
|
|
|
|
|
|
border-color: var(--color-caret);
|
|
|
|
|
|
border-left-width: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Note Colors──────────*/
|
|
|
|
|
|
.theme-light {
|
|
|
|
|
|
--md-color-text: var(--text-normal);
|
|
|
|
|
|
--md-color-text-muted: var(--text-muted);
|
|
|
|
|
|
--md-color-text-faint: var(--text-faint);
|
|
|
|
|
|
--md-color-bold: var(--color-l-red-500);
|
|
|
|
|
|
--md-color-italic: var(--color-l-blue-500);
|
|
|
|
|
|
--md-color-bolditalic: var(--color-l-blacker);
|
|
|
|
|
|
--md-color-strikethrough: var(--text-faint);
|
|
|
|
|
|
--md-color-highlight-text: var(--text-normal);
|
|
|
|
|
|
--md-color-highlight-bg: var(--color-highlight-yellow);
|
|
|
|
|
|
--md-color-bold-highlight-text: var(--text-normal);
|
|
|
|
|
|
--md-color-bold-highlight-bg: var(--color-highlight-red);
|
|
|
|
|
|
--md-color-italic-highlight-text: var(--text-normal);
|
|
|
|
|
|
--md-color-italic-highlight-bg: var(--color-highlight-blue);
|
|
|
|
|
|
--md-color-bi-highlight-text: var(--text-normal);
|
|
|
|
|
|
--md-color-bi-highlight-bg: var(--color-highlight-green);
|
|
|
|
|
|
--md-color-comment: var(--text-muted);
|
|
|
|
|
|
--md-color-footnote: var(--text-normal);
|
|
|
|
|
|
--md-color-footnote-link: var(--color-l-green-700);
|
|
|
|
|
|
--md-color-footnote-link-hover: var(--color-l-green-500);
|
|
|
|
|
|
--md-color-footnote-link-active: var(--color-l-green-900);
|
|
|
|
|
|
--md-color-reslink: var(--color-l-yellow-700);
|
|
|
|
|
|
--md-color-reslink-hover: var(--color-l-yellow-500);
|
|
|
|
|
|
--md-color-reslink-active: var(--color-l-yellow-900);
|
|
|
|
|
|
--md-color-unreslink: var(--text-muted);
|
|
|
|
|
|
--md-color-unreslink-hover: var(--color-l-yellow-700);
|
|
|
|
|
|
--md-color-unreslink-active: var(--color-l-yellow-900);
|
|
|
|
|
|
--md-color-extlink: var(--color-l-yellow-700);
|
|
|
|
|
|
--md-color-extlink-hover: var(--color-l-yellow-500);
|
|
|
|
|
|
--md-color-extlink-active: var(--color-l-yellow-900);
|
|
|
|
|
|
--md-color-blockquotes: var(--text-normal);
|
|
|
|
|
|
--md-color-blockquotes-formatting: var(--text-faint);
|
|
|
|
|
|
--md-color-blockquotes-border: var(--background-modifier-border);
|
|
|
|
|
|
--md-color-blockquotes-bg: var(--color-l-whiter);
|
|
|
|
|
|
--md-color-tag: var(--color-l-blue-700);
|
|
|
|
|
|
--md-color-tag-hover: var(--color-l-blue-500);
|
|
|
|
|
|
--md-color-tag-active: var(--color-l-blue-900);
|
|
|
|
|
|
--md-color-code-yellow-1: var(--color-l-yellow-500);
|
|
|
|
|
|
--md-color-code-yellow-2: var(--color-l-yellow-700);
|
|
|
|
|
|
--md-color-code-red-1: var(--color-l-red-300);
|
|
|
|
|
|
--md-color-code-red-2: var(--color-l-red-500);
|
|
|
|
|
|
--md-color-code-blue-1: var(--color-l-blue-500);
|
|
|
|
|
|
--md-color-code-blue-2: var(--color-l-blue-700);
|
|
|
|
|
|
--md-color-code-gray: var(--color-l-gray-50);
|
|
|
|
|
|
--md-color-code-white: var(--color-l-blacker);
|
|
|
|
|
|
--md-color-formatting: var(--color-l-gray-50);
|
|
|
|
|
|
--md-color-border: var(--background-modifier-border);
|
|
|
|
|
|
--md-embed-bg: var(--color-l-gray-10);
|
|
|
|
|
|
--md-color-bullet: var(--md-color-text-faint);
|
|
|
|
|
|
--md-find-highlight-bg: var(--color-highlight-violet);
|
|
|
|
|
|
--md-unchecked-bg-color: rgba(255, 255, 255, 0.4);
|
|
|
|
|
|
--md-unchecked-bg-color-hover: var(--color-l-gray-whiter);
|
|
|
|
|
|
--md-unchecked-bg-color-active: var(--color-l-gray-20);
|
|
|
|
|
|
--md-checked-bg-color: var(--color-l-green-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark {
|
|
|
|
|
|
--md-color-text: var(--text-normal);
|
|
|
|
|
|
--md-color-text-muted: var(--text-muted);
|
|
|
|
|
|
--md-color-text-faint: var(--text-faint);
|
|
|
|
|
|
--md-color-bold: var(--color-d-red-700);
|
|
|
|
|
|
--md-color-italic: var(--color-d-blue-700);
|
|
|
|
|
|
--md-color-bolditalic: var(--color-d-whiter);
|
|
|
|
|
|
--md-color-strikethrough: var(--text-faint);
|
|
|
|
|
|
--md-color-highlight-text: var(--text-normal);
|
|
|
|
|
|
--md-color-highlight-bg: var(--color-highlight-yellow);
|
|
|
|
|
|
--md-color-bold-highlight-text: var(--text-normal);
|
|
|
|
|
|
--md-color-bold-highlight-bg: var(--color-highlight-red);
|
|
|
|
|
|
--md-color-italic-highlight-text: var(--text-normal);
|
|
|
|
|
|
--md-color-italic-highlight-bg: var(--color-highlight-blue);
|
|
|
|
|
|
--md-color-bi-highlight-text: var(--text-normal);
|
|
|
|
|
|
--md-color-bi-highlight-bg: var(--color-highlight-green);
|
|
|
|
|
|
--md-color-comment: var(--text-muted);
|
|
|
|
|
|
--md-color-footnote: var(--text-normal);
|
|
|
|
|
|
--md-color-footnote-link: var(--color-d-green-700);
|
|
|
|
|
|
--md-color-footnote-link-hover: var(--color-d-green-500);
|
|
|
|
|
|
--md-color-footnote-link-active: var(--color-d-green-900);
|
|
|
|
|
|
--md-color-reslink: var(--color-d-yellow-500);
|
|
|
|
|
|
--md-color-reslink-hover: var(--color-d-yellow-300);
|
|
|
|
|
|
--md-color-reslink-active: var(--color-d-yellow-700);
|
|
|
|
|
|
--md-color-unreslink: var(--text-muted);
|
|
|
|
|
|
--md-color-unreslink-hover: var(--color-d-yellow-500);
|
|
|
|
|
|
--md-color-unreslink-active: var(--color-d-yellow-700);
|
|
|
|
|
|
--md-color-extlink: var(--color-d-yellow-500);
|
|
|
|
|
|
--md-color-extlink-hover: var(--color-d-yellow-300);
|
|
|
|
|
|
--md-color-extlink-active: var(--color-d-yellow-700);
|
|
|
|
|
|
--md-color-blockquotes: var(--text-normal);
|
|
|
|
|
|
--md-color-blockquotes-formatting: var(--text-faint);
|
|
|
|
|
|
--md-color-blockquotes-border: var(--background-modifier-border);
|
|
|
|
|
|
--md-color-blockquotes-bg: var(--color-d-blacker);
|
|
|
|
|
|
--md-color-tag: var(--color-d-blue-700);
|
|
|
|
|
|
--md-color-tag-hover: var(--color-d-blue-300);
|
|
|
|
|
|
--md-color-tag-active: var(--color-d-blue-900);
|
|
|
|
|
|
--md-color-code-yellow-1: var(--color-d-yellow-700);
|
|
|
|
|
|
--md-color-code-yellow-2: var(--color-d-yellow-500);
|
|
|
|
|
|
--md-color-code-red-1: var(--color-d-red-500);
|
|
|
|
|
|
--md-color-code-red-2: var(--color-d-red-300);
|
|
|
|
|
|
--md-color-code-blue-1: var(--color-d-blue-300);
|
|
|
|
|
|
--md-color-code-blue-2: var(--color-d-blue-500);
|
|
|
|
|
|
--md-color-code-gray: var(--text-faint);
|
|
|
|
|
|
--md-color-code-white: var(--color-d-whiter);
|
|
|
|
|
|
--md-color-formatting: var(--color-d-gray-40);
|
|
|
|
|
|
--md-color-border: var(--background-modifier-border);
|
|
|
|
|
|
--md-embed-bg: var(--color-d-gray-90);
|
|
|
|
|
|
--md-color-bullet: var(--md-color-text-faint);
|
|
|
|
|
|
--md-find-highlight-bg: var(--color-highlight-violet);
|
|
|
|
|
|
--md-unchecked-bg-color: rgba(0, 0, 0, 0.2);
|
|
|
|
|
|
--md-unchecked-bg-color-hover: var(--color-d-gray-100);
|
|
|
|
|
|
--md-unchecked-bg-color-active: var(--color-d-gray-70);
|
|
|
|
|
|
--md-checked-bg-color: var(--color-d-green-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .markdown-source-view,
|
|
|
|
|
|
.theme-light .markdown-preview-view {
|
|
|
|
|
|
color: var(--md-color-text);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .markdown-source-view,
|
|
|
|
|
|
.theme-dark .markdown-preview-view {
|
|
|
|
|
|
color: var(--md-color-text);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Note Markdown
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*──────────Headings──────────*/
|
|
|
|
|
|
:root body {
|
|
|
|
|
|
/* 1.388 Scale Ratio */
|
|
|
|
|
|
--h1: var(--font-scale-7);
|
|
|
|
|
|
--h2: var(--font-scale-6);
|
|
|
|
|
|
--h3: var(--font-scale-5);
|
|
|
|
|
|
--h4: var(--font-scale-4);
|
|
|
|
|
|
--h5: var(--font-scale-3);
|
|
|
|
|
|
--h6: var(--font-scale-2);
|
|
|
|
|
|
--header-line-height: 1.18;
|
|
|
|
|
|
/* Normal Colors */
|
|
|
|
|
|
--h1-text-color: var(--text-normal);
|
|
|
|
|
|
--h2-text-color: var(--text-normal);
|
|
|
|
|
|
--h3-text-color: var(--text-normal);
|
|
|
|
|
|
--h4-text-color: var(--text-normal);
|
|
|
|
|
|
--h5-text-color: var(--text-normal);
|
|
|
|
|
|
--h6-text-color: var(--text-muted);
|
|
|
|
|
|
/* Font Weight */
|
|
|
|
|
|
--h1-weight: var(--font-bold);
|
|
|
|
|
|
--h2-weight: var(--font-bold);
|
|
|
|
|
|
--h3-weight: var(--font-bold);
|
|
|
|
|
|
--h4-weight: var(--font-bold);
|
|
|
|
|
|
--h5-weight: var(--font-bold);
|
|
|
|
|
|
--h6-weight: var(--font-bold);
|
|
|
|
|
|
/* Font Style */
|
|
|
|
|
|
--h1-style: normal;
|
|
|
|
|
|
--h2-style: normal;
|
|
|
|
|
|
--h3-style: normal;
|
|
|
|
|
|
--h4-style: normal;
|
|
|
|
|
|
--h5-style: normal;
|
|
|
|
|
|
--h6-style: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view .heading-collapse-indicator {
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
padding-left: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* General Headings */
|
|
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
|
|
|
|
font-family: var(--font-preview-header);
|
|
|
|
|
|
line-height: var(--header-line-height);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
|
|
color: var(--h1-text-color);
|
|
|
|
|
|
font-size: var(--h1);
|
|
|
|
|
|
font-weight: var(--h1-weight);
|
|
|
|
|
|
font-style: var(--h1-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
|
|
color: var(--h2-text-color);
|
|
|
|
|
|
font-size: var(--h2);
|
|
|
|
|
|
font-weight: var(--h2-weight);
|
|
|
|
|
|
font-style: var(--h2-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
|
|
color: var(--h3-text-color);
|
|
|
|
|
|
font-size: var(--h3);
|
|
|
|
|
|
font-weight: var(--h3-weight);
|
|
|
|
|
|
font-style: var(--h3-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
|
|
color: var(--h4-text-color);
|
|
|
|
|
|
font-size: var(--h4);
|
|
|
|
|
|
font-weight: var(--h4-weight);
|
|
|
|
|
|
font-style: var(--h4-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h5 {
|
|
|
|
|
|
color: var(--h5-text-color);
|
|
|
|
|
|
font-size: var(--h5);
|
|
|
|
|
|
font-weight: var(--h5-weight);
|
|
|
|
|
|
font-style: var(--h5-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h6 {
|
|
|
|
|
|
color: var(--h6-text-color);
|
|
|
|
|
|
font-size: var(--h6);
|
|
|
|
|
|
font-weight: var(--h6-weight);
|
|
|
|
|
|
font-style: var(--h6-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Source View Headings */
|
|
|
|
|
|
body .cm-s-obsidian .HyperMD-header {
|
|
|
|
|
|
line-height: var(--header-line-height);
|
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian .cm-header-1, .cm-s-obsidian .cm-header-2, .cm-s-obsidian .cm-header-3, .cm-s-obsidian .cm-header-4, .cm-s-obsidian .cm-header-5, .cm-s-obsidian .cm-header-6 {
|
|
|
|
|
|
font-family: var(--font-editor-header);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .cm-header-1 {
|
|
|
|
|
|
color: var(--h1-text-color);
|
|
|
|
|
|
font-size: var(--h1);
|
|
|
|
|
|
font-weight: var(--h1-weight);
|
|
|
|
|
|
font-style: var(--h1-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .cm-header-2 {
|
|
|
|
|
|
color: var(--h2-text-color);
|
|
|
|
|
|
font-size: var(--h2);
|
|
|
|
|
|
font-weight: var(--h2-weight);
|
|
|
|
|
|
font-style: var(--h2-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .cm-header-3 {
|
|
|
|
|
|
color: var(--h3-text-color);
|
|
|
|
|
|
font-size: var(--h3);
|
|
|
|
|
|
font-weight: var(--h3-weight);
|
|
|
|
|
|
font-style: var(--h3-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .cm-header-4 {
|
|
|
|
|
|
color: var(--h4-text-color);
|
|
|
|
|
|
font-size: var(--h4);
|
|
|
|
|
|
font-weight: var(--h4-weight);
|
|
|
|
|
|
font-style: var(--h4-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .cm-header-5 {
|
|
|
|
|
|
color: var(--h5-text-color);
|
|
|
|
|
|
font-size: var(--h5);
|
|
|
|
|
|
font-weight: var(--h5-weight);
|
|
|
|
|
|
font-style: var(--h5-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .cm-header-6 {
|
|
|
|
|
|
color: var(--h6-text-color);
|
|
|
|
|
|
font-size: var(--h6);
|
|
|
|
|
|
font-weight: var(--h6-weight);
|
|
|
|
|
|
font-style: var(--h6-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Inline Code in Headers Fix */
|
|
|
|
|
|
.cm-s-obsidian .cm-inline-code.cm-header {
|
|
|
|
|
|
font-family: var(--font-monospace-theme);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .cm-inline-code.cm-header-1 {
|
|
|
|
|
|
font-size: calc(0.65 * var(--h1));
|
|
|
|
|
|
font-weight: var(--h1-weight);
|
|
|
|
|
|
font-style: var(--h1-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .cm-inline-code.cm-header-2 {
|
|
|
|
|
|
font-size: calc(0.65 * var(--h2));
|
|
|
|
|
|
font-weight: var(--h2-weight);
|
|
|
|
|
|
font-style: var(--h2-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .cm-inline-code.cm-header-3 {
|
|
|
|
|
|
font-size: calc(0.65 * var(--h3));
|
|
|
|
|
|
font-weight: var(--h3-weight);
|
|
|
|
|
|
font-style: var(--h3-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .cm-inline-code.cm-header-4 {
|
|
|
|
|
|
font-size: calc(0.65 * var(--h4));
|
|
|
|
|
|
font-weight: var(--h4-weight);
|
|
|
|
|
|
font-style: var(--h4-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .cm-inline-code.cm-header-5 {
|
|
|
|
|
|
font-size: calc(0.65 * var(--h5));
|
|
|
|
|
|
font-weight: var(--h5-weight);
|
|
|
|
|
|
font-style: var(--h5-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .cm-inline-code.cm-header-6 {
|
|
|
|
|
|
font-size: calc(0.65 * var(--h6));
|
|
|
|
|
|
font-weight: var(--h6-weight);
|
|
|
|
|
|
font-style: var(--h6-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view h1 code, .markdown-preview-view h2 code, .markdown-preview-view h3 code, .markdown-preview-view h4 code, .markdown-preview-view h5 code, .markdown-preview-view h6 code {
|
|
|
|
|
|
font-family: var(--font-monospace-theme);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view h1 code {
|
|
|
|
|
|
font-weight: var(--h1-weight);
|
|
|
|
|
|
font-style: var(--h1-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view h2 code {
|
|
|
|
|
|
font-weight: var(--h2-weight);
|
|
|
|
|
|
font-style: var(--h2-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view h3 code {
|
|
|
|
|
|
font-weight: var(--h3-weight);
|
|
|
|
|
|
font-style: var(--h3-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view h4 code {
|
|
|
|
|
|
font-weight: var(--h4-weight);
|
|
|
|
|
|
font-style: var(--h4-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view h5 code {
|
|
|
|
|
|
font-weight: var(--h5-weight);
|
|
|
|
|
|
font-style: var(--h5-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view h6 code {
|
|
|
|
|
|
font-weight: var(--h6-weight);
|
|
|
|
|
|
font-style: var(--h6-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Preview View Headings */
|
|
|
|
|
|
.markdown-preview-view h1, .markdown-preview-view h2, .markdown-preview-view h3, .markdown-preview-view h4, .markdown-preview-view h5, .markdown-preview-view h6 {
|
|
|
|
|
|
font-family: var(--font-preview-header);
|
|
|
|
|
|
line-height: var(--header-line-height);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view h1 {
|
|
|
|
|
|
color: var(--h1-text-color);
|
|
|
|
|
|
font-size: var(--h1);
|
|
|
|
|
|
font-weight: var(--h1-weight);
|
|
|
|
|
|
font-style: var(--h1-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view h2 {
|
|
|
|
|
|
color: var(--h2-text-color);
|
|
|
|
|
|
font-size: var(--h2);
|
|
|
|
|
|
font-weight: var(--h2-weight);
|
|
|
|
|
|
font-style: var(--h2-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view h3 {
|
|
|
|
|
|
color: var(--h3-text-color);
|
|
|
|
|
|
font-size: var(--h3);
|
|
|
|
|
|
font-weight: var(--h3-weight);
|
|
|
|
|
|
font-style: var(--h3-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view h4 {
|
|
|
|
|
|
color: var(--h4-text-color);
|
|
|
|
|
|
font-size: var(--h4);
|
|
|
|
|
|
font-weight: var(--h4-weight);
|
|
|
|
|
|
font-style: var(--h4-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view h5 {
|
|
|
|
|
|
color: var(--h5-text-color);
|
|
|
|
|
|
font-size: var(--h5);
|
|
|
|
|
|
font-weight: var(--h5-weight);
|
|
|
|
|
|
font-style: var(--h5-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view h6 {
|
|
|
|
|
|
color: var(--h6-text-color);
|
|
|
|
|
|
font-size: var(--h6);
|
|
|
|
|
|
font-weight: var(--h6-weight);
|
|
|
|
|
|
font-style: var(--h6-style);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Emphasis──────────*/
|
|
|
|
|
|
/* Bold */
|
|
|
|
|
|
strong,
|
|
|
|
|
|
.cm-strong,
|
|
|
|
|
|
.cm-s-obsidian span.cm-quote.cm-strong,
|
|
|
|
|
|
.markdown-preview-view strong {
|
|
|
|
|
|
color: var(--md-color-bold);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Italic */
|
|
|
|
|
|
em,
|
|
|
|
|
|
.cm-em,
|
|
|
|
|
|
.cm-s-obsidian span.cm-quote.cm-em,
|
|
|
|
|
|
.markdown-preview-view em {
|
|
|
|
|
|
color: var(--md-color-italic);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Bold & Italic */
|
|
|
|
|
|
strong em, em strong,
|
|
|
|
|
|
.cm-strong.cm-em,
|
|
|
|
|
|
.markdown-preview-view strong em {
|
|
|
|
|
|
color: var(--md-color-bolditalic);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Strikethrough */
|
|
|
|
|
|
del,
|
|
|
|
|
|
.cm-strikethrough,
|
|
|
|
|
|
.cm-s-obsidian span.cm-quote.cm-strikethrough,
|
|
|
|
|
|
.markdown-preview-view del {
|
|
|
|
|
|
color: var(--md-color-strikethrough);
|
|
|
|
|
|
}
|
|
|
|
|
|
del:hover,
|
|
|
|
|
|
.cm-strikethrough:hover,
|
|
|
|
|
|
.cm-s-obsidian span.cm-quote.cm-strikethrough:hover,
|
|
|
|
|
|
.markdown-preview-view del:hover {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view h1 del, .markdown-preview-view h2 del, .markdown-preview-view h3 del, .markdown-preview-view h4 del, .markdown-preview-view h5 del, .markdown-preview-view h6 del {
|
|
|
|
|
|
color: var(--md-color-strikethrough);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Highlight [Highlight] */
|
|
|
|
|
|
mark,
|
|
|
|
|
|
.cm-s-obsidian span.cm-highlight,
|
|
|
|
|
|
.markdown-source-view.is-live-preview .cm-header.cm-formatting-highlight,
|
|
|
|
|
|
.cm-s-obsidian span.cm-quote.cm-highlight,
|
|
|
|
|
|
.callout mark,
|
|
|
|
|
|
.markdown-preview-view mark,
|
|
|
|
|
|
.popover mark,
|
|
|
|
|
|
.markdown-embed mark {
|
|
|
|
|
|
color: var(--md-color-highlight-text);
|
|
|
|
|
|
background: var(--md-color-highlight-bg);
|
|
|
|
|
|
padding: 2px 2px;
|
|
|
|
|
|
border-radius: var(--scale-2-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Highlight [Bold + Highlight] */
|
|
|
|
|
|
.cm-s-obsidian span.cm-highlight.cm-strong,
|
|
|
|
|
|
.cm-s-obsidian span.cm-quote.cm-highlight.cm-strong {
|
|
|
|
|
|
color: var(--md-color-bold-highlight-text);
|
|
|
|
|
|
background: var(--md-color-bold-highlight-bg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view.markdown-preview-view mark strong,
|
|
|
|
|
|
.markdown-embed.markdown-embed mark strong,
|
|
|
|
|
|
.reveal mark strong {
|
|
|
|
|
|
color: var(--md-color-bold-highlight-text);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.callout strong > mark,
|
|
|
|
|
|
.markdown-preview-view.markdown-preview-view strong > mark,
|
|
|
|
|
|
.popover strong > mark,
|
|
|
|
|
|
.markdown-embed.markdown-embed strong > mark,
|
|
|
|
|
|
.reveal strong > mark {
|
|
|
|
|
|
background: var(--md-color-bold-highlight-bg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Highlight [Italic + Highlight] */
|
|
|
|
|
|
.cm-s-obsidian span.cm-highlight.cm-em,
|
|
|
|
|
|
.cm-s-obsidian span.cm-quote.cm-highlight.cm-em {
|
|
|
|
|
|
color: var(--md-color-italic-highlight-text);
|
|
|
|
|
|
background: var(--md-color-italic-highlight-bg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.callout em > mark,
|
|
|
|
|
|
.markdown-preview-view mark em,
|
|
|
|
|
|
.popover mark em,
|
|
|
|
|
|
.markdown-embed mark em,
|
|
|
|
|
|
.reveal mark em {
|
|
|
|
|
|
color: var(--md-color-italic-highlight-text);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.callout em > mark,
|
|
|
|
|
|
.markdown-preview-view.markdown-preview-view em > mark,
|
|
|
|
|
|
.popover em > mark,
|
|
|
|
|
|
.markdown-embed.markdown-embed em > mark,
|
|
|
|
|
|
.reveal em > mark {
|
|
|
|
|
|
background: var(--md-color-italic-highlight-bg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Highlight [Bold + Italic + Highlight] */
|
|
|
|
|
|
.cm-s-obsidian span.cm-highlight.cm-strong.cm-em,
|
|
|
|
|
|
.cm-s-obsidian span.cm-quote.cm-highlight.cm-strong.cm-em {
|
|
|
|
|
|
color: var(--md-color-bi-highlight-text);
|
|
|
|
|
|
background: var(--md-color-bi-highlight-bg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.callout strong > em > mark,
|
|
|
|
|
|
.markdown-preview-view.markdown-preview-view strong > em > mark,
|
|
|
|
|
|
.popover strong > em > mark,
|
|
|
|
|
|
.markdown-embed.markdown-embed strong > em > mark,
|
|
|
|
|
|
.reveal strong > em > mark {
|
|
|
|
|
|
background: var(--md-color-bi-highlight-bg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Comments */
|
|
|
|
|
|
.cm-s-obsidian span.cm-comment,
|
|
|
|
|
|
.cm-s-obsidian span.cm-comment.cm-quote {
|
|
|
|
|
|
color: var(--md-color-comment);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Blockquotes──────────*/
|
|
|
|
|
|
/* Source View Blockquotes */
|
|
|
|
|
|
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote {
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
background: var(--md-color-blockquotes-bg);
|
|
|
|
|
|
padding: var(--scale-2-6) var(--scale-2-6) var(--scale-2-6) var(--scale-2-6);
|
|
|
|
|
|
border-left: 2px solid var(--md-color-blockquotes-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .cm-blockquote-border {
|
|
|
|
|
|
border-left: 2px solid var(--md-color-blockquotes-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Source View Emphasis in Blockquotes Fix */
|
|
|
|
|
|
.cm-s-obsidian span.cm-quote {
|
|
|
|
|
|
color: var(--md-color-blockquotes);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian span.cm-formatting-quote {
|
|
|
|
|
|
color: var(--md-color-blockquotes-formatting);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Preview View Blockquotes */
|
|
|
|
|
|
.markdown-preview-view blockquote {
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
background: var(--md-color-blockquotes-bg);
|
|
|
|
|
|
padding: var(--scale-2-8) var(--scale-2-18) var(--scale-2-8) var(--scale-2-18);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
border: 1px solid var(--md-color-blockquotes-border);
|
|
|
|
|
|
margin-left: var(--scale-0-0);
|
|
|
|
|
|
margin-right: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Internal & External Links──────────*/
|
|
|
|
|
|
/* Opacity of Unresolved Links Fix */
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .is-unresolved,
|
|
|
|
|
|
.markdown-preview-view .internal-link.is-unresolved {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Source View Resolved Links */
|
|
|
|
|
|
.markdown-source-view.mod-cm6 span:where(.cm-url.cm-url, .cm-blockid, .cm-inline-code.cm-link, .cm-hmd-internal-link, .cm-header.cm-hmd-internal-link, .cm-hmd-internal-link .cm-underline) {
|
|
|
|
|
|
color: var(--md-color-reslink);
|
|
|
|
|
|
text-decoration: underline solid 1px;
|
|
|
|
|
|
text-underline-position: under;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 span:where(.cm-url.cm-url, .cm-blockid, .cm-inline-code.cm-link, .cm-hmd-internal-link, .cm-header.cm-hmd-internal-link, .cm-hmd-internal-link .cm-underline):hover {
|
|
|
|
|
|
color: var(--md-color-reslink-hover);
|
|
|
|
|
|
text-decoration: underline solid 1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 span:where(.cm-url.cm-url, .cm-blockid, .cm-inline-code.cm-link, .cm-hmd-internal-link, .cm-header.cm-hmd-internal-link, .cm-hmd-internal-link .cm-underline):active {
|
|
|
|
|
|
color: var(--md-color-reslink-active);
|
|
|
|
|
|
text-decoration: underline solid 1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.no-link-underline.no-link-underline .markdown-source-view.mod-cm6 span:where(.cm-url.cm-url, .cm-blockid, .cm-inline-code.cm-link, .cm-hmd-internal-link, .cm-header.cm-hmd-internal-link, .cm-hmd-internal-link .cm-underline) {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Source View Unresolved Links */
|
|
|
|
|
|
.markdown-source-view.mod-cm6 span.is-unresolved span:where(.cm-url, .cm-blockid, .cm-link, .cm-underline) {
|
|
|
|
|
|
color: var(--md-color-unreslink);
|
|
|
|
|
|
text-decoration: underline solid 1px;
|
|
|
|
|
|
text-underline-position: under;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 span.is-unresolved span:where(.cm-url, .cm-blockid, .cm-link, .cm-underline):hover {
|
|
|
|
|
|
color: var(--md-color-unreslink-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 span.is-unresolved span:where(.cm-url, .cm-blockid, .cm-link, .cm-underline):active {
|
|
|
|
|
|
color: var(--md-color-unreslink-active);
|
|
|
|
|
|
}
|
|
|
|
|
|
.no-link-underline.no-link-underline .markdown-source-view.mod-cm6 span.is-unresolved {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-source-view.mod-cm6 span.is-unresolved .cm-hmd-internal-link {
|
|
|
|
|
|
color: var(--md-color-unreslink);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 span.is-unresolved .cm-hmd-internal-link:hover {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.no-link-underline .cm-s-obsidian span.cm-hmd-internal-link:hover {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Legacy Editor Fix */
|
|
|
|
|
|
.markdown-source-view:not(.mod-cm6) .cm-hmd-internal-link {
|
|
|
|
|
|
color: var(--md-color-unreslink);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view:not(.mod-cm6) .cm-hmd-internal-link:hover {
|
|
|
|
|
|
color: var(--md-color-reslink-hover);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view:not(.mod-cm6) .cm-hmd-internal-link:active {
|
|
|
|
|
|
color: var(--md-color-reslink-active);
|
|
|
|
|
|
}
|
|
|
|
|
|
.no-link-underline.no-link-underline .markdown-source-view:not(.mod-cm6) .cm-hmd-internal-link {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Source View External Links */
|
|
|
|
|
|
.markdown-source-view.mod-cm6 span:where(.cm-link, .cm-link .cm-underline, .cm-url) {
|
|
|
|
|
|
color: var(--md-color-extlink);
|
|
|
|
|
|
text-decoration: underline solid 1px;
|
|
|
|
|
|
text-underline-position: under;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 span:where(.cm-link, .cm-link .cm-underline, .cm-url):hover {
|
|
|
|
|
|
color: var(--md-color-extlink-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 span:where(.cm-link, .cm-link .cm-underline, .cm-url):active {
|
|
|
|
|
|
color: var(--md-color-extlink-active);
|
|
|
|
|
|
}
|
|
|
|
|
|
.no-link-underline.no-link-underline .markdown-source-view.mod-cm6 span:where(.cm-link, .cm-link .cm-underline, .cm-url) {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Preview Resolved Links */
|
|
|
|
|
|
.modal a, .view-content a,
|
|
|
|
|
|
.modal a code,
|
|
|
|
|
|
.view-content a code {
|
|
|
|
|
|
color: var(--md-color-reslink);
|
|
|
|
|
|
text-decoration: underline solid 1px;
|
|
|
|
|
|
text-underline-position: under;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal a:hover, .view-content a:hover,
|
|
|
|
|
|
.modal a code:hover,
|
|
|
|
|
|
.view-content a code:hover {
|
|
|
|
|
|
color: var(--md-color-reslink-hover);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal a:active, .view-content a:active,
|
|
|
|
|
|
.modal a code:active,
|
|
|
|
|
|
.view-content a code:active {
|
|
|
|
|
|
color: var(--md-color-reslink-active);
|
|
|
|
|
|
}
|
|
|
|
|
|
.no-link-underline .modal a, .no-link-underline .view-content a,
|
|
|
|
|
|
.no-link-underline .modal a code,
|
|
|
|
|
|
.no-link-underline .view-content a code {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.no-link-underline a,
|
|
|
|
|
|
.no-link-underline a code {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
a:where(a.tag, button.mod-cta a, a.is-unresolved) {
|
|
|
|
|
|
color: var(--md-color-reslink);
|
|
|
|
|
|
text-decoration: underline solid 1px;
|
|
|
|
|
|
text-underline-position: under;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
a:where(a.tag, button.mod-cta a, a.is-unresolved):hover {
|
|
|
|
|
|
color: var(--md-color-reslink-hover);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
a:where(a.tag, button.mod-cta a, a.is-unresolved):active {
|
|
|
|
|
|
color: var(--md-color-reslink-active);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian .internal-link,
|
|
|
|
|
|
.markdown-rendered.cm-embed-block .internal-link,
|
|
|
|
|
|
.markdown-preview-view .internal-link,
|
|
|
|
|
|
div.node-insert-event .internal-link,
|
|
|
|
|
|
.reveal a.internal-link {
|
|
|
|
|
|
color: var(--md-color-reslink);
|
|
|
|
|
|
text-decoration: underline solid 1px;
|
|
|
|
|
|
text-underline-position: under;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .internal-link:hover,
|
|
|
|
|
|
.markdown-rendered.cm-embed-block .internal-link:hover,
|
|
|
|
|
|
.markdown-preview-view .internal-link:hover,
|
|
|
|
|
|
div.node-insert-event .internal-link:hover,
|
|
|
|
|
|
.reveal a.internal-link:hover {
|
|
|
|
|
|
color: var(--md-color-reslink-hover);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .internal-link:active,
|
|
|
|
|
|
.markdown-rendered.cm-embed-block .internal-link:active,
|
|
|
|
|
|
.markdown-preview-view .internal-link:active,
|
|
|
|
|
|
div.node-insert-event .internal-link:active,
|
|
|
|
|
|
.reveal a.internal-link:active {
|
|
|
|
|
|
color: var(--md-color-reslink-active);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .internal-link:where(.is-unresolved),
|
|
|
|
|
|
.markdown-rendered.cm-embed-block .internal-link:where(.is-unresolved),
|
|
|
|
|
|
.markdown-preview-view .internal-link:where(.is-unresolved),
|
|
|
|
|
|
div.node-insert-event .internal-link:where(.is-unresolved),
|
|
|
|
|
|
.reveal a.internal-link:where(.is-unresolved) {
|
|
|
|
|
|
color: var(--md-color-unreslink);
|
|
|
|
|
|
text-decoration: underline solid 1px;
|
|
|
|
|
|
text-underline-position: under;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .internal-link:where(.is-unresolved):hover,
|
|
|
|
|
|
.markdown-rendered.cm-embed-block .internal-link:where(.is-unresolved):hover,
|
|
|
|
|
|
.markdown-preview-view .internal-link:where(.is-unresolved):hover,
|
|
|
|
|
|
div.node-insert-event .internal-link:where(.is-unresolved):hover,
|
|
|
|
|
|
.reveal a.internal-link:where(.is-unresolved):hover {
|
|
|
|
|
|
color: var(--md-color-unreslink-hover);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .internal-link:where(.is-unresolved):active,
|
|
|
|
|
|
.markdown-rendered.cm-embed-block .internal-link:where(.is-unresolved):active,
|
|
|
|
|
|
.markdown-preview-view .internal-link:where(.is-unresolved):active,
|
|
|
|
|
|
div.node-insert-event .internal-link:where(.is-unresolved):active,
|
|
|
|
|
|
.reveal a.internal-link:where(.is-unresolved):active {
|
|
|
|
|
|
color: var(--md-color-unreslink-active);
|
|
|
|
|
|
}
|
|
|
|
|
|
.no-link-underline.no-link-underline .cm-s-obsidian .internal-link,
|
|
|
|
|
|
.no-link-underline.no-link-underline .markdown-rendered.cm-embed-block .internal-link,
|
|
|
|
|
|
.no-link-underline.no-link-underline .markdown-preview-view .internal-link,
|
|
|
|
|
|
.no-link-underline.no-link-underline div.node-insert-event .internal-link,
|
|
|
|
|
|
.no-link-underline.no-link-underline .reveal a.internal-link {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Preview External Links */
|
|
|
|
|
|
.markdown-rendered.cm-embed-block .external-link,
|
|
|
|
|
|
.markdown-preview-view .external-link,
|
|
|
|
|
|
div.node-insert-event .external-link,
|
|
|
|
|
|
.reveal .external-link {
|
|
|
|
|
|
color: var(--md-color-extlink);
|
|
|
|
|
|
text-decoration: underline solid 1px;
|
|
|
|
|
|
text-underline-position: under;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-rendered.cm-embed-block .external-link:hover,
|
|
|
|
|
|
.markdown-preview-view .external-link:hover,
|
|
|
|
|
|
div.node-insert-event .external-link:hover,
|
|
|
|
|
|
.reveal .external-link:hover {
|
|
|
|
|
|
color: var(--md-color-extlink-hover);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-rendered.cm-embed-block .external-link:active,
|
|
|
|
|
|
.markdown-preview-view .external-link:active,
|
|
|
|
|
|
div.node-insert-event .external-link:active,
|
|
|
|
|
|
.reveal .external-link:active {
|
|
|
|
|
|
color: var(--md-color-extlink-active);
|
|
|
|
|
|
}
|
|
|
|
|
|
.no-link-underline.no-link-underline .markdown-rendered.cm-embed-block .external-link,
|
|
|
|
|
|
.no-link-underline.no-link-underline .markdown-preview-view .external-link,
|
|
|
|
|
|
.no-link-underline.no-link-underline div.node-insert-event .external-link,
|
|
|
|
|
|
.no-link-underline.no-link-underline .reveal .external-link {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* External Link Icon Position Fix */
|
|
|
|
|
|
.external-link {
|
|
|
|
|
|
background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(136, 136, 136)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'%3E%3C/line%3E%3Cpolyline points='7 7 17 7 17 17'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
background-size: 16px;
|
|
|
|
|
|
background-position-y: initial;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Tags──────────*/
|
|
|
|
|
|
.popover span.cm-hashtag,
|
|
|
|
|
|
.popover .tag,
|
|
|
|
|
|
.cm-s-obsidian span.cm-hashtag,
|
|
|
|
|
|
.tag:not(.token) {
|
|
|
|
|
|
color: var(--md-color-tag);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
font-weight: var(--font-bold);
|
|
|
|
|
|
line-height: var(--line-height-1);
|
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .popover span.cm-hashtag,
|
|
|
|
|
|
.theme-light .popover .tag,
|
|
|
|
|
|
.theme-light .cm-s-obsidian span.cm-hashtag,
|
|
|
|
|
|
.theme-light .tag:not(.token) {
|
|
|
|
|
|
border-top: 1px solid rgba(100, 100, 100, 0.3);
|
|
|
|
|
|
border-bottom: 1px solid rgba(100, 100, 100, 0.3);
|
|
|
|
|
|
box-shadow: 0px -1px 0px 0px rgba(100, 100, 100, 0.1) inset, 0px 1px 1px 0px rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .popover span.cm-hashtag,
|
|
|
|
|
|
.theme-dark .popover .tag,
|
|
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-hashtag,
|
|
|
|
|
|
.theme-dark .tag:not(.token) {
|
|
|
|
|
|
border-top: 1px solid rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover span.cm-hashtag:hover,
|
|
|
|
|
|
.popover .tag:hover,
|
|
|
|
|
|
.cm-s-obsidian span.cm-hashtag:hover,
|
|
|
|
|
|
.tag:not(.token):hover {
|
|
|
|
|
|
color: var(--md-color-tag-hover);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover span.cm-hashtag:active,
|
|
|
|
|
|
.popover .tag:active,
|
|
|
|
|
|
.cm-s-obsidian span.cm-hashtag:active,
|
|
|
|
|
|
.tag:not(.token):active {
|
|
|
|
|
|
color: var(--md-color-tag-active);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Font Sizing for Tags */
|
|
|
|
|
|
.cm-s-obsidian span.cm-hashtag:not(.cm-header),
|
|
|
|
|
|
.tag:not(.token, h1, h2, h3, h4, h5, h6) {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Font Family for Tags */
|
|
|
|
|
|
.cm-s-obsidian span.cm-hashtag {
|
|
|
|
|
|
font-family: var(--font-editor);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tag:not(.token) {
|
|
|
|
|
|
font-family: var(--font-preview);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace .cm-s-obsidian span.cm-hashtag-begin {
|
|
|
|
|
|
border-top-left-radius: var(--scale-8-4);
|
|
|
|
|
|
border-bottom-left-radius: var(--scale-8-4);
|
|
|
|
|
|
padding-left: 0.55em;
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
border-right: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace .cm-s-obsidian span.cm-hashtag-begin {
|
|
|
|
|
|
border-left: 1px solid rgba(100, 100, 100, 0.3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace .cm-s-obsidian span.cm-hashtag-begin {
|
|
|
|
|
|
border-left: 1px solid rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace .cm-s-obsidian span.cm-hashtag-end {
|
|
|
|
|
|
border-top-right-radius: var(--scale-8-4);
|
|
|
|
|
|
border-bottom-right-radius: var(--scale-8-4);
|
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
|
padding-right: 0.55em;
|
|
|
|
|
|
border-left: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace .cm-s-obsidian span.cm-hashtag-end {
|
|
|
|
|
|
border-right: 1px solid rgba(100, 100, 100, 0.3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace .cm-s-obsidian span.cm-hashtag-end {
|
|
|
|
|
|
border-right: 1px solid rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tag:not(.token) {
|
|
|
|
|
|
padding: 0 0.55em 0 0.55em;
|
|
|
|
|
|
border-radius: var(--scale-8-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .tag:not(.token) {
|
|
|
|
|
|
border: 1px solid rgba(100, 100, 100, 0.3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .tag:not(.token) {
|
|
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Lists──────────*/
|
|
|
|
|
|
/* Removed Weird padding-top on Source View */
|
|
|
|
|
|
.cm-s-obsidian .HyperMD-list-line {
|
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .list-bullet:after {
|
|
|
|
|
|
top: initial;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .list-bullet:after {
|
|
|
|
|
|
content: "-";
|
|
|
|
|
|
font-family: var(--font-monospace-theme);
|
|
|
|
|
|
font-size: 1.25em;
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .cm-list-2 .list-bullet:after {
|
|
|
|
|
|
content: "•";
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .cm-list-3 .list-bullet:after {
|
|
|
|
|
|
content: "◦";
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
span.cm-formatting.cm-formatting-list,
|
|
|
|
|
|
span.list-bullet,
|
|
|
|
|
|
li::marker {
|
|
|
|
|
|
color: var(--md-color-bullet);
|
|
|
|
|
|
font-size: var(--font-scale-0);
|
|
|
|
|
|
font-family: var(--font-monospace-theme);
|
|
|
|
|
|
font-variant-numeric: tabular-nums;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
vertical-align: 0px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view .list-collapse-indicator {
|
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Ordered List / Number List */
|
|
|
|
|
|
ol,
|
|
|
|
|
|
ol ol ol,
|
|
|
|
|
|
ol ol ol ol ol,
|
|
|
|
|
|
ol ol ol ol ol ol ol,
|
|
|
|
|
|
ol ol ol ol ol ol ol ol ol,
|
|
|
|
|
|
ol ol ol ol ol ol ol ol ol ol ol,
|
|
|
|
|
|
ol ol ol ol ol ol ol ol ol ol ol ol ol,
|
|
|
|
|
|
ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol {
|
|
|
|
|
|
list-style-type: decimal;
|
|
|
|
|
|
padding-left: 2ch;
|
|
|
|
|
|
margin-left: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ol ol,
|
|
|
|
|
|
ol ol ol ol,
|
|
|
|
|
|
ol ol ol ol ol ol,
|
|
|
|
|
|
ol ol ol ol ol ol ol ol,
|
|
|
|
|
|
ol ol ol ol ol ol ol ol ol ol,
|
|
|
|
|
|
ol ol ol ol ol ol ol ol ol ol ol ol,
|
|
|
|
|
|
ol ol ol ol ol ol ol ol ol ol ol ol ol ol {
|
|
|
|
|
|
list-style-type: lower-alpha;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Unordered List / Bullet List */
|
|
|
|
|
|
ul,
|
|
|
|
|
|
ul ul ul ul,
|
|
|
|
|
|
ul ul ul ul ul ul ul,
|
|
|
|
|
|
ul ul ul ul ul ul ul ul ul ul,
|
|
|
|
|
|
ul ul ul ul ul ul ul ul ul ul ul ul ul {
|
|
|
|
|
|
list-style-type: "– ";
|
|
|
|
|
|
padding-left: 2ch;
|
|
|
|
|
|
margin-left: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ul ul,
|
|
|
|
|
|
ul ul ul ul ul,
|
|
|
|
|
|
ul ul ul ul ul ul ul ul,
|
|
|
|
|
|
ul ul ul ul ul ul ul ul ul ul ul,
|
|
|
|
|
|
ul ul ul ul ul ul ul ul ul ul ul ul ul ul {
|
|
|
|
|
|
list-style-type: disc;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ul ul ul,
|
|
|
|
|
|
ul ul ul ul ul ul,
|
|
|
|
|
|
ul ul ul ul ul ul ul ul ul,
|
|
|
|
|
|
ul ul ul ul ul ul ul ul ul ul ul ul,
|
|
|
|
|
|
ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {
|
|
|
|
|
|
list-style-type: circle;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Footnotes──────────*/
|
|
|
|
|
|
/* Source View */
|
|
|
|
|
|
.cm-s-obsidian span.cm-footref {
|
|
|
|
|
|
color: var(--md-color-footnote-link);
|
|
|
|
|
|
font-size: 70% !important;
|
|
|
|
|
|
text-decoration: none !important;
|
|
|
|
|
|
vertical-align: super;
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian span.cm-footref:hover {
|
|
|
|
|
|
color: var(--md-color-footnote-link-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian span.cm-footref:active {
|
|
|
|
|
|
color: var(--md-color-footnote-link-active);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Section */
|
|
|
|
|
|
.cm-s-obsidian span:where(.cm-hmd-footnote.cm-link) .cm-underline {
|
|
|
|
|
|
color: var(--md-color-footnote-link);
|
|
|
|
|
|
text-decoration: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian span:where(.cm-hmd-footnote.cm-link) .cm-underline:hover {
|
|
|
|
|
|
color: var(--md-color-footnote-link-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian span:where(.cm-hmd-footnote.cm-link) .cm-underline:active {
|
|
|
|
|
|
color: var(--md-color-footnote-link-active);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
section.footnotes {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
line-height: 1.4;
|
|
|
|
|
|
}
|
|
|
|
|
|
section.footnotes a.footnote-link {
|
|
|
|
|
|
color: var(--md-color-text-muted);
|
|
|
|
|
|
background: var(--background-primary-alt);
|
|
|
|
|
|
padding: 0 2px;
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-8-4);
|
|
|
|
|
|
margin: 0 2px;
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
}
|
|
|
|
|
|
section.footnotes a.footnote-link:hover {
|
|
|
|
|
|
color: var(--md-color-footnote-link-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
section.footnotes a.footnote-link:active {
|
|
|
|
|
|
color: var(--md-color-footnote-link-active);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Preview View */
|
|
|
|
|
|
a.footnote-link {
|
|
|
|
|
|
color: var(--md-color-footnote-link);
|
|
|
|
|
|
font-size: 70%;
|
|
|
|
|
|
text-decoration: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
h1 a.footnote-link, h2 a.footnote-link, h3 a.footnote-link, h4 a.footnote-link, h5 a.footnote-link, h6 a.footnote-link {
|
|
|
|
|
|
font-size: 70%;
|
|
|
|
|
|
text-decoration: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
a.footnote-link:hover {
|
|
|
|
|
|
color: var(--md-color-footnote-link-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
a.footnote-link:active {
|
|
|
|
|
|
color: var(--md-color-footnote-link-active);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Checkboxes──────────*/
|
|
|
|
|
|
input[type=checkbox] {
|
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
|
appearance: none;
|
|
|
|
|
|
filter: none;
|
|
|
|
|
|
height: calc(3px + var(--font-text-size));
|
|
|
|
|
|
width: calc(3px + var(--font-text-size));
|
|
|
|
|
|
border-radius: var(--ch-radius);
|
|
|
|
|
|
border: 1px solid var(--text-faint);
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
margin-left: 6px;
|
|
|
|
|
|
margin-right: 0.5ch;
|
|
|
|
|
|
}
|
|
|
|
|
|
input[type=checkbox]:hover {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
transition: var(--duration-fast-1) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[type=checkbox]:checked {
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 72%;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill: %23fff' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[type=checkbox] {
|
|
|
|
|
|
background-color: var(--md-unchecked-bg-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[type=checkbox]:hover {
|
|
|
|
|
|
background-color: var(--md-unchecked-bg-color-hover);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px var(--color-l-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[type=checkbox]:active, .theme-light input[type=checkbox]:checked:active {
|
|
|
|
|
|
background-color: var(--md-unchecked-bg-color-active);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px var(--color-l-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[type=checkbox]:checked {
|
|
|
|
|
|
background-color: var(--md-checked-bg-color);
|
|
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark input[type=checkbox] {
|
|
|
|
|
|
background-color: var(--md-unchecked-bg-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark input[type=checkbox]:hover {
|
|
|
|
|
|
background-color: var(--md-unchecked-bg-color-hover);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px var(--text-faint);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark input[type=checkbox]:active, .theme-dark input[type=checkbox]:checked:active {
|
|
|
|
|
|
background-color: var(--md-unchecked-bg-color-active);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px var(--text-faint);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark input[type=checkbox]:checked {
|
|
|
|
|
|
background-color: var(--md-checked-bg-color);
|
|
|
|
|
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-source-view .HyperMD-task-line:is([data-task=x], [data-task=X]):hover,
|
|
|
|
|
|
.task-list-item.is-checked:hover {
|
|
|
|
|
|
text-decoration: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Source View Checkbox Fix */
|
|
|
|
|
|
.markdown-source-view input.task-list-item-checkbox {
|
|
|
|
|
|
margin-top: -3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian span.cm-formatting-task {
|
|
|
|
|
|
font-family: var(--font-monospace-theme);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian .task-list-item-checkbox {
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Inline Code/Codeblocks
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.theme-light pre[class*=language-],
|
|
|
|
|
|
.theme-dark pre[class*=language-] {
|
|
|
|
|
|
color: var(--md-color-code-red-1);
|
|
|
|
|
|
padding: var(--scale-2-8) var(--scale-2-8) var(--scale-2-8) var(--scale-2-8);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light code.is-loaded,
|
|
|
|
|
|
.theme-dark code.is-loaded {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian .cm-inline-code,
|
|
|
|
|
|
.cm-s-obsidian .cm-hmd-codeblock,
|
|
|
|
|
|
.cm-s-obsidian .cm-math,
|
|
|
|
|
|
.cm-s-obsidian .cm-attribute,
|
|
|
|
|
|
.cm-s-obsidian .cm-string:not(.cm-url),
|
|
|
|
|
|
.cm-s-obsidian .cm-tag,
|
|
|
|
|
|
div[data-tag-name=pre] code,
|
|
|
|
|
|
pre code,
|
|
|
|
|
|
code,
|
|
|
|
|
|
.markdown-preview-view code {
|
|
|
|
|
|
font-family: var(--font-monospace-theme);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian .HyperMD-codeblock {
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
padding: 0 var(--scale-2-8);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
pre code {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian .cm-math {
|
|
|
|
|
|
font-size: 90%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
code,
|
|
|
|
|
|
.cm-s-obsidian span.cm-inline-code:not(.cm-formatting-code),
|
|
|
|
|
|
.markdown-preview-view pre code {
|
|
|
|
|
|
padding: var(--scale-2-1) var(--scale-2-3);
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian span.cm-inline-code.cm-formatting-code {
|
|
|
|
|
|
padding: var(--scale-2-1) 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian div.HyperMD-codeblock-begin-bg {
|
|
|
|
|
|
border-top-left-radius: var(--scale-2-3);
|
|
|
|
|
|
border-top-right-radius: var(--scale-2-3);
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian div.HyperMD-codeblock-end-bg {
|
|
|
|
|
|
border-bottom-left-radius: var(--scale-2-3);
|
|
|
|
|
|
border-bottom-right-radius: var(--scale-2-3);
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view pre {
|
|
|
|
|
|
border-radius: var(--scale-2-3);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Inline Code/Codeblocks
|
|
|
|
|
|
Syntax Highlighting──────────*/
|
|
|
|
|
|
.theme-light .markdown-preview-view pre code.is-loaded, .theme-dark .markdown-preview-view pre code.is-loaded {
|
|
|
|
|
|
background: var(--background-primary-alt);
|
|
|
|
|
|
border: var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view code {
|
|
|
|
|
|
padding: var(--scale-2-1) var(--scale-2-3);
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian span.cm-formatting-math.cm-math.cm-math,
|
|
|
|
|
|
.cm-s-obsidian span.cm-meta:not(.cm-hashtag) {
|
|
|
|
|
|
color: var(--md-color-text-faint);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian span.cm-tag,
|
|
|
|
|
|
.cm-s-obsidian span.cm-property,
|
|
|
|
|
|
.markdown-preview-view span.token.property,
|
|
|
|
|
|
.markdown-preview-view span.token.property-access {
|
|
|
|
|
|
color: var(--md-color-code-yellow-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian span.cm-number,
|
|
|
|
|
|
.cm-s-obsidian span.cm-string:not(.cm-url),
|
|
|
|
|
|
.markdown-preview-view span.token.string,
|
|
|
|
|
|
.markdown-preview-view span.token.number {
|
|
|
|
|
|
color: var(--md-color-code-yellow-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
code,
|
|
|
|
|
|
pre code,
|
|
|
|
|
|
.cm-s-obsidian .cm-inline-code:not(.cm-formatting-code),
|
|
|
|
|
|
.cm-s-obsidian span.cm-bracket,
|
|
|
|
|
|
.cm-s-obsidian span.cm-math,
|
|
|
|
|
|
.cm-s-obsidian .cm-hmd-codeblock,
|
|
|
|
|
|
.markdown-preview-view pre code.is-loaded,
|
|
|
|
|
|
.markdown-preview-view pre code,
|
|
|
|
|
|
.markdown-preview-view code,
|
|
|
|
|
|
.markdown-rendered code {
|
|
|
|
|
|
color: var(--md-color-code-red-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian span.cm-error,
|
|
|
|
|
|
.cm-s-obsidian span.cm-def,
|
|
|
|
|
|
.cm-s-obsidian span.cm-attribute,
|
|
|
|
|
|
.markdown-preview-view span.token.function,
|
|
|
|
|
|
.markdown-preview-view span.token.parameter,
|
|
|
|
|
|
.markdown-preview-view span.token.attr-name {
|
|
|
|
|
|
color: var(--md-color-code-red-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian span.cm-variable-2,
|
|
|
|
|
|
.cm-s-obsidian span.cm-math.cm-variable-2,
|
|
|
|
|
|
.cm-s-obsidian span.cm-keyword,
|
|
|
|
|
|
.markdown-preview-view span.token.keyword,
|
|
|
|
|
|
.markdown-preview-view span.token.url,
|
|
|
|
|
|
.markdown-preview-view span.token.class-name,
|
|
|
|
|
|
.markdown-preview-view span.token.tag {
|
|
|
|
|
|
color: var(--md-color-code-blue-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian span.cm-variable,
|
|
|
|
|
|
.markdown-preview-view span.token.important {
|
|
|
|
|
|
color: var(--md-color-code-blue-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian span.cm-formatting-code,
|
|
|
|
|
|
.cm-s-obsidian .cm-formatting-code-block,
|
|
|
|
|
|
.markdown-preview-view span.token.punctuation,
|
|
|
|
|
|
.markdown-preview-view span.token.operator {
|
|
|
|
|
|
color: var(--md-color-code-gray);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
mjx-math {
|
|
|
|
|
|
color: var(--md-color-code-white);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-source-view.mod-cm6 span.code-block-flair[aria-label=Copy] {
|
|
|
|
|
|
color: var(--md-color-code-gray);
|
|
|
|
|
|
font-family: var(--font-monospace-theme);
|
|
|
|
|
|
font-size: var(--font-scale-1);
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
margin-top: var(--scale-2-1);
|
|
|
|
|
|
margin-right: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Horizontal Rule──────────*/
|
|
|
|
|
|
.theme-light span.cm-hr,
|
|
|
|
|
|
.theme-dark span.cm-hr {
|
|
|
|
|
|
font-family: var(--font-monospace-theme);
|
|
|
|
|
|
color: var(--md-color-comment);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view hr {
|
|
|
|
|
|
font-family: var(--font-monospace-theme);
|
|
|
|
|
|
color: var(--md-color-border);
|
|
|
|
|
|
border-width: 1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Embeds
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*──────────Live Preview──────────*/
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .file-embed {
|
|
|
|
|
|
border-width: 1px;
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
padding: 15px 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .cm-embed-block {
|
|
|
|
|
|
font-family: var(--font-editor);
|
|
|
|
|
|
border: 1px solid transparent;
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .cm-embed-block:hover {
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .cm-embed-block .edit-block-button {
|
|
|
|
|
|
top: var(--scale-2-2);
|
|
|
|
|
|
left: var(--scale-2-2);
|
|
|
|
|
|
right: unset;
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-embed-block .edit-block-button {
|
|
|
|
|
|
color: var(--color-l-gray-60);
|
|
|
|
|
|
background: var(--color-l-gray-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-embed-block .edit-block-button:hover {
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .cm-embed-block .edit-block-button:active {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-embed-block .edit-block-button {
|
|
|
|
|
|
color: var(--color-d-gray-30);
|
|
|
|
|
|
background: var(--color-d-gray-90);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-embed-block .edit-block-button:hover {
|
|
|
|
|
|
background: var(--color-d-gray-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-embed-block .edit-block-button:active {
|
|
|
|
|
|
color: var(--color-d-gray-50);
|
|
|
|
|
|
background: var(--color-d-black);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────── Media ──────────*/
|
|
|
|
|
|
.workspace-leaf-content video[src],
|
|
|
|
|
|
.view-content .markdown-preview-view video[src],
|
|
|
|
|
|
.popover video[src],
|
|
|
|
|
|
.reveal video[src],
|
|
|
|
|
|
.workspace-leaf-content img[src],
|
|
|
|
|
|
.view-content .markdown-preview-view img[src],
|
|
|
|
|
|
.popover img[src],
|
|
|
|
|
|
.reveal img[src] {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
border: 1px solid rgba(100, 100, 100, 0.25);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
transition: var(--duration-fast-1) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-leaf-content video[src]:hover,
|
|
|
|
|
|
.view-content .markdown-preview-view video[src]:hover,
|
|
|
|
|
|
.popover video[src]:hover,
|
|
|
|
|
|
.reveal video[src]:hover,
|
|
|
|
|
|
.workspace-leaf-content img[src]:hover,
|
|
|
|
|
|
.view-content .markdown-preview-view img[src]:hover,
|
|
|
|
|
|
.popover img[src]:hover,
|
|
|
|
|
|
.reveal img[src]:hover {
|
|
|
|
|
|
border-radius: var(--scale-0-0);
|
|
|
|
|
|
box-shadow: var(--shadow-m) var(--background-modifier-box-shadow);
|
|
|
|
|
|
transform: translateY(-2px);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Markdown Embed──────────*/
|
|
|
|
|
|
.popover .markdown-embed,
|
|
|
|
|
|
.markdown-embed {
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-2-6);
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .markdown-embed .markdown-preview-view,
|
|
|
|
|
|
.markdown-embed .markdown-preview-view {
|
|
|
|
|
|
/* Markdown Embed Padding with Readable Line Width OFF */
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-8-4) var(--scale-0-0) var(--scale-8-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-live-preview .popover .markdown-embed,
|
|
|
|
|
|
.is-live-preview .markdown-embed {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-0-0) var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .markdown-embed-title,
|
|
|
|
|
|
.markdown-embed-title {
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
font-size: var(--font-scale-1);
|
|
|
|
|
|
line-height: var(--line-height-1);
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
padding: var(--scale-2-3) var(--scale-8-5) var(--scale-2-3) var(--scale-2-6);
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .markdown-embed-link,
|
|
|
|
|
|
.markdown-embed-link {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
margin: var(--scale-2-4) var(--scale-2-6) var(--scale-8-1) var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .popover .markdown-embed,
|
|
|
|
|
|
.theme-light .markdown-embed {
|
|
|
|
|
|
background: var(--md-embed-bg);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .popover .markdown-embed,
|
|
|
|
|
|
.theme-dark .markdown-embed {
|
|
|
|
|
|
background: var(--md-embed-bg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-source-view .markdown-embed-title {
|
|
|
|
|
|
font-family: var(--font-editor);
|
|
|
|
|
|
line-height: 1.3;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view .markdown-embed-title {
|
|
|
|
|
|
font-family: var(--font-preview);
|
|
|
|
|
|
line-height: 1.4;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Mermaid JS (Diagram Generator)──────────*/
|
|
|
|
|
|
.mermaid line {
|
|
|
|
|
|
stroke: var(--md-color-text-faint) !important;
|
|
|
|
|
|
fill: var(--md-color-text-faint) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.mermaid rect.actor {
|
|
|
|
|
|
stroke: var(--md-color-border) !important;
|
|
|
|
|
|
fill: var(--background-secondary) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.mermaid tspan, .mermaid text.messageText {
|
|
|
|
|
|
font-size: var(--font-scale-1) !important;
|
|
|
|
|
|
font-family: var(--font-monospace-theme) !important;
|
|
|
|
|
|
font-weight: var(--font-regular);
|
|
|
|
|
|
stroke: none !important;
|
|
|
|
|
|
fill: var(--color-gray-10) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.mermaid .node .label {
|
|
|
|
|
|
font-size: var(--font-scale-0);
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Callouts
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/* Sizing Fixes */
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .HyperMD-quote.HyperMD-callout {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .HyperMD-quote.HyperMD-callout + .HyperMD-quote, .markdown-source-view.mod-cm6 .HyperMD-quote.HyperMD-callout + .HyperMD-quote + .HyperMD-quote, .markdown-source-view.mod-cm6 .HyperMD-quote.HyperMD-callout + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote, .markdown-source-view.mod-cm6 .HyperMD-quote.HyperMD-callout + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote, .markdown-source-view.mod-cm6 .HyperMD-quote.HyperMD-callout + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote, .markdown-source-view.mod-cm6 .HyperMD-quote.HyperMD-callout + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote, .markdown-source-view.mod-cm6 .HyperMD-quote.HyperMD-callout + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote, .markdown-source-view.mod-cm6 .HyperMD-quote.HyperMD-callout + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote, .markdown-source-view.mod-cm6 .HyperMD-quote.HyperMD-callout + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote, .markdown-source-view.mod-cm6 .HyperMD-quote.HyperMD-callout + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* space for shadow */
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .cm-embed-block.cm-callout {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
padding-bottom: 6px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.callout {
|
|
|
|
|
|
line-height: var(--line-height-1);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view .callout {
|
|
|
|
|
|
font-family: var(--font-editor);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .callout {
|
|
|
|
|
|
margin: 0 0;
|
|
|
|
|
|
border-top-right-radius: var(--scale-2-4);
|
|
|
|
|
|
border-bottom-right-radius: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view .callout {
|
|
|
|
|
|
font-family: var(--font-preview);
|
|
|
|
|
|
}
|
|
|
|
|
|
.callout-title {
|
|
|
|
|
|
padding: var(--scale-2-4) 1em;
|
|
|
|
|
|
border-top-right-radius: var(--scale-2-4);
|
|
|
|
|
|
border-top-left-radius: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.callout.is-collapsed .callout-title {
|
|
|
|
|
|
border-bottom-left-radius: var(--scale-2-4);
|
|
|
|
|
|
border-bottom-right-radius: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.callout-content {
|
|
|
|
|
|
padding: var(--scale-0-0) 1em;
|
|
|
|
|
|
border-bottom-right-radius: var(--scale-2-4);
|
|
|
|
|
|
border-bottom-left-radius: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Nested Markdown Fixes */
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .callout .callout {
|
|
|
|
|
|
margin: var(--scale-8-2) var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.callout .callout .callout-content {
|
|
|
|
|
|
border-right: none;
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.callout-icon svg,
|
|
|
|
|
|
.callout-fold svg {
|
|
|
|
|
|
height: var(--font-text-size);
|
|
|
|
|
|
width: var(--font-text-size);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.callout-icon,
|
|
|
|
|
|
.callout-fold {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* General Styling */
|
|
|
|
|
|
.callout {
|
|
|
|
|
|
border: 1px solid rgba(var(--callout-color), 0.2);
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .callout {
|
|
|
|
|
|
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .callout {
|
|
|
|
|
|
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .callout-title {
|
|
|
|
|
|
background: rgba(var(--callout-color), 0.2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .callout-title {
|
|
|
|
|
|
background: rgba(var(--callout-color), 0.2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .callout-title .callout-icon {
|
|
|
|
|
|
filter: brightness(0.75);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .callout-title .callout-icon {
|
|
|
|
|
|
filter: brightness(1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .callout.is-collapsed .callout-title {
|
|
|
|
|
|
box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.05) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .callout.is-collapsed .callout-title {
|
|
|
|
|
|
box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.175) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.callout-fold {
|
|
|
|
|
|
color: rgba(var(--callout-color), 1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .callout-fold {
|
|
|
|
|
|
filter: brightness(0.75);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .callout-fold {
|
|
|
|
|
|
filter: brightness(1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .callout-content {
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .callout-content {
|
|
|
|
|
|
background: var(--color-d-black);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.175) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Callout Colors */
|
|
|
|
|
|
.theme-light,
|
|
|
|
|
|
.theme-dark {
|
|
|
|
|
|
--callout-color-general: 200, 175, 155;
|
|
|
|
|
|
--callout-color-note: 145, 125, 105;
|
|
|
|
|
|
--callout-color-abstract: 34, 152, 225;
|
|
|
|
|
|
--callout-color-summary: 255, 221, 88;
|
|
|
|
|
|
--callout-color-tldr: 240, 180, 225;
|
|
|
|
|
|
--callout-color-info: 0, 171, 197;
|
|
|
|
|
|
--callout-color-todo: 0, 171, 197;
|
|
|
|
|
|
--callout-color-tip: 70, 206, 185;
|
|
|
|
|
|
--callout-color-hint: 70, 206, 185;
|
|
|
|
|
|
--callout-color-important: 244, 87, 93;
|
|
|
|
|
|
--callout-color-success: 100, 175, 255;
|
|
|
|
|
|
--callout-color-success-bg: linear-gradient(45deg, #ef92af70, #7bd7e970, #81e1a570, #ffda2b70);
|
|
|
|
|
|
--callout-color-check: 0, 200, 83;
|
|
|
|
|
|
--callout-color-done: 0, 200, 83;
|
|
|
|
|
|
--callout-color-question: 130, 190, 235;
|
|
|
|
|
|
--callout-color-help: 150, 95, 255;
|
|
|
|
|
|
--callout-color-faq: 130, 190, 235;
|
|
|
|
|
|
--callout-color-warning: 255, 161, 32;
|
|
|
|
|
|
--callout-color-caution: 255, 161, 32;
|
|
|
|
|
|
--callout-color-attention: 255, 161, 32;
|
|
|
|
|
|
--callout-color-failure: 226, 72, 86;
|
|
|
|
|
|
--callout-color-missing: 226, 72, 86;
|
|
|
|
|
|
--callout-color-danger: 226, 72, 86;
|
|
|
|
|
|
--callout-color-error: 226, 72, 86;
|
|
|
|
|
|
--callout-color-bug: 206, 91, 124;
|
|
|
|
|
|
--callout-color-example: 173, 102, 234;
|
|
|
|
|
|
--callout-color-quote: 158, 158, 158;
|
|
|
|
|
|
--callout-color-cite: 158, 158, 158;
|
|
|
|
|
|
/* Primary Custom Callouts */
|
|
|
|
|
|
--callout-color-pro: 147, 241, 62;
|
|
|
|
|
|
--callout-color-con: 255, 75, 75;
|
|
|
|
|
|
--callout-color-idea: 247, 141, 25;
|
|
|
|
|
|
--callout-color-morning: 149, 197, 194;
|
|
|
|
|
|
--callout-color-meditate: 149, 197, 194;
|
|
|
|
|
|
--callout-color-money: 144, 194, 120;
|
|
|
|
|
|
--callout-color-backlog: 79, 160, 178;
|
|
|
|
|
|
--callout-color-inprogress: 226, 183, 35;
|
|
|
|
|
|
--callout-color-currently: 57, 210, 169;
|
|
|
|
|
|
--callout-color-target: 247, 87, 87;
|
|
|
|
|
|
--callout-color-btc: 236, 136, 25;
|
|
|
|
|
|
--callout-color-resources: 206, 91, 124;
|
|
|
|
|
|
--callout-color-links: 57, 175, 222;
|
|
|
|
|
|
--callout-color-related: 124, 126, 255;
|
|
|
|
|
|
--callout-color-world: 185, 208, 57;
|
|
|
|
|
|
--callout-color-backstory: 72, 108, 231;
|
|
|
|
|
|
--callout-color-feature: 255, 161, 32;
|
|
|
|
|
|
--callout-color-conflict: 232, 101, 101;
|
|
|
|
|
|
--callout-color-translate: 100, 214, 255;
|
|
|
|
|
|
--callout-color-shop: 237, 160, 200;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Callout Type Styling */
|
|
|
|
|
|
div.callout {
|
|
|
|
|
|
--callout-color: var(--callout-color-general);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=note] {
|
|
|
|
|
|
--callout-color: var(--callout-color-note);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=note] .callout-title {
|
|
|
|
|
|
background: rgb(var(--callout-color), 0.03);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=abstract] {
|
|
|
|
|
|
--callout-icon: loader;
|
|
|
|
|
|
--callout-color: var(--callout-color-abstract);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=summary] {
|
|
|
|
|
|
--callout-icon: align-justify;
|
|
|
|
|
|
--callout-color: var(--callout-color-summary);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=tldr] {
|
|
|
|
|
|
--callout-icon: clock-4;
|
|
|
|
|
|
--callout-color: var(--callout-color-tldr);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=tldr] .callout-title {
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=info] {
|
|
|
|
|
|
--callout-color: var(--callout-color-info);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=todo] {
|
|
|
|
|
|
--callout-icon: check-square;
|
|
|
|
|
|
--callout-color: var(--callout-color-todo);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=tip] {
|
|
|
|
|
|
--callout-icon: clover;
|
|
|
|
|
|
--callout-color: var(--callout-color-tip);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=hint] {
|
|
|
|
|
|
--callout-icon: search;
|
|
|
|
|
|
--callout-color: var(--callout-color-hint);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=important] {
|
|
|
|
|
|
--callout-icon: asterisk;
|
|
|
|
|
|
--callout-color: var(--callout-color-important);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=check] {
|
|
|
|
|
|
--callout-icon: check;
|
|
|
|
|
|
--callout-color: var(--callout-color-check);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=done] {
|
|
|
|
|
|
--callout-icon: check;
|
|
|
|
|
|
--callout-color: var(--callout-color-done);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=question] {
|
|
|
|
|
|
--callout-color: var(--callout-color-question);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=help] {
|
|
|
|
|
|
--callout-color: var(--callout-color-help);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=faq] {
|
|
|
|
|
|
--callout-color: var(--callout-color-faq);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=warning] {
|
|
|
|
|
|
--callout-color: var(--callout-color-warning);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=caution] {
|
|
|
|
|
|
--callout-color: var(--callout-color-caution);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=attention] {
|
|
|
|
|
|
--callout-color: var(--callout-color-attention);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=fail], div.callout[data-callout=failure] {
|
|
|
|
|
|
--callout-color: var(--callout-color-failure);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=missing] {
|
|
|
|
|
|
--callout-color: var(--callout-color-missing);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=danger] {
|
|
|
|
|
|
--callout-color: var(--callout-color-danger);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=error] {
|
|
|
|
|
|
--callout-icon: alert-circle;
|
|
|
|
|
|
--callout-color: var(--callout-color-error);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=bug] {
|
|
|
|
|
|
--callout-color: var(--callout-color-bug);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=example] {
|
|
|
|
|
|
--callout-color: var(--callout-color-example);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=quote] {
|
|
|
|
|
|
--callout-color: var(--callout-color-quote);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=cite] {
|
|
|
|
|
|
--callout-color: var(--callout-color-cite);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=pro] {
|
|
|
|
|
|
--callout-icon: thumbs-up;
|
|
|
|
|
|
--callout-color: var(--callout-color-pro);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=con] {
|
|
|
|
|
|
--callout-icon: thumbs-down;
|
|
|
|
|
|
--callout-color: var(--callout-color-con);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=idea] {
|
|
|
|
|
|
--callout-icon: lightbulb;
|
|
|
|
|
|
--callout-color: var(--callout-color-idea);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=coffee], div.callout[data-callout=morning] {
|
|
|
|
|
|
--callout-icon: coffee;
|
|
|
|
|
|
--callout-color: var(--callout-color-morning);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=meditation], div.callout[data-callout=meditate] {
|
|
|
|
|
|
--callout-icon: sprout;
|
|
|
|
|
|
--callout-color: var(--callout-color-meditate);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout*=celebrate], div.callout[data-callout*=success] {
|
|
|
|
|
|
--callout-icon: flag;
|
|
|
|
|
|
--callout-color: var(--callout-color-success);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout*=celebrate] .callout-title, div.callout[data-callout*=success] .callout-title {
|
|
|
|
|
|
background: var(--callout-color-success-bg);
|
|
|
|
|
|
background-size: 800% 800%;
|
|
|
|
|
|
-webkit-animation: animateCelebrate 15s ease infinite;
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout*=celebrate] .callout-icon, div.callout[data-callout*=success] .callout-icon {
|
|
|
|
|
|
transform: rotate(-20deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout*=celebrate] .callout-icon, div.callout[data-callout*=celebrate] .callout-fold, div.callout[data-callout*=success] .callout-icon, div.callout[data-callout*=success] .callout-fold {
|
|
|
|
|
|
color: var(--md-color-text);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=money] {
|
|
|
|
|
|
--callout-icon: banknote;
|
|
|
|
|
|
--callout-color: var(--callout-color-money);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=backlog] {
|
|
|
|
|
|
--callout-icon: inbox;
|
|
|
|
|
|
--callout-color: var(--callout-color-backlog);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=doing], div.callout[data-callout=in-progress] {
|
|
|
|
|
|
--callout-icon: rocket;
|
|
|
|
|
|
--callout-color: var(--callout-color-inprogress);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=currently] {
|
|
|
|
|
|
--callout-icon: haze;
|
|
|
|
|
|
--callout-color: var(--callout-color-currently);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=target] {
|
|
|
|
|
|
--callout-icon: target;
|
|
|
|
|
|
--callout-color: var(--callout-color-target);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=btc] {
|
|
|
|
|
|
--callout-icon: bitcoin;
|
|
|
|
|
|
--callout-color: var(--callout-color-btc);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=resources] {
|
|
|
|
|
|
--callout-icon: bookmark;
|
|
|
|
|
|
--callout-color: var(--callout-color-resources);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=links] {
|
|
|
|
|
|
--callout-icon: link-2;
|
|
|
|
|
|
--callout-color: var(--callout-color-links);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=related] {
|
|
|
|
|
|
--callout-icon: shuffle;
|
|
|
|
|
|
--callout-color: var(--callout-color-related);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=world], div.callout[data-callout=worlds] {
|
|
|
|
|
|
--callout-icon: globe-2;
|
|
|
|
|
|
--callout-color: var(--callout-color-world);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=backstory] {
|
|
|
|
|
|
--callout-icon: feather;
|
|
|
|
|
|
--callout-color: var(--callout-color-backstory);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=feature], div.callout[data-callout=features] {
|
|
|
|
|
|
--callout-icon: zap;
|
|
|
|
|
|
--callout-color: var(--callout-color-feature);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=conflict], div.callout[data-callout=encounter], div.callout[data-callout=challenge] {
|
|
|
|
|
|
--callout-icon: mountain-snow;
|
|
|
|
|
|
--callout-color: var(--callout-color-conflict);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=translate], div.callout[data-callout=translation] {
|
|
|
|
|
|
--callout-icon: lucide-languages;
|
|
|
|
|
|
--callout-color: var(--callout-color-translate);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.callout[data-callout=buy], div.callout[data-callout=shopping], div.callout[data-callout=shop] {
|
|
|
|
|
|
--callout-icon: shopping-cart;
|
|
|
|
|
|
--callout-color: var(--callout-color-shop);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* animation for celebrate callout */
|
|
|
|
|
|
@-webkit-keyframes animateCelebrate {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
background-position: 0% 47%;
|
|
|
|
|
|
}
|
|
|
|
|
|
50% {
|
|
|
|
|
|
background-position: 100% 54%;
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
background-position: 0% 47%;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Markdown Table
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.cm-embed-block table {
|
|
|
|
|
|
font-family: var(--font-editor);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian .HyperMD-table-row {
|
|
|
|
|
|
font-family: var(--font-monospace-theme);
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
}
|
|
|
|
|
|
.cm-s-obsidian .HyperMD-table-row-0 {
|
|
|
|
|
|
color: var(--md-color-code-yellow-2);
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-source-view .cm-embed-block.cm-table-widget {
|
|
|
|
|
|
padding: 0 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view table {
|
|
|
|
|
|
font-family: var(--font-preview);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view table,
|
|
|
|
|
|
.markdown-source-view .cm-embed-block table {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view table th, .markdown-preview-view table td,
|
|
|
|
|
|
.markdown-source-view .cm-embed-block table th,
|
|
|
|
|
|
.markdown-source-view .cm-embed-block table td {
|
|
|
|
|
|
border-color: var(--md-color-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view table thead,
|
|
|
|
|
|
.markdown-source-view .cm-embed-block table thead {
|
|
|
|
|
|
color: var(--md-color-code-red-1);
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .markdown-preview-view table tr > td,
|
|
|
|
|
|
.theme-light .markdown-source-view .cm-embed-block table tr > td {
|
|
|
|
|
|
background: var(--color-l-whiter);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .markdown-preview-view table tr > td,
|
|
|
|
|
|
.theme-dark .markdown-source-view .cm-embed-block table tr > td {
|
|
|
|
|
|
background: var(--color-d-blacker);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Active Line──────────*/
|
|
|
|
|
|
:root .theme-light {
|
|
|
|
|
|
--md-color-activeline: rgba(255, 255, 255, 0.4);
|
|
|
|
|
|
}
|
|
|
|
|
|
:root .theme-dark {
|
|
|
|
|
|
--md-color-activeline: rgba(0, 0, 0, 0.18);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.no-md-activeline.theme-light,
|
|
|
|
|
|
.no-md-activeline.theme-dark {
|
|
|
|
|
|
--md-color-activeline: transparent !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-leaf:not(.workspace-leaf.mod-active) .cm-active, .workspace-leaf:not(.workspace-leaf.mod-active) .CodeMirror-activeline .CodeMirror-linebackground, .workspace-leaf:not(.workspace-leaf.mod-active) .CodeMirror-activeline-gutter {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-activeline .CodeMirror-linebackground,
|
|
|
|
|
|
.CodeMirror-activeline-gutter,
|
|
|
|
|
|
.cm-active:not(.cm-gutterElement) {
|
|
|
|
|
|
background: var(--md-color-activeline);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .cm-active.cm-gutterElement {
|
|
|
|
|
|
color: var(--color-l-gray-70);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .cm-active.cm-gutterElement {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Gutter Line Numbers──────────*/
|
|
|
|
|
|
.CodeMirror-gutter.CodeMirror-linenumbers,
|
|
|
|
|
|
.CodeMirror-gutter.CodeMirror-foldgutter {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .cm-gutters {
|
|
|
|
|
|
padding-right: var(--scale-2-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-linenumber,
|
|
|
|
|
|
.cm-lineNumbers,
|
|
|
|
|
|
div.cm-gutterElement {
|
|
|
|
|
|
font-family: var(--font-monospace-theme);
|
|
|
|
|
|
font-size: var(--font-scale-1);
|
|
|
|
|
|
font-variant-numeric: tabular-nums;
|
|
|
|
|
|
vertical-align: super;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
YAML/Metadata
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*──────────YAML──────────*/
|
|
|
|
|
|
pre.frontmatter.language-yaml {
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-source-view .cm-hmd-frontmatter,
|
|
|
|
|
|
code.language-yaml {
|
|
|
|
|
|
font-family: var(--font-monospace-theme);
|
|
|
|
|
|
font-size: var(--font-scale-0);
|
|
|
|
|
|
font-variant-numeric: tabular-nums;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* YAML Code Colors */
|
|
|
|
|
|
.theme-light:not(pre) > code[class*=language-], .theme-light pre[class*=language-],
|
|
|
|
|
|
.theme-dark:not(pre) > code[class*=language-],
|
|
|
|
|
|
.theme-dark pre[class*=language-] {
|
|
|
|
|
|
background: var(--background-primary-alt);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian .cm-hmd-frontmatter,
|
|
|
|
|
|
.markdown-preview-view code.language-yaml.is-loaded {
|
|
|
|
|
|
color: var(--md-color-code-red-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian div .cm-hmd-frontmatter.cm-string,
|
|
|
|
|
|
.markdown-preview-view code.language-yaml span.token.string {
|
|
|
|
|
|
color: var(--md-color-code-yellow-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian div .cm-hmd-frontmatter.cm-atom,
|
|
|
|
|
|
.markdown-preview-view code.language-yaml span.key.atrule {
|
|
|
|
|
|
color: var(--md-color-code-blue-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian div .cm-hmd-frontmatter.cm-def,
|
|
|
|
|
|
.cm-s-obsidian div .cm-hmd-frontmatter.cm-meta,
|
|
|
|
|
|
.markdown-preview-view code.language-yaml span.token.punctuation {
|
|
|
|
|
|
color: var(--md-color-code-gray);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Metadata──────────*/
|
|
|
|
|
|
.frontmatter-container {
|
|
|
|
|
|
border: 1px solid var(--md-color-border);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.frontmatter-container .frontmatter-container-header {
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
margin-bottom: var(--scale-8-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .frontmatter-container .frontmatter-container-header:hover {
|
|
|
|
|
|
color: var(--color-l-gray-70);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .frontmatter-container .frontmatter-container-header:hover {
|
|
|
|
|
|
color: var(--color-d-white);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .frontmatter-container .frontmatter-container-header:active {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .frontmatter-container .frontmatter-container-header:active {
|
|
|
|
|
|
color: var(--color-d-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
.frontmatter-container .frontmatter-section {
|
|
|
|
|
|
border-top: 1px solid var(--md-color-border);
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
padding-top: var(--scale-8-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.frontmatter-container .frontmatter-alias {
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
word-break: break-all;
|
|
|
|
|
|
white-space: unset;
|
|
|
|
|
|
padding: var(--scale-2-1) var(--scale-2-4) var(--scale-2-1) var(--scale-8-3);
|
|
|
|
|
|
border: 1px solid var(--md-color-border);
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
}
|
|
|
|
|
|
.frontmatter-container .frontmatter-alias-icon {
|
|
|
|
|
|
margin-left: -16px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
span.frontmatter-section-label {
|
|
|
|
|
|
font-family: var(--font-interface-theme);
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
font-weight: var(--font-bold);
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
margin-left: var(--scale-8-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Document Search and Replace──────────*/
|
|
|
|
|
|
.markdown-reading-view.is-searching,
|
|
|
|
|
|
.markdown-source-view.is-replacing,
|
|
|
|
|
|
.markdown-source-view.is-searching {
|
|
|
|
|
|
flex-direction: column-reverse;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.document-search-container {
|
|
|
|
|
|
height: 44px;
|
|
|
|
|
|
width: 97%;
|
|
|
|
|
|
max-width: 600px;
|
|
|
|
|
|
padding: 1px 2px;
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
margin: var(--scale-2-4) auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
.document-search-container.mod-replace-mode {
|
|
|
|
|
|
height: 82px;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .document-search-container {
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .document-search-container {
|
|
|
|
|
|
background: var(--color-d-gray-80);
|
|
|
|
|
|
}
|
|
|
|
|
|
.document-replace {
|
|
|
|
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.document-search-input.document-search-input, .document-replace-input.document-replace-input {
|
|
|
|
|
|
width: 20%;
|
|
|
|
|
|
margin: var(--scale-2-3) var(--scale-2-3) var(--scale-2-3) var(--scale-2-3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.document-search-button.document-search-button {
|
|
|
|
|
|
line-height: 0;
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-3) var(--scale-2-3) var(--scale-2-3) !important;
|
|
|
|
|
|
margin: calc(1px + var(--scale-2-3)) var(--scale-2-1) var(--scale-0-0) var(--scale-2-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.document-search-button.document-search-button:last-child {
|
|
|
|
|
|
margin-right: var(--scale-2-3);
|
|
|
|
|
|
}
|
|
|
|
|
|
body.theme-light .workspace .document-search-button.document-search-button {
|
|
|
|
|
|
color: var(--text-on-accent);
|
|
|
|
|
|
background: var(--interactive-accent);
|
|
|
|
|
|
}
|
|
|
|
|
|
body.theme-light .workspace .document-search-button.document-search-button:hover {
|
|
|
|
|
|
background: var(--interactive-accent-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
body.theme-dark .workspace .document-search-button.document-search-button {
|
|
|
|
|
|
color: var(--text-on-accent);
|
|
|
|
|
|
background: var(--interactive-accent);
|
|
|
|
|
|
}
|
|
|
|
|
|
body.theme-dark .workspace .document-search-button.document-search-button:hover {
|
|
|
|
|
|
background: var(--interactive-accent-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.document-search-close-button {
|
|
|
|
|
|
font-family: Inter, sans-serif;
|
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
|
font-size: var(--scale-8-3);
|
|
|
|
|
|
height: var(--scale-2-8);
|
|
|
|
|
|
width: var(--scale-2-8);
|
|
|
|
|
|
top: 2px;
|
|
|
|
|
|
margin-right: 2px;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.document-search-close-button:before:hover {
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
}
|
|
|
|
|
|
.document-search-close-button:before:active {
|
|
|
|
|
|
color: var(--text-faint);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian span.obsidian-search-match-highlight,
|
|
|
|
|
|
.markdown-preview-view .search-highlight.search-highlight div.is-active,
|
|
|
|
|
|
.is-flashing.is-flashing {
|
|
|
|
|
|
color: var(--md-color-text);
|
|
|
|
|
|
background: var(--md-find-highlight-bg);
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
border-bottom: 2px solid rgba(100, 100, 100, 0.2);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 1px rgba(120, 120, 120, 0.2) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
Custom Icons
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
──────────────────────────────────────*/
|
|
|
|
|
|
body:not(.no-svg-replace) svg.any-key,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.blocks,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.bar-graph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.breadcrumbs-trail-icon,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.audio-file,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.bold-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.italic-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.bracket-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.broken-link,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.bullet-list-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.bullet-list,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.calendar-with-checkmark,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.check-in-circle,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.check-small,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.checkbox-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.checkmark,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.clock,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.cloud,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.code-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.create-new,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.cross-in-box,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.cross,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.crossed-star,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.dice,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.document,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.documents,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.dot-network,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.double-down-arrow-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.double-up-arrow-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.down-arrow-with-tail,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.down-chevron-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.enter,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.exit-fullscreen,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.expand-vertically,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.filled-pin,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.folder,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.fullscreen,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.gear,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.hashtag,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.heading-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.go-to-file,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.help .widget-icon,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.help,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.highlight-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.horizontal-split,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.image-file,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.image-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.indent-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.info,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.install,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.keyboard-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.left-arrow-with-tail,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.left-arrow,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.left-chevron-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.lines-of-text,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.link-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.link,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.magnifying-glass,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.microphone-filled,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.microphone,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.minus-with-circle,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.note-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.number-list-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.open-vault,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.pane-layout,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.paper-plane,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.paused,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.pdf-file,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.pencil,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.pin,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.plus-with-circle,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.popup-open,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.presentation,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.price-tag-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.quote-glyph,
|
|
|
|
|
|
body:not(.no-custom-icons) svg.reading-glasses,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.redo-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.reset,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.right-arrow-with-tail,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.right-arrow,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.right-chevron-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.right-triangle,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.run-command,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.search,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.sheets-in-box,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.spreadsheet,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.stacked-levels,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.star-list,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.star,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.strikethrough-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.switch,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.sync-small,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.sync,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.tag-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.three-horizontal-bars,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.trash,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.undo-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.unindent-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.up-and-down-arrows,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.up-arrow-with-tail,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.up-chevron-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.uppercase-lowercase-a,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.vault,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.vertical-split,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.vertical-three-dots,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.wrench-screwdriver-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.clock-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.command-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.add-note-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.calendar-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.duplicate-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.file-explorer-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.graph-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.import-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.languages,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.links-coming-in,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.links-going-out,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.merge-files-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.merge-files,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.minus-with-circle,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.navigate-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.open-elsewhere-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.paper-plane-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.paste-text,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.paste,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.percent-sign-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.play-audio-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.plus-minus-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.presentation-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.question-mark-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.restore-file-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.scissors-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.scissors,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.search-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.select-all-text,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.split,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.star-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.stop-audio-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.sweep,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.two-blank-pages,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.tomorrow-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.yesterday-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.workspace-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.box-glyph,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.wand,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.longform,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.changelog {
|
|
|
|
|
|
height: var(--scale-8-2);
|
|
|
|
|
|
width: var(--scale-8-2);
|
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body:not(.no-svg-replace) svg.any-key > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.blocks > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.bar-graph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.breadcrumbs-trail-icon > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.audio-file > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.bold-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.italic-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.bracket-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.broken-link > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.bullet-list-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.bullet-list > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.calendar-with-checkmark > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.check-in-circle > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.check-small > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.checkbox-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.checkmark > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.clock > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.cloud > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.code-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.create-new > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.cross-in-box > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.cross > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.crossed-star > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.dice > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.document > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.documents > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.dot-network > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.double-down-arrow-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.double-up-arrow-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.down-arrow-with-tail > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.down-chevron-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.enter > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.exit-fullscreen > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.expand-vertically > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.filled-pin > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.folder > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.fullscreen > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.gear > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.hashtag > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.heading-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.go-to-file > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.help .widget-icon > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.help > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.highlight-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.horizontal-split > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.image-file > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.image-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.indent-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.info > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.install > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.keyboard-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.left-arrow-with-tail > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.left-arrow > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.left-chevron-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.lines-of-text > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.link-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.link > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.magnifying-glass > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.microphone-filled > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.microphone > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.minus-with-circle > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.navigate-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.note-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.number-list-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.open-vault > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.pane-layout > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.paper-plane > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.paused > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.pdf-file > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.pencil > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.pin > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.plus-with-circle > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.popup-open > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.presentation > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.price-tag-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.quote-glyph > path,
|
|
|
|
|
|
body:not(.no-custom-icons) svg.reading-glasses > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.redo-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.reset > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.right-arrow-with-tail > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.right-arrow > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.right-chevron-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.right-triangle > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.run-command > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.search > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.sheets-in-box > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.spreadsheet > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.stacked-levels > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.star-list > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.star > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.strikethrough-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.switch > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.sync-small > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.sync > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.tag-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.three-horizontal-bars > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.trash > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.undo-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.unindent-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.up-and-down-arrows > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.up-arrow-with-tail > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.up-chevron-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.uppercase-lowercase-a > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.vault > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.vertical-split > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.vertical-three-dots > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.wrench-screwdriver-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.clock-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.command-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.add-note-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.calendar-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.duplicate-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.file-explorer-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.graph-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.import-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.languages > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.links-coming-in > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.links-going-out > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.merge-files-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.merge-files > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.open-elsewhere-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.paper-plane-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.paste-text > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.paste > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.percent-sign-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.play-audio-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.plus-minus-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.presentation-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.question-mark-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.restore-file-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.scissors-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.scissors > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.search-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.select-all-text > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.split > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.star-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.stop-audio-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.sweep > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.two-blank-pages > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.tomorrow-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.yesterday-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.workspace-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.box-glyph > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.wand > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.longform > path,
|
|
|
|
|
|
body:not(.no-svg-replace) svg.changelog > path {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Add Note (Outgoing Link, Backlink etc.) */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.add-note-glyph {
|
|
|
|
|
|
vertical-align: -3px;
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m16 16a1 1 0 0 1 -1 1h-2v2a1 1 0 0 1 -2 0v-2h-2a1 1 0 0 1 0-2h2v-2a1 1 0 0 1 2 0v2h2a1 1 0 0 1 1 1zm6-5.515v8.515a5.006 5.006 0 0 1 -5 5h-10a5.006 5.006 0 0 1 -5-5v-14a5.006 5.006 0 0 1 5-5h4.515a6.958 6.958 0 0 1 4.95 2.05l3.484 3.486a6.951 6.951 0 0 1 2.051 4.949zm-6.949-7.021a5.01 5.01 0 0 0 -1.051-.78v4.316a1 1 0 0 0 1 1h4.316a4.983 4.983 0 0 0 -.781-1.05zm4.949 7.021c0-.165-.032-.323-.047-.485h-4.953a3 3 0 0 1 -3-3v-4.953c-.162-.015-.321-.047-.485-.047h-4.515a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Audio File */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.audio-file {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M22.554.923A3.978 3.978 0 0 0 19.263.07L10.079 1.792A5 5 0 0 0 6 6.706v9.85A3.959 3.959 0 0 0 4 16a4 4 0 1 0 4 4V10.876A2 2 0 0 1 9.632 8.91l11.183-2.1A1 1 0 0 1 22 7.8v5.76A3.959 3.959 0 0 0 20 13a4 4 0 1 0 4 4V4A3.987 3.987 0 0 0 22.554.923ZM4 22a2 2 0 1 1 2-2A2 2 0 0 1 4 22ZM20.447 4.848 9.263 6.944A4 4 0 0 0 8 7.416v-.71a3 3 0 0 1 2.447-2.949l9.185-1.722A2 2 0 0 1 22 4v.984A2.955 2.955 0 0 0 20.447 4.848ZM20 19a2 2 0 1 1 2-2A2 2 0 0 1 20 19Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Customize Hotkey, Shortcut */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.any-key {
|
|
|
|
|
|
vertical-align: -1px;
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%' viewBox='0 0 24 24' width='100%' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m20.537 12.7-1.13-.7 1.131-.7a4.126 4.126 0 0 0 1.729-2.031 3.919 3.919 0 0 0 -3.28-5.272 4.124 4.124 0 0 0 -2.586.654l-.401.249v-.728a4.116 4.116 0 0 0 -3.607-4.153 4 4 0 0 0 -4.393 3.981v.9l-.4-.25a4.122 4.122 0 0 0 -2.587-.657 3.918 3.918 0 0 0 -3.283 5.27 4.123 4.123 0 0 0 1.73 2.031l1.133.706-1.131.7a4.126 4.126 0 0 0 -1.729 2.031 3.918 3.918 0 0 0 3.286 5.272 4.124 4.124 0 0 0 2.581-.651l.4-.252v.9a4 4 0 0 0 8 0v-.9l.4.251a4.126 4.126 0 0 0 2.58.653 3.918 3.918 0 0 0 3.284-5.272 4.128 4.128 0 0 0 -1.727-2.032zm-.311 4.418a1.916 1.916 0 0 1 -2.639.613l-2.059-1.282a1 1 0 0 0 -1.528.851v2.7a2 2 0 0 1 -4 0v-2.7a1 1 0 0 0 -1.528-.849l-2.059 1.284a1.915 1.915 0 1 1 -2.025-3.252l2.625-1.634a1 1 0 0 0 0-1.7l-2.625-1.633a1.915 1.915 0 0 1 2.025-3.252l2.059 1.282a1 1 0 0 0 1.528-.846v-2.593a2.075 2.075 0 0 1 1.664-2.08 2 2 0 0 1 2.336 1.973v2.7a1 1 0 0 0 1.528.848l2.059-1.281a1.915 1.915 0 1 1 2.025 3.252l-2.625 1.634a1 1 0 0 0 0 1.7l2.625 1.634a1.914 1.914 0 0 1 .614 2.638z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Markdown Importer */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.blocks {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M9.878 18.122a3 3 0 0 0 4.244 0l3.211-3.211A1 1 0 0 0 15.919 13.5l-2.926 2.927L13 1a1 1 0 0 0-1-1h0a1 1 0 0 0-1 1l-.009 15.408L8.081 13.5a1 1 0 0 0-1.414 1.415Z'/%3E%3Cpath d='M23 16h0a1 1 0 0 0-1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V17a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v4a3 3 0 0 0 3 3H21a3 3 0 0 0 3-3V17A1 1 0 0 0 23 16Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Bar Graph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.bar-graph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23 22H5a3 3 0 0 1-3-3V1A1 1 0 0 0 0 1V19a5.006 5.006 0 0 0 5 5H23a1 1 0 0 0 0-2Z'/%3E%3Cpath d='M6 20a1 1 0 0 0 1-1V12a1 1 0 0 0-2 0v7A1 1 0 0 0 6 20Z'/%3E%3Cpath d='M10 10v9a1 1 0 0 0 2 0V10a1 1 0 0 0-2 0Z'/%3E%3Cpath d='M15 13v6a1 1 0 0 0 2 0V13a1 1 0 0 0-2 0Z'/%3E%3Cpath d='M20 9V19a1 1 0 0 0 2 0V9a1 1 0 0 0-2 0Z'/%3E%3Cpath d='M6 9a1 1 0 0 0 .707-.293l3.586-3.586a1.025 1.025 0 0 1 1.414 0l2.172 2.172a3 3 0 0 0 4.242 0l5.586-5.586A1 1 0 0 0 22.293.293L16.707 5.878a1 1 0 0 1-1.414 0L13.121 3.707a3 3 0 0 0-4.242 0L5.293 7.293A1 1 0 0 0 6 9Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Bold Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.bold-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M17.954 10.663A6.986 6.986 0 0 0 12 0H5A2 2 0 0 0 3 2V22a2 2 0 0 0 2 2H15a6.994 6.994 0 0 0 2.954-13.337ZM7 4h5a3 3 0 0 1 0 6H7Zm8 16H7V14h8a3 3 0 0 1 0 6Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Box Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.box-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M9 14h6a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2Z'/%3E%3Cpath d='M19 0H5A5.006 5.006 0 0 0 0 5V6A3 3 0 0 0 1 8.234V19a5.006 5.006 0 0 0 5 5H18a5.006 5.006 0 0 0 5-5V8.234A3 3 0 0 0 24 6V5A5.006 5.006 0 0 0 19 0ZM2 5A3 3 0 0 1 5 2H19a3 3 0 0 1 3 3V6a1 1 0 0 1-1 1H3A1 1 0 0 1 2 6ZM21 19a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V9H21Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Bracket Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.bracket-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 17.5V18.9999C2 19.7955 2.31607 20.5586 2.87868 21.1212C3.44129 21.6838 4.20435 21.9999 5 21.9999H7C7.26522 21.9999 7.51957 22.1052 7.70711 22.2928C7.89464 22.4803 8 22.7346 8 22.9999C8 23.2651 7.89464 23.5194 7.70711 23.707C7.51957 23.8945 7.26522 23.9999 7 23.9999H5C3.67441 23.9983 2.40356 23.471 1.46622 22.5336C0.528882 21.5963 0.00158786 20.3255 0 18.9999V17.5V16.9999V5C0.00158786 3.67441 0.528882 2.40356 1.46622 1.46622C2.40356 0.528882 3.67441 0.00158786 5 0H7C7.26522 0 7.51957 0.105357 7.70711 0.292893C7.89464 0.48043 8 0.734784 8 1C8 1.26522 7.89464 1.51957 7.70711 1.70711C7.51957 1.89464 7.26522 2 7 2H5C4.20435 2 3.44129 2.31607 2.87868 2.87868C2.31607 3.44129 2 4.20435 2 5V16.9999V17.5Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.9998 17.5V18.9999C23.9982 20.3255 23.471 21.5963 22.5336 22.5336C21.5963 23.471 20.3254 23.9983 18.9998 23.9999H16.9998C16.7346 23.9999 16.4803 23.8945 16.2927 23.707C16.1052 23.5194 15.9998 23.2651 15.9998 22.9999C15.9998 22.7346 16.1052 22.4803 16.2927 22.2928C16.4803 22.1052 16.7346 21.9999 16.9998 21.9999H18.9998C19.7955 21.9999 20.5586 21.6838 21.1212 21.1212C21.6838 20.5586 21.9998 19.7955 21.9998 18.9999V17.5V16.9999V5C21.9998 4.20435 21.6838 3.44129 21.1212 2.87868C20.5586 2.31607 19.7955 2 18.9998 2H16.9998C16.7346 2 16.4803 1.89464 16.2927 1.70711C16.1052 1.51957 15.9998 1.26522 15.9998 1C15.9998 0.734784 16.1052 0.48043 16.2927 0.292893C16.4803 0.105357 16.7346 0 16.9998 0H18.9998C20.3254 0.00158786 21.5963 0.528882 22.5336 1.46622C23.471 2.40356 23.9982 3.67441 23.9998 5V16.9999V17.5Z' fill='black'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Breadcrumbs Trail */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.breadcrumbs-trail-icon {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M17 23H7a5.006 5.006 0 0 1-5-5V10.446a1.119 1.119 0 0 0-.391-.792A4.989 4.989 0 0 1 .066 5.179C.482 2.6 2.85 1 6.242 1H18.848a5.122 5.122 0 0 1 5.086 4.179h0a4.99 4.99 0 0 1-1.546 4.478 1.115 1.115 0 0 0-.388.789V18A5.006 5.006 0 0 1 17 23ZM6.242 3c-2.414 0-3.945.911-4.2 2.5a2.951 2.951 0 0 0 .924 2.685A3.072 3.072 0 0 1 4 10.446V18a3 3 0 0 0 3 3H17a3 3 0 0 0 3-3V10.446a3.061 3.061 0 0 1 1.034-2.261A2.952 2.952 0 0 0 21.959 5.5h0A3.106 3.106 0 0 0 18.848 3ZM8 12a1 1 0 0 0 0 2A1 1 0 0 0 8 12Zm4 4a1 1 0 0 0 0 2A1 1 0 0 0 12 16ZM8 16a1 1 0 0 0 0 2A1 1 0 0 0 8 16Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Broken Link */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.broken-link {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_537:16)'%3E%3Cpath d='M13.845 17.2669L10.583 20.5289C9.63594 21.4507 8.36403 21.9625 7.04247 21.9537C5.72091 21.9448 4.45597 21.416 3.52133 20.4816C2.58669 19.5472 2.05751 18.2825 2.04829 16.9609C2.03906 15.6393 2.55052 14.3673 3.47202 13.4199L6.73402 10.155C6.92153 9.96731 7.02682 9.71287 7.02672 9.4476C7.02663 9.18233 6.92116 8.92796 6.73352 8.74046C6.54588 8.55295 6.29144 8.44766 6.02617 8.44775C5.7609 8.44785 5.50653 8.55332 5.31902 8.74096L2.05802 12.0059C0.740293 13.3243 0.00026379 15.1122 0.000732645 16.9762C0.0012015 18.8402 0.74213 20.6277 2.06052 21.9454C3.37891 23.2632 5.16677 24.0032 7.03079 24.0027C8.89481 24.0022 10.6823 23.2613 12 21.9429L15.262 18.6809C15.4442 18.4923 15.545 18.2397 15.5427 17.9775C15.5404 17.7153 15.4352 17.4645 15.2498 17.2791C15.0644 17.0937 14.8136 16.9885 14.5514 16.9863C14.2892 16.984 14.0366 17.0848 13.848 17.2669H13.845Z' fill='black'/%3E%3Cpath d='M21.9441 2.06139C21.2934 1.40621 20.5191 0.88667 19.6662 0.532887C18.8132 0.179104 17.8985 -0.00189024 16.9751 0.000390852V0.000390852C16.0522 -0.00206088 15.1379 0.178469 14.2852 0.531542C13.4324 0.884615 12.6582 1.40323 12.0071 2.05739L8.7401 5.32039C8.55246 5.5079 8.44699 5.76227 8.4469 6.02754C8.44681 6.29281 8.55209 6.54725 8.7396 6.73489C8.92711 6.92253 9.18148 7.028 9.44675 7.02809C9.71202 7.02819 9.96646 6.9229 10.1541 6.73539L13.4191 3.47339C13.8847 3.00504 14.4385 2.63369 15.0485 2.38085C15.6586 2.12801 16.3127 1.99869 16.9731 2.00039V2.00039C17.9674 2.00072 18.9392 2.29582 19.7658 2.84839C20.5924 3.40096 21.2366 4.18619 21.6169 5.10481C21.9973 6.02344 22.0968 7.03421 21.9028 8.00937C21.7088 8.98452 21.2301 9.88028 20.5271 10.5834L17.2651 13.8454C17.0775 14.033 16.972 14.2875 16.972 14.5529C16.972 14.8183 17.0775 15.0728 17.2651 15.2604C17.4527 15.448 17.7072 15.5534 17.9726 15.5534C18.238 15.5534 18.4925 15.448 18.6801 15.2604L21.9421 12.0004C23.2581 10.6815 23.9974 8.89449 23.9978 7.03131C23.9982 5.16812 23.2596 3.38082 21.9441 2.06139V2.06139Z' fill='black'/%3E%3Cpath d='M14.2932 8.29316L8.2932 14.2932C8.19769 14.3854 8.12151 14.4957 8.0691 14.6177C8.01669 14.7397 7.98911 14.871 7.98795 15.0037C7.9868 15.1365 8.0121 15.2682 8.06238 15.3911C8.11266 15.514 8.18692 15.6257 8.28081 15.7195C8.3747 15.8134 8.48635 15.8877 8.60925 15.938C8.73215 15.9882 8.86382 16.0136 8.9966 16.0124C9.12938 16.0112 9.2606 15.9837 9.38261 15.9312C9.50461 15.8788 9.61496 15.8027 9.7072 15.7071L15.7072 9.70716C15.8894 9.51856 15.9902 9.26596 15.9879 9.00376C15.9856 8.74156 15.8804 8.49075 15.695 8.30534C15.5096 8.11994 15.2588 8.01477 14.9966 8.01249C14.7344 8.01021 14.4818 8.111 14.2932 8.29316Z' fill='black'/%3E%3C/g%3E%3Cpath d='M6 1V5C6 5.26522 5.89463 5.51959 5.70709 5.70712C5.51956 5.89466 5.26522 6 5 6H1C0.734784 6 0.480444 5.89466 0.292908 5.70712C0.105371 5.51959 0 5.26522 0 5C0 4.73478 0.105371 4.48044 0.292908 4.29291C0.480444 4.10537 0.734784 4 1 4H4V1C4 0.734784 4.10537 0.480444 4.29291 0.292908C4.48044 0.105371 4.73478 0 5 0C5.26522 0 5.51956 0.105371 5.70709 0.292908C5.89463 0.480444 6 0.734784 6 1Z' fill='black'/%3E%3Cpath d='M18 23V19C18 18.7348 18.1054 18.4804 18.2929 18.2929C18.4804 18.1053 18.7348 18 19 18H23C23.2652 18 23.5196 18.1053 23.7071 18.2929C23.8946 18.4804 24 18.7348 24 19C24 19.2652 23.8946 19.5196 23.7071 19.7071C23.5196 19.8946 23.2652 20 23 20H20V23C20 23.2652 19.8946 23.5196 19.7071 23.7071C19.5196 23.8946 19.2652 24 19 24C18.7348 24 18.4804 23.8946 18.2929 23.7071C18.1054 23.5196 18 23.2652 18 23Z' fill='black'/%3E%3Cdefs%3E%3CclipPath id='clip0_537:16'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Bullet List, Outline, Collapse Results */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.bullet-list {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M7 6H23a1 1 0 0 0 0-2H7A1 1 0 0 0 7 6Z'/%3E%3Cpath d='M23 11H7a1 1 0 0 0 0 2H23a1 1 0 0 0 0-2Z'/%3E%3Cpath d='M23 18H7a1 1 0 0 0 0 2H23a1 1 0 0 0 0-2Z'/%3E%3Ccircle cx='2' cy='5' r='2'/%3E%3Ccircle cx='2' cy='12' r='2'/%3E%3Ccircle cx='2' cy='19' r='2'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Bullet List 2 */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.bullet-list-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M7 6H23a1 1 0 0 0 0-2H7A1 1 0 0 0 7 6Z'/%3E%3Cpath d='M23 11H7a1 1 0 0 0 0 2H23a1 1 0 0 0 0-2Z'/%3E%3Cpath d='M23 18H7a1 1 0 0 0 0 2H23a1 1 0 0 0 0-2Z'/%3E%3Ccircle cx='2' cy='5' r='2'/%3E%3Ccircle cx='2' cy='12' r='2'/%3E%3Ccircle cx='2' cy='19' r='2'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Calendar */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.calendar-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19 2H18V1a1 1 0 0 0-2 0V2H8V1A1 1 0 0 0 6 1V2H5A5.006 5.006 0 0 0 0 7V19a5.006 5.006 0 0 0 5 5H19a5.006 5.006 0 0 0 5-5V7A5.006 5.006 0 0 0 19 2ZM2 7A3 3 0 0 1 5 4H19a3 3 0 0 1 3 3V8H2ZM19 22H5a3 3 0 0 1-3-3V10H22v9A3 3 0 0 1 19 22Z'/%3E%3Ccircle cx='12' cy='15' r='1.5'/%3E%3Ccircle cx='7' cy='15' r='1.5'/%3E%3Ccircle cx='17' cy='15' r='1.5'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Calendar with Checkmark, Daily Note */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.calendar-with-checkmark {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_521:13)'%3E%3Cpath d='M19 2H18V1C18 0.734784 17.8946 0.48043 17.7071 0.292893C17.5196 0.105357 17.2652 0 17 0C16.7348 0 16.4804 0.105357 16.2929 0.292893C16.1054 0.48043 16 0.734784 16 1V2H8V1C8 0.734784 7.89464 0.48043 7.70711 0.292893C7.51957 0.105357 7.26522 0 7 0C6.73478 0 6.48043 0.105357 6.29289 0.292893C6.10536 0.48043 6 0.734784 6 1V2H5C3.67441 2.00159 2.40356 2.52888 1.46622 3.46622C0.528882 4.40356 0.00158786 5.67441 0 7L0 19C0.00158786 20.3256 0.528882 21.5964 1.46622 22.5338C2.40356 23.4711 3.67441 23.9984 5 24H19C20.3256 23.9984 21.5964 23.4711 22.5338 22.5338C23.4711 21.5964 23.9984 20.3256 24 19V7C23.9984 5.67441 23.4711 4.40356 22.5338 3.46622C21.5964 2.52888 20.3256 2.00159 19 2ZM2 7C2 6.20435 2.31607 5.44129 2.87868 4.87868C3.44129 4.31607 4.20435 4 5 4H19C19.7956 4 20.5587 4.31607 21.1213 4.87868C21.6839 5.44129 22 6.20435 22 7V8H2V7ZM19 22H5C4.20435 22 3.44129 21.6839 2.87868 21.1213C2.31607 20.5587 2 19.7956 2 19V10H22V19C22 19.7956 21.6839 20.5587 21.1213 21.1213C20.5587 21.6839 19.7956 22 19 22Z' fill='black'/%3E%3Cpath d='M15.1699 13.2932L10.9819 17.4932L8.73791 15.1532C8.64785 15.0548 8.539 14.9753 8.41777 14.9196C8.29654 14.8638 8.16537 14.8329 8.03201 14.8287C7.89864 14.8244 7.76577 14.8468 7.64121 14.8947C7.51666 14.9426 7.40295 15.0149 7.30678 15.1074C7.21061 15.1999 7.13393 15.3107 7.08124 15.4333C7.02856 15.5559 7.00094 15.6878 7.00002 15.8213C6.9991 15.9547 7.0249 16.087 7.07589 16.2103C7.12687 16.3336 7.20202 16.4454 7.29691 16.5392L9.60291 18.9393C9.77489 19.125 9.98275 19.2739 10.2139 19.3771C10.4451 19.4802 10.6948 19.5354 10.9479 19.5393H10.9809C11.229 19.5401 11.4747 19.4916 11.7039 19.3967C11.9331 19.3017 12.1411 19.1622 12.3159 18.9863L16.5879 14.7142C16.6812 14.6211 16.7553 14.5106 16.8058 14.3888C16.8564 14.2671 16.8825 14.1366 16.8826 14.0048C16.8828 13.873 16.857 13.7424 16.8066 13.6206C16.7563 13.4988 16.6825 13.388 16.5894 13.2947C16.4963 13.2014 16.3857 13.1274 16.264 13.0768C16.1423 13.0262 16.0118 13.0001 15.88 13C15.7482 12.9999 15.6176 13.0257 15.4958 13.076C15.3739 13.1263 15.2632 13.2001 15.1699 13.2932Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_521:13'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Changelog */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.changelog {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12 0A12 12 0 1 0 24 12 12.013 12.013 0 0 0 12 0Zm0 22A10 10 0 1 1 22 12 10.011 10.011 0 0 1 12 22Z'/%3E%3Cpath d='M12 10H11a1 1 0 0 0 0 2h1v6a1 1 0 0 0 2 0V12A2 2 0 0 0 12 10Z'/%3E%3Ccircle cx='12' cy='6.5' r='1.5'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Checkbox */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.checkbox-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19 0H5A5.006 5.006 0 0 0 0 5V19a5.006 5.006 0 0 0 5 5H19a5.006 5.006 0 0 0 5-5V5A5.006 5.006 0 0 0 19 0Zm3 19a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5A3 3 0 0 1 5 2H19a3 3 0 0 1 3 3Z'/%3E%3Cpath d='M9.333 15.919 5.414 12A1 1 0 0 0 4 12H4a1 1 0 0 0 0 1.414l3.919 3.919a2 2 0 0 0 2.829 0L20 8.081a1 1 0 0 0 0-1.414h0a1 1 0 0 0-1.414 0Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Check in Circle */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.check-in-circle {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.5 17a2 2 0 0 1-1.416-.586L5.3 12.715a1 1 0 0 1 1.4-1.43l3.793 3.707 6.806-6.7a1 1 0 0 1 1.4 1.424l-6.793 6.707A1.983 1.983 0 0 1 10.5 17ZM24 19V12.34A12.209 12.209 0 0 0 12.836.028 12 12 0 0 0 .029 12.854C.471 19.208 6.082 24 13.083 24H19A5.006 5.006 0 0 0 24 19ZM12.7 2.024A10.2 10.2 0 0 1 22 12.34V19a3 3 0 0 1-3 3H13.083C7.049 22 2.4 18.1 2.025 12.716A10 10 0 0 1 12.016 2C12.243 2 12.472 2.009 12.7 2.024Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Checkmark */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.checkmark {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M22.319 4.431 8.5 18.249a1 1 0 0 1-1.417 0L1.739 12.9a1 1 0 0 0-1.417 0h0a1 1 0 0 0 0 1.417l5.346 5.345a3.008 3.008 0 0 0 4.25 0L23.736 5.847a1 1 0 0 0 0-1.416h0A1 1 0 0 0 22.319 4.431Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Check Small, Obsidian Sync */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.check-small {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.5,17a2,2,0,0,1-1.416-.586L5.3,12.715a1,1,0,0,1,1.4-1.43l3.793,3.707,6.806-6.7a1,1,0,0,1,1.4,1.424l-6.793,6.707A1.983,1.983,0,0,1,10.5,17ZM24,19V12.34A12.209,12.209,0,0,0,12.836.028,12,12,0,0,0,.029,12.854C.471,19.208,6.082,24,13.083,24H19A5.006,5.006,0,0,0,24,19ZM12.7,2.024A10.2,10.2,0,0,1,22,12.34V19a3,3,0,0,1-3,3H13.083C7.049,22,2.4,18.1,2.025,12.716A10,10,0,0,1,12.016,2C12.243,2,12.472,2.009,12.7,2.024Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Clock, Recent Files Community Plugin */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.clock {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12 0A11.972 11.972 0 0 0 4 3.073V1A1 1 0 0 0 2 1V4A3 3 0 0 0 5 7H8A1 1 0 0 0 8 5H5a.854.854 0 0 1-.1-.021A9.987 9.987 0 1 1 2 12a1 1 0 0 0-2 0A12 12 0 1 0 12 0Z'/%3E%3Cpath d='M12 6a1 1 0 0 0-1 1v5a1 1 0 0 0 .293.707l3 3a1 1 0 0 0 1.414-1.414L13 11.586V7A1 1 0 0 0 12 6Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Clock 2 */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.clock-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12 0A12 12 0 1 0 24 12 12.013 12.013 0 0 0 12 0Zm0 22A10 10 0 1 1 22 12 10.011 10.011 0 0 1 12 22Z'/%3E%3Cpath d='M12 6a1 1 0 0 0-1 1v4.325L7.629 13.437a1 1 0 0 0 1.062 1.7l3.84-2.4A1 1 0 0 0 13 11.879V7A1 1 0 0 0 12 6Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Cloud */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.cloud {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M17.792,7.212A8,8,0,0,0,2,9a7.915,7.915,0,0,0,.9,3.671A5.49,5.49,0,0,0,5.5,23H16A8,8,0,0,0,17.792,7.212ZM16,21H5.5a3.491,3.491,0,0,1-.872-6.874,1,1,0,0,0,.554-1.564A5.936,5.936,0,0,1,4,9a6,6,0,0,1,11.94-.8,1,1,0,0,0,.858.86A6,6,0,0,1,16,21Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Code */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.code-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19,6H13V3a1,1,0,0,0-2,0V6H5a5.006,5.006,0,0,0-5,5v4a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V11A5.006,5.006,0,0,0,19,6Zm3,9a3,3,0,0,1-3,3H5a3,3,0,0,1-3-3V11A3,3,0,0,1,5,8H19a3,3,0,0,1,3,3Z'/%3E%3Cpath d='M15,14H9a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M10,12h1a1,1,0,0,0,0-2H10a1,1,0,0,0,0,2Z'/%3E%3Cpath d='M19,10H15a1,1,0,0,0,0,2h4a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M6,10H5a1,1,0,0,0,0,2H6a1,1,0,0,0,0-2Z'/%3E%3Ccircle cx='5' cy='15' r='1'/%3E%3Ccircle cx='19' cy='15' r='1'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Command, Hotkey */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.command-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%' viewBox='0 0 24 24' width='100%' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m20.537 12.7-1.13-.7 1.131-.7a4.126 4.126 0 0 0 1.729-2.031 3.919 3.919 0 0 0 -3.28-5.272 4.124 4.124 0 0 0 -2.586.654l-.401.249v-.728a4.116 4.116 0 0 0 -3.607-4.153 4 4 0 0 0 -4.393 3.981v.9l-.4-.25a4.122 4.122 0 0 0 -2.587-.657 3.918 3.918 0 0 0 -3.283 5.27 4.123 4.123 0 0 0 1.73 2.031l1.133.706-1.131.7a4.126 4.126 0 0 0 -1.729 2.031 3.918 3.918 0 0 0 3.286 5.272 4.124 4.124 0 0 0 2.581-.651l.4-.252v.9a4 4 0 0 0 8 0v-.9l.4.251a4.126 4.126 0 0 0 2.58.653 3.918 3.918 0 0 0 3.284-5.272 4.128 4.128 0 0 0 -1.727-2.032zm-.311 4.418a1.916 1.916 0 0 1 -2.639.613l-2.059-1.282a1 1 0 0 0 -1.528.851v2.7a2 2 0 0 1 -4 0v-2.7a1 1 0 0 0 -1.528-.849l-2.059 1.284a1.915 1.915 0 1 1 -2.025-3.252l2.625-1.634a1 1 0 0 0 0-1.7l-2.625-1.633a1.915 1.915 0 0 1 2.025-3.252l2.059 1.282a1 1 0 0 0 1.528-.846v-2.593a2.075 2.075 0 0 1 1.664-2.08 2 2 0 0 1 2.336 1.973v2.7a1 1 0 0 0 1.528.848l2.059-1.281a1.915 1.915 0 1 1 2.025 3.252l-2.625 1.634a1 1 0 0 0 0 1.7l2.625 1.634a1.914 1.914 0 0 1 .614 2.638z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Create New */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.create-new {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m12 0a12 12 0 1 0 12 12 12.013 12.013 0 0 0 -12-12zm0 22a10 10 0 1 1 10-10 10.011 10.011 0 0 1 -10 10zm5-10a1 1 0 0 1 -1 1h-3v3a1 1 0 0 1 -2 0v-3h-3a1 1 0 0 1 0-2h3v-3a1 1 0 0 1 2 0v3h3a1 1 0 0 1 1 1z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Cross, Global Close Icon (except Title Bar) */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.cross {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M18,6h0a1,1,0,0,0-1.414,0L12,10.586,7.414,6A1,1,0,0,0,6,6H6A1,1,0,0,0,6,7.414L10.586,12,6,16.586A1,1,0,0,0,6,18H6a1,1,0,0,0,1.414,0L12,13.414,16.586,18A1,1,0,0,0,18,18h0a1,1,0,0,0,0-1.414L13.414,12,18,7.414A1,1,0,0,0,18,6Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Cross, Active Note -> Close */
|
|
|
|
|
|
body:not(.no-svg-replace) .view-header .view-actions .view-action.mod-close-leaf[aria-label=Close] svg.cross {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M16,8a1,1,0,0,0-1.414,0L12,10.586,9.414,8A1,1,0,0,0,8,9.414L10.586,12,8,14.586A1,1,0,0,0,9.414,16L12,13.414,14.586,16A1,1,0,0,0,16,14.586L13.414,12,16,9.414A1,1,0,0,0,16,8Z'/%3E%3Cpath d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Crossed Star */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.crossed-star {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M18,6h0a1,1,0,0,0-1.414,0L12,10.586,7.414,6A1,1,0,0,0,6,6H6A1,1,0,0,0,6,7.414L10.586,12,6,16.586A1,1,0,0,0,6,18H6a1,1,0,0,0,1.414,0L12,13.414,16.586,18A1,1,0,0,0,18,18h0a1,1,0,0,0,0-1.414L13.414,12,18,7.414A1,1,0,0,0,18,6Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Cross in Box */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.cross-in-box {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M16,8a1,1,0,0,0-1.414,0L12,10.586,9.414,8A1,1,0,0,0,8,9.414L10.586,12,8,14.586A1,1,0,0,0,9.414,16L12,13.414,14.586,16A1,1,0,0,0,16,14.586L13.414,12,16,9.414A1,1,0,0,0,16,8Z'/%3E%3Cpath d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Dice, Random Note */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.dice {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m19 24h-14a5.006 5.006 0 0 1 -5-5v-14a5.006 5.006 0 0 1 5-5h14a5.006 5.006 0 0 1 5 5v14a5.006 5.006 0 0 1 -5 5zm-14-22a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-14a3 3 0 0 0 -3-3zm6 10a1 1 0 1 0 1-1 1 1 0 0 0 -1 1zm-5-5a1 1 0 1 0 1-1 1 1 0 0 0 -1 1zm10 0a1 1 0 1 0 1-1 1 1 0 0 0 -1 1zm-10 10a1 1 0 1 0 1-1 1 1 0 0 0 -1 1zm10 0a1 1 0 1 0 1-1 1 1 0 0 0 -1 1z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Document (General) */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.document {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19.949,5.536,16.465,2.05A6.958,6.958,0,0,0,11.515,0H7A5.006,5.006,0,0,0,2,5V19a5.006,5.006,0,0,0,5,5H17a5.006,5.006,0,0,0,5-5V10.485A6.951,6.951,0,0,0,19.949,5.536ZM18.535,6.95A4.983,4.983,0,0,1,19.316,8H15a1,1,0,0,1-1-1V2.684a5.01,5.01,0,0,1,1.051.78ZM20,19a3,3,0,0,1-3,3H7a3,3,0,0,1-3-3V5A3,3,0,0,1,7,2h4.515c.164,0,.323.032.485.047V7a3,3,0,0,0,3,3h4.953c.015.162.047.32.047.485Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Document, File Explorer New Note */
|
|
|
|
|
|
body:not(.no-svg-replace) .workspace-leaf-content[data-type=file-explorer] .nav-header .nav-action-button svg.document {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m16 16a1 1 0 0 1 -1 1h-2v2a1 1 0 0 1 -2 0v-2h-2a1 1 0 0 1 0-2h2v-2a1 1 0 0 1 2 0v2h2a1 1 0 0 1 1 1zm6-5.515v8.515a5.006 5.006 0 0 1 -5 5h-10a5.006 5.006 0 0 1 -5-5v-14a5.006 5.006 0 0 1 5-5h4.515a6.958 6.958 0 0 1 4.95 2.05l3.484 3.486a6.951 6.951 0 0 1 2.051 4.949zm-6.949-7.021a5.01 5.01 0 0 0 -1.051-.78v4.316a1 1 0 0 0 1 1h4.316a4.983 4.983 0 0 0 -.781-1.05zm4.949 7.021c0-.165-.032-.323-.047-.485h-4.953a3 3 0 0 1 -3-3v-4.953c-.162-.015-.321-.047-.485-.047h-4.515a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Document, Active Note (Markdown) */
|
|
|
|
|
|
body:not(.no-svg-replace) .workspace-leaf-content[data-type=markdown] .view-header .view-header-icon svg.document {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%' viewBox='0 0 24 24' width='100%' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m17 14a1 1 0 0 1 -1 1h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 1 1zm-4 3h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2zm9-6.515v8.515a5.006 5.006 0 0 1 -5 5h-10a5.006 5.006 0 0 1 -5-5v-14a5.006 5.006 0 0 1 5-5h4.515a6.958 6.958 0 0 1 4.95 2.05l3.484 3.486a6.951 6.951 0 0 1 2.051 4.949zm-6.949-7.021a5.01 5.01 0 0 0 -1.051-.78v4.316a1 1 0 0 0 1 1h4.316a4.983 4.983 0 0 0 -.781-1.05zm4.949 7.021c0-.165-.032-.323-.047-.485h-4.953a3 3 0 0 1 -3-3v-4.953c-.162-.015-.321-.047-.485-.047h-4.515a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Document, Active Note ( ) */
|
|
|
|
|
|
body:not(.no-svg-replace) .workspace-leaf-content[data-type=" "] .view-header .view-header-icon svg.document {
|
|
|
|
|
|
-webkit-mask-image: url("");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Multiple Document, Insert Template */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.documents {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m13 20a5.006 5.006 0 0 0 5-5v-8.757a3.972 3.972 0 0 0 -1.172-2.829l-2.242-2.242a3.972 3.972 0 0 0 -2.829-1.172h-4.757a5.006 5.006 0 0 0 -5 5v10a5.006 5.006 0 0 0 5 5zm-9-5v-10a3 3 0 0 1 3-3s4.919.014 5 .024v1.976a2 2 0 0 0 2 2h1.976c.01.081.024 9 .024 9a3 3 0 0 1 -3 3h-6a3 3 0 0 1 -3-3zm18-7v11a5.006 5.006 0 0 1 -5 5h-9a1 1 0 0 1 0-2h9a3 3 0 0 0 3-3v-11a1 1 0 0 1 2 0z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Multiple Document, Search Files -> Copy Search Results */
|
|
|
|
|
|
body:not(.no-svg-replace) .workspace-leaf-content[data-type=search] .nav-header .nav-action-button svg.documents {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m15 20h-10a5.006 5.006 0 0 1 -5-5v-10a5.006 5.006 0 0 1 5-5h10a5.006 5.006 0 0 1 5 5v10a5.006 5.006 0 0 1 -5 5zm-10-18a3 3 0 0 0 -3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-10a3 3 0 0 0 -3-3zm19 17v-13a1 1 0 0 0 -2 0v13a3 3 0 0 1 -3 3h-13a1 1 0 0 0 0 2h13a5.006 5.006 0 0 0 5-5z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Dot Network, Graph View, Open Graph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.dot-network {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M20,12a3.994,3.994,0,0,0-3.172,1.566l-.07-.03a5,5,0,0,0-6.009-6.377l-.091-.172A3.995,3.995,0,1,0,8.879,7.9l.073.137a4.992,4.992,0,0,0-1.134,6.7L5.933,16.5a4,4,0,1,0,1.455,1.377l1.838-1.718a4.993,4.993,0,0,0,6.539-.871l.279.119A4,4,0,1,0,20,12ZM6,4A2,2,0,1,1,8,6,2,2,0,0,1,6,4ZM4,22a2,2,0,1,1,2-2A2,2,0,0,1,4,22Zm8-7a3,3,0,0,1-1.6-5.534l.407-.217A3,3,0,1,1,12,15Zm8,3a2,2,0,1,1,2-2A2,2,0,0,1,20,18Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Double Down Arrow */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.double-down-arrow-glyph {
|
|
|
|
|
|
transform: rotate(-90deg);
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.48,19a1,1,0,0,1-.7-.29L5.19,14.12a3,3,0,0,1,0-4.24L9.78,5.29a1,1,0,0,1,1.41,0,1,1,0,0,1,0,1.42L6.6,11.29a1,1,0,0,0,0,1.42l4.59,4.58a1,1,0,0,1,0,1.42A1,1,0,0,1,10.48,19Z'/%3E%3Cpath d='M17.48,19a1,1,0,0,1-.7-.29l-6-6a1,1,0,0,1,0-1.42l6-6a1,1,0,0,1,1.41,0,1,1,0,0,1,0,1.42L12.9,12l5.29,5.29a1,1,0,0,1,0,1.42A1,1,0,0,1,17.48,19Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Double Up Arrow */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.double-up-arrow-glyph {
|
|
|
|
|
|
transform: rotate(90deg);
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.48,19a1,1,0,0,1-.7-.29L5.19,14.12a3,3,0,0,1,0-4.24L9.78,5.29a1,1,0,0,1,1.41,0,1,1,0,0,1,0,1.42L6.6,11.29a1,1,0,0,0,0,1.42l4.59,4.58a1,1,0,0,1,0,1.42A1,1,0,0,1,10.48,19Z'/%3E%3Cpath d='M17.48,19a1,1,0,0,1-.7-.29l-6-6a1,1,0,0,1,0-1.42l6-6a1,1,0,0,1,1.41,0,1,1,0,0,1,0,1.42L12.9,12l5.29,5.29a1,1,0,0,1,0,1.42A1,1,0,0,1,17.48,19Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Down Arrow with Tail */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.down-arrow-with-tail {
|
|
|
|
|
|
transform: rotate(-90deg);
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M.88,14.09,4.75,18a1,1,0,0,0,1.42,0h0a1,1,0,0,0,0-1.42L2.61,13H23a1,1,0,0,0,1-1h0a1,1,0,0,0-1-1H2.55L6.17,7.38A1,1,0,0,0,6.17,6h0A1,1,0,0,0,4.75,6L.88,9.85A3,3,0,0,0,.88,14.09Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Down Chevron */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.down-chevron-glyph {
|
|
|
|
|
|
transform: rotate(-90deg);
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.6,12.71a1,1,0,0,1,0-1.42l4.59-4.58a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0L9.19,9.88a3,3,0,0,0,0,4.24l4.59,4.59a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.42Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Duplicate, Copy */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.duplicate-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m15 20h-10a5.006 5.006 0 0 1 -5-5v-10a5.006 5.006 0 0 1 5-5h10a5.006 5.006 0 0 1 5 5v10a5.006 5.006 0 0 1 -5 5zm-10-18a3 3 0 0 0 -3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-10a3 3 0 0 0 -3-3zm19 17v-13a1 1 0 0 0 -2 0v13a3 3 0 0 1 -3 3h-13a1 1 0 0 0 0 2h13a5.006 5.006 0 0 0 5-5z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Enter */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.enter {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M18.9,0H5.1A5.055,5.055,0,0,0,0,5V8A1,1,0,0,0,2,8V5A3.054,3.054,0,0,1,5.1,2H18.9A3.054,3.054,0,0,1,22,5V19a3.054,3.054,0,0,1-3.1,3H5.1A3.054,3.054,0,0,1,2,19V16a1,1,0,0,0-2,0v3a5.055,5.055,0,0,0,5.1,5H18.9A5.055,5.055,0,0,0,24,19V5A5.055,5.055,0,0,0,18.9,0Z'/%3E%3Cpath d='M3,12a1,1,0,0,0,1,1H4l13.188-.03-4.323,4.323a1,1,0,1,0,1.414,1.414l4.586-4.586a3,3,0,0,0,0-4.242L14.281,5.293a1,1,0,0,0-1.414,1.414l4.262,4.263L4,11A1,1,0,0,0,3,12Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Exit Fullscreen */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.exit-fullscreen {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M7.293,2.091,5.4,3.985,1.707.293A1,1,0,0,0,.293,1.707L3.985,5.4,2.091,7.293A1,1,0,0,0,2.8,9H7.564A1.436,1.436,0,0,0,9,7.564V2.8A1,1,0,0,0,7.293,2.091Z'/%3E%3Cpath d='M20.015,18.6l1.894-1.894A1,1,0,0,0,21.2,15H16.436A1.436,1.436,0,0,0,15,16.436V21.2a1,1,0,0,0,1.707.708L18.6,20.015l3.692,3.692a1,1,0,0,0,1.414-1.414Z'/%3E%3Cpath d='M16.436,9H21.2a1,1,0,0,0,.708-1.707L20.015,5.4l3.692-3.692A1,1,0,0,0,22.293.293L18.6,3.985,16.707,2.091A1,1,0,0,0,15,2.8V7.564A1.436,1.436,0,0,0,16.436,9Z'/%3E%3Cpath d='M7.564,15H2.8a1,1,0,0,0-.708,1.707L3.985,18.6.293,22.293a1,1,0,1,0,1.414,1.414L5.4,20.015l1.894,1.894A1,1,0,0,0,9,21.2V16.436A1.436,1.436,0,0,0,7.564,15Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Expand Vertically, Show More Context */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.expand-vertically {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10,6H23a1,1,0,0,0,0-2H10a1,1,0,0,0,0,2Z'/%3E%3Cpath d='M23,11H10a1,1,0,0,0,0,2H23a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M23,18H10a1,1,0,0,0,0,2H23a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M6.087,6a.5.5,0,0,0,.353-.854L4,2.707a1,1,0,0,0-1.414,0L.147,5.146A.5.5,0,0,0,.5,6H2.294V18H.5a.5.5,0,0,0-.354.854l2.44,2.439a1,1,0,0,0,1.414,0L6.44,18.854A.5.5,0,0,0,6.087,18H4.294V6Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* File Explorer */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.file-explorer-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19,3H12.472a1.019,1.019,0,0,1-.447-.1L8.869,1.316A3.014,3.014,0,0,0,7.528,1H5A5.006,5.006,0,0,0,0,6V18a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V8A5.006,5.006,0,0,0,19,3ZM5,3H7.528a1.019,1.019,0,0,1,.447.1l3.156,1.579A3.014,3.014,0,0,0,12.472,5H19a3,3,0,0,1,2.779,1.882L2,6.994V6A3,3,0,0,1,5,3ZM19,21H5a3,3,0,0,1-3-3V8.994l20-.113V18A3,3,0,0,1,19,21Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Filled Pin */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.filled-pin {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M1,24a1,1,0,0,0,.707-.293l6.619-6.619L9.574,18.38a5.169,5.169,0,0,0,3.605,1.614,3.991,3.991,0,0,0,1.339-.227,3.63,3.63,0,0,0,2.435-3.122,8.486,8.486,0,0,0-.222-3.027l-.214-1.042a1,1,0,0,1,.264-.943l1.587-1.588a.34.34,0,0,1,.236-.1.17.17,0,0,1,.167.065,3.077,3.077,0,0,0,3.971.432,3,3,0,0,0,.379-4.565L18.2.954a3.085,3.085,0,0,0-3.938-.4,3,3,0,0,0-.38,4.565l.076.076a.308.308,0,0,1,0,.434l-1.6,1.6a1,1,0,0,1-.954.261l-.817-.209a8.632,8.632,0,0,0-3.082-.233A3.863,3.863,0,0,0,4.25,9.634a4,4,0,0,0,.928,4.2l1.758,1.82L.293,22.293A1,1,0,0,0,1,24ZM6.135,10.3A1.856,1.856,0,0,1,7.713,9.036,6.7,6.7,0,0,1,8.406,9a6.622,6.622,0,0,1,1.681.217l.823.21a3.01,3.01,0,0,0,2.862-.785l1.6-1.6a2.31,2.31,0,0,0,0-3.262l-.076-.076a1,1,0,0,1,.134-1.528,1.084,1.084,0,0,1,1.356.19l4.924,4.924h0a1,1,0,0,1-.134,1.528,1.085,1.085,0,0,1-1.368-.2,2.212,2.212,0,0,0-1.584-.672,2.4,2.4,0,0,0-1.667.684l-1.586,1.587a3,3,0,0,0-.8,2.8l.219,1.058a6.646,6.646,0,0,1,.181,2.366,1.655,1.655,0,0,1-1.115,1.444,2.8,2.8,0,0,1-2.85-.9l-4.4-4.55A2.027,2.027,0,0,1,6.135,10.3Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Folder */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.folder {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19,3H12.472a1.019,1.019,0,0,1-.447-.1L8.869,1.316A3.014,3.014,0,0,0,7.528,1H5A5.006,5.006,0,0,0,0,6V18a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V8A5.006,5.006,0,0,0,19,3ZM5,3H7.528a1.019,1.019,0,0,1,.447.1l3.156,1.579A3.014,3.014,0,0,0,12.472,5H19a3,3,0,0,1,2.779,1.882L2,6.994V6A3,3,0,0,1,5,3ZM19,21H5a3,3,0,0,1-3-3V8.994l20-.113V18A3,3,0,0,1,19,21Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Folder, Workspace Tab Header -> File Explorer */
|
|
|
|
|
|
body:not(.no-svg-replace) .workspace-tab-header[aria-label="File explorer"] .workspace-tab-header-inner-icon svg.folder {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.121,9.069,15.536,1.483a5.008,5.008,0,0,0-7.072,0L.879,9.069A2.978,2.978,0,0,0,0,11.19v9.817a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V11.19A2.978,2.978,0,0,0,23.121,9.069ZM15,22.007H9V18.073a3,3,0,0,1,6,0Zm7-1a1,1,0,0,1-1,1H17V18.073a5,5,0,0,0-10,0v3.934H3a1,1,0,0,1-1-1V11.19a1.008,1.008,0,0,1,.293-.707L9.878,2.9a3.008,3.008,0,0,1,4.244,0l7.585,7.586A1.008,1.008,0,0,1,22,11.19Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Folder, File Explorer -> Add Folder */
|
|
|
|
|
|
body:not(.no-svg-replace) .nav-action-button[aria-label="New folder"] svg.folder {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m16 15a1 1 0 0 1 -1 1h-2v2a1 1 0 0 1 -2 0v-2h-2a1 1 0 0 1 0-2h2v-2a1 1 0 0 1 2 0v2h2a1 1 0 0 1 1 1zm8-7v10a5.006 5.006 0 0 1 -5 5h-14a5.006 5.006 0 0 1 -5-5v-12a5.006 5.006 0 0 1 5-5h2.528a3.014 3.014 0 0 1 1.341.316l3.156 1.584a1.016 1.016 0 0 0 .447.1h6.528a5.006 5.006 0 0 1 5 5zm-22-2v1h19.816a3 3 0 0 0 -2.816-2h-6.528a3.014 3.014 0 0 1 -1.341-.316l-3.156-1.579a1.016 1.016 0 0 0 -.447-.105h-2.528a3 3 0 0 0 -3 3zm20 12v-9h-20v9a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Fullscreen */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.fullscreen {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19,24H17a1,1,0,0,1,0-2h2a3,3,0,0,0,3-3V17a1,1,0,0,1,2,0v2A5.006,5.006,0,0,1,19,24Z'/%3E%3Cpath d='M1,8A1,1,0,0,1,0,7V5A5.006,5.006,0,0,1,5,0H7A1,1,0,0,1,7,2H5A3,3,0,0,0,2,5V7A1,1,0,0,1,1,8Z'/%3E%3Cpath d='M7,24H5a5.006,5.006,0,0,1-5-5V17a1,1,0,0,1,2,0v2a3,3,0,0,0,3,3H7a1,1,0,0,1,0,2Z'/%3E%3Cpath d='M23,8a1,1,0,0,1-1-1V5a3,3,0,0,0-3-3H17a1,1,0,0,1,0-2h2a5.006,5.006,0,0,1,5,5V7A1,1,0,0,1,23,8Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Gear, Side Dock Settings, Graph View Settings */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.gear {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,8a4,4,0,1,0,4,4A4,4,0,0,0,12,8Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,12,14Z'/%3E%3Cpath d='M21.294,13.9l-.444-.256a9.1,9.1,0,0,0,0-3.29l.444-.256a3,3,0,1,0-3-5.2l-.445.257A8.977,8.977,0,0,0,15,3.513V3A3,3,0,0,0,9,3v.513A8.977,8.977,0,0,0,6.152,5.159L5.705,4.9a3,3,0,0,0-3,5.2l.444.256a9.1,9.1,0,0,0,0,3.29l-.444.256a3,3,0,1,0,3,5.2l.445-.257A8.977,8.977,0,0,0,9,20.487V21a3,3,0,0,0,6,0v-.513a8.977,8.977,0,0,0,2.848-1.646l.447.258a3,3,0,0,0,3-5.2Zm-2.548-3.776a7.048,7.048,0,0,1,0,3.75,1,1,0,0,0,.464,1.133l1.084.626a1,1,0,0,1-1,1.733l-1.086-.628a1,1,0,0,0-1.215.165,6.984,6.984,0,0,1-3.243,1.875,1,1,0,0,0-.751.969V21a1,1,0,0,1-2,0V19.748a1,1,0,0,0-.751-.969A6.984,6.984,0,0,1,7.006,16.9a1,1,0,0,0-1.215-.165l-1.084.627a1,1,0,1,1-1-1.732l1.084-.626a1,1,0,0,0,.464-1.133,7.048,7.048,0,0,1,0-3.75A1,1,0,0,0,4.79,8.992L3.706,8.366a1,1,0,0,1,1-1.733l1.086.628A1,1,0,0,0,7.006,7.1a6.984,6.984,0,0,1,3.243-1.875A1,1,0,0,0,11,4.252V3a1,1,0,0,1,2,0V4.252a1,1,0,0,0,.751.969A6.984,6.984,0,0,1,16.994,7.1a1,1,0,0,0,1.215.165l1.084-.627a1,1,0,1,1,1,1.732l-1.084.626A1,1,0,0,0,18.746,10.125Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Quick Switcher / Go to File... */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.go-to-file {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%' viewBox='0 0 24 24' width='100%' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m16 6a1 1 0 0 1 0 2h-8a1 1 0 0 1 0-2zm7.707 17.707a1 1 0 0 1 -1.414 0l-2.407-2.407a4.457 4.457 0 0 1 -2.386.7 4.5 4.5 0 1 1 4.5-4.5 4.457 4.457 0 0 1 -.7 2.386l2.407 2.407a1 1 0 0 1 0 1.414zm-6.207-3.707a2.5 2.5 0 1 0 -2.5-2.5 2.5 2.5 0 0 0 2.5 2.5zm-4.5 2h-6a3 3 0 0 1 -3-3v-14a3 3 0 0 1 3-3h12a1 1 0 0 1 1 1v8a1 1 0 0 0 2 0v-8a3 3 0 0 0 -3-3h-12a5.006 5.006 0 0 0 -5 5v14a5.006 5.006 0 0 0 5 5h6a1 1 0 0 0 0-2z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Graph Glyph (Not used in Open Graph View or Graph View */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.graph-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M20,12a3.994,3.994,0,0,0-3.172,1.566l-.07-.03a5,5,0,0,0-6.009-6.377l-.091-.172A3.995,3.995,0,1,0,8.879,7.9l.073.137a4.992,4.992,0,0,0-1.134,6.7L5.933,16.5a4,4,0,1,0,1.455,1.377l1.838-1.718a4.993,4.993,0,0,0,6.539-.871l.279.119A4,4,0,1,0,20,12ZM6,4A2,2,0,1,1,8,6,2,2,0,0,1,6,4ZM4,22a2,2,0,1,1,2-2A2,2,0,0,1,4,22Zm8-7a3,3,0,0,1-1.6-5.534l.407-.217A3,3,0,1,1,12,15Zm8,3a2,2,0,1,1,2-2A2,2,0,0,1,20,18Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Hashtag, Tag Pane */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.hashtag {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23,7H18.191l.8-5.865a1,1,0,1,0-1.982-.27L16.173,7H9.191l.8-5.865A1,1,0,1,0,8.009.865L7.173,7H2A1,1,0,0,0,2,9H6.9l-.818,6H1a1,1,0,0,0,0,2H5.809l-.8,5.865a1,1,0,0,0,1.982.27L7.827,17h6.982l-.8,5.865a1,1,0,0,0,1.982.27L16.827,17H22a1,1,0,0,0,0-2H17.1l.818-6H23A1,1,0,0,0,23,7Zm-7.918,8H8.1l.818-6H15.9Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Heading Glyph, Burger Menu */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.heading-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Crect y='11' width='24' height='2' rx='1'/%3E%3Crect y='4' width='24' height='2' rx='1'/%3E%3Crect y='18' width='24' height='2' rx='1'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Help, Widget Icon */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.help .widget-icon {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3Cpath d='M12.717,5.063A4,4,0,0,0,8,9a1,1,0,0,0,2,0,2,2,0,0,1,2.371-1.967,2.024,2.024,0,0,1,1.6,1.595,2,2,0,0,1-1,2.125A3.954,3.954,0,0,0,11,14.257V15a1,1,0,0,0,2,0v-.743a1.982,1.982,0,0,1,.93-1.752,4,4,0,0,0-1.213-7.442Z'/%3E%3Crect x='11' y='17' width='2' height='2' rx='1'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Help, Side Dock Ribbon -> Obsidian Help */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.help {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3Cpath d='M12.717,5.063A4,4,0,0,0,8,9a1,1,0,0,0,2,0,2,2,0,0,1,2.371-1.967,2.024,2.024,0,0,1,1.6,1.595,2,2,0,0,1-1,2.125A3.954,3.954,0,0,0,11,14.257V15a1,1,0,0,0,2,0v-.743a1.982,1.982,0,0,1,.93-1.752,4,4,0,0,0-1.213-7.442Z'/%3E%3Crect x='11' y='17' width='2' height='2' rx='1'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Highlight, Fill */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.highlight-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m22.327 18.422c.728 1.034 1.673 2.229 1.673 3.078a2.5 2.5 0 0 1 -5 0c0-.775.961-2.008 1.692-3.069a1 1 0 0 1 1.635-.009zm-.877-4.558-8.672 8.672a5.006 5.006 0 0 1 -7.071 0l-4.242-4.243a5 5 0 0 1 0-7.071l5.709-5.71-2.856-2.89a1 1 0 0 1 1.422-1.406l2.848 2.884 1.548-1.55-.843-.843a1 1 0 0 1 1.414-1.414l13 13a1 1 0 1 1 -1.414 1.414zm-1.414-1.414-8.486-8.486-1.557 1.558 4.718 4.778a1 1 0 1 1 -1.422 1.4l-4.709-4.765-5.7 5.7a3 3 0 0 0 0 4.243l4.242 4.243a3.005 3.005 0 0 0 4.243 0z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Horizontal Split / Split Horizontally */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.horizontal-split {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 512 512' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M2015 4466 c-37 -17 -70 -52 -84 -89 -8 -19 -11 -290 -11 -843 l0%0A-814 -527 0 -528 0 282 283 c304 304 305 306 288 394 -9 49 -69 109 -118 118%0A-91 17 -76 30 -549 -443 -383 -384 -438 -442 -443 -475 -17 -92 -30 -76 443%0A-549 473 -473 458 -460 549 -443 49 9 109 69 118 118 17 88 16 90 -288 395%0Al-282 282 528 0 527 0 2 -829 c3 -820 3 -830 24 -857 39 -53 71 -69 134 -69%0A63 0 95 16 134 69 l21 27 0 1819 0 1819 -21 27 c-11 15 -32 37 -46 47 -34 25%0A-113 32 -153 13z'/%3E%3Cpath d='M2975 4466 c-41 -18 -83 -69 -90 -109 -3 -18 -4 -838 -3 -1824 l3%0A-1792 21 -27 c39 -53 71 -69 134 -69 63 0 95 16 134 69 21 27 21 37 24 857 l2%0A829 527 0 528 0 -282 -282 c-304 -305 -305 -307 -288 -395 9 -49 69 -109 118%0A-118 91 -17 76 -30 549 443 473 473 460 457 443 549 -5 33 -60 91 -443 475%0A-384 383 -442 438 -474 443 -61 11 -108 -3 -149 -44 -41 -41 -55 -88 -44 -148%0A6 -33 45 -77 288 -320 l282 -283 -528 0 -527 0 -2 829 c-3 820 -3 830 -24 857%0A-11 15 -32 37 -46 47 -33 25 -113 32 -153 13z'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
|
transform: rotate(90deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Image File */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.image-file {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19,0H5A5.006,5.006,0,0,0,0,5V19a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V5A5.006,5.006,0,0,0,19,0ZM5,2H19a3,3,0,0,1,3,3V19a2.951,2.951,0,0,1-.3,1.285l-9.163-9.163a5,5,0,0,0-7.072,0L2,14.586V5A3,3,0,0,1,5,2ZM5,22a3,3,0,0,1-3-3V17.414l4.878-4.878a3,3,0,0,1,4.244,0L20.285,21.7A2.951,2.951,0,0,1,19,22Z'/%3E%3Cpath d='M16,10.5A3.5,3.5,0,1,0,12.5,7,3.5,3.5,0,0,0,16,10.5Zm0-5A1.5,1.5,0,1,1,14.5,7,1.5,1.5,0,0,1,16,5.5Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Image Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.image-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19,0H5A5.006,5.006,0,0,0,0,5V19a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V5A5.006,5.006,0,0,0,19,0ZM5,2H19a3,3,0,0,1,3,3V19a2.951,2.951,0,0,1-.3,1.285l-9.163-9.163a5,5,0,0,0-7.072,0L2,14.586V5A3,3,0,0,1,5,2ZM5,22a3,3,0,0,1-3-3V17.414l4.878-4.878a3,3,0,0,1,4.244,0L20.285,21.7A2.951,2.951,0,0,1,19,22Z'/%3E%3Cpath d='M16,10.5A3.5,3.5,0,1,0,12.5,7,3.5,3.5,0,0,0,16,10.5Zm0-5A1.5,1.5,0,1,1,14.5,7,1.5,1.5,0,0,1,16,5.5Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Import Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.import-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M9.878 18.122a3 3 0 0 0 4.244 0l3.211-3.211A1 1 0 0 0 15.919 13.5l-2.926 2.927L13 1a1 1 0 0 0-1-1h0a1 1 0 0 0-1 1l-.009 15.408L8.081 13.5a1 1 0 0 0-1.414 1.415Z'/%3E%3Cpath d='M23 16h0a1 1 0 0 0-1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V17a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v4a3 3 0 0 0 3 3H21a3 3 0 0 0 3-3V17A1 1 0 0 0 23 16Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Indent Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.indent-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M1,6H23a1,1,0,0,0,0-2H1A1,1,0,0,0,1,6Z'/%3E%3Cpath d='M23,9H9a1,1,0,0,0,0,2H23a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M23,19H1a1,1,0,0,0,0,2H23a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M23,14H9a1,1,0,0,0,0,2H23a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M1.707,16.245l2.974-2.974a1.092,1.092,0,0,0,0-1.542L1.707,8.755A1,1,0,0,0,0,9.463v6.074A1,1,0,0,0,1.707,16.245Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Info */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.info {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3Cpath d='M12,10H11a1,1,0,0,0,0,2h1v6a1,1,0,0,0,2,0V12A2,2,0,0,0,12,10Z'/%3E%3Ccircle cx='12' cy='6.5' r='1.5'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Install */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.install {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M9.878 18.122a3 3 0 0 0 4.244 0l3.211-3.211A1 1 0 0 0 15.919 13.5l-2.926 2.927L13 1a1 1 0 0 0-1-1h0a1 1 0 0 0-1 1l-.009 15.408L8.081 13.5a1 1 0 0 0-1.414 1.415Z'/%3E%3Cpath d='M23 16h0a1 1 0 0 0-1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V17a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v4a3 3 0 0 0 3 3H21a3 3 0 0 0 3-3V17A1 1 0 0 0 23 16Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Italic Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.italic-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M20,0H7A1,1,0,0,0,7,2h5.354L9.627,22H4a1,1,0,0,0,0,2H17a1,1,0,0,0,0-2H11.646L14.373,2H20a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Keyboard Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.keyboard-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19,6H13V3a1,1,0,0,0-2,0V6H5a5.006,5.006,0,0,0-5,5v4a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V11A5.006,5.006,0,0,0,19,6Zm3,9a3,3,0,0,1-3,3H5a3,3,0,0,1-3-3V11A3,3,0,0,1,5,8H19a3,3,0,0,1,3,3Z'/%3E%3Cpath d='M15,14H9a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M10,12h1a1,1,0,0,0,0-2H10a1,1,0,0,0,0,2Z'/%3E%3Cpath d='M19,10H15a1,1,0,0,0,0,2h4a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M6,10H5a1,1,0,0,0,0,2H6a1,1,0,0,0,0-2Z'/%3E%3Ccircle cx='5' cy='15' r='1'/%3E%3Ccircle cx='19' cy='15' r='1'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Languages, Standing Globe */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.languages {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m13 16a8 8 0 1 0 -8-8 8.009 8.009 0 0 0 8 8zm0-14a6 6 0 1 1 -6 6 6.006 6.006 0 0 1 6-6zm9.907 12.773a11.992 11.992 0 0 1 -8.907 5.166v2.061h4a1 1 0 0 1 0 2h-10a1 1 0 0 1 0-2h4v-2.051a11.994 11.994 0 0 1 -8.257-19.586 1 1 0 0 1 1.542 1.274 10 10 0 1 0 15.971 12.006 1 1 0 0 1 1.651 1.13z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Left Arrow, Collapse Arrows */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.left-arrow {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.6,12.71a1,1,0,0,1,0-1.42l4.59-4.58a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0L9.19,9.88a3,3,0,0,0,0,4.24l4.59,4.59a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.42Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Left Arrow with Tail, Title Bar -> Left Arrow */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.left-arrow-with-tail {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M.88,14.09,4.75,18a1,1,0,0,0,1.42,0h0a1,1,0,0,0,0-1.42L2.61,13H23a1,1,0,0,0,1-1h0a1,1,0,0,0-1-1H2.55L6.17,7.38A1,1,0,0,0,6.17,6h0A1,1,0,0,0,4.75,6L.88,9.85A3,3,0,0,0,.88,14.09Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Left Chevron */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.left-chevron-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.6,12.71a1,1,0,0,1,0-1.42l4.59-4.58a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0L9.19,9.88a3,3,0,0,0,0,4.24l4.59,4.59a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.42Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Lines of Text, Active Note -> Preview Mode */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.lines-of-text {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m20 0a4 4 0 0 0 -4 4 1 1 0 0 0 2 0 2 2 0 0 1 4 0v11.026a4.948 4.948 0 0 0 -3-1.026 5 5 0 0 0 -4.145 2.207 3.98 3.98 0 0 0 -5.71 0 5 5 0 0 0 -4.145-2.207 4.948 4.948 0 0 0 -3 1.026v-11.026a2 2 0 0 1 4 0 1 1 0 0 0 2 0 4 4 0 0 0 -8 0v15a5 5 0 0 0 10 0 2 2 0 0 1 4 0 5 5 0 0 0 10 0v-15a4 4 0 0 0 -4-4zm-15 22a3 3 0 1 1 3-3 3 3 0 0 1 -3 3zm14 0a3 3 0 1 1 3-3 3 3 0 0 1 -3 3z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Link Global Icon */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.link {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M13.845,17.267l-3.262,3.262A5.028,5.028,0,0,1,3.472,13.42l3.262-3.265A1,1,0,0,0,5.319,8.741L2.058,12.006A7.027,7.027,0,0,0,12,21.943l3.262-3.262a1,1,0,0,0-1.414-1.414Z'/%3E%3Cpath d='M21.944,2.061A6.979,6.979,0,0,0,16.975,0h0a6.983,6.983,0,0,0-4.968,2.057L8.74,5.32a1,1,0,0,0,1.414,1.415l3.265-3.262A4.993,4.993,0,0,1,16.973,2h0a5.028,5.028,0,0,1,3.554,8.583l-3.262,3.262A1,1,0,1,0,18.68,15.26L21.942,12A7.037,7.037,0,0,0,21.944,2.061Z'/%3E%3Cpath d='M14.293,8.293l-6,6a1,1,0,1,0,1.414,1.414l6-6a1,1,0,0,0-1.414-1.414Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Link Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.link-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M13.845,17.267l-3.262,3.262A5.028,5.028,0,0,1,3.472,13.42l3.262-3.265A1,1,0,0,0,5.319,8.741L2.058,12.006A7.027,7.027,0,0,0,12,21.943l3.262-3.262a1,1,0,0,0-1.414-1.414Z'/%3E%3Cpath d='M21.944,2.061A6.979,6.979,0,0,0,16.975,0h0a6.983,6.983,0,0,0-4.968,2.057L8.74,5.32a1,1,0,0,0,1.414,1.415l3.265-3.262A4.993,4.993,0,0,1,16.973,2h0a5.028,5.028,0,0,1,3.554,8.583l-3.262,3.262A1,1,0,1,0,18.68,15.26L21.942,12A7.037,7.037,0,0,0,21.944,2.061Z'/%3E%3Cpath d='M14.293,8.293l-6,6a1,1,0,1,0,1.414,1.414l6-6a1,1,0,0,0-1.414-1.414Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Links Coming In, Backlinks Tab Header */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.links-coming-in {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M7,22H5a3,3,0,0,1-3-3V5A3,3,0,0,1,5,2H7A1,1,0,0,0,7,0H5A5.006,5.006,0,0,0,0,5V19a5.006,5.006,0,0,0,5,5H7a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M23,11h0l-15.777.032a2.018,2.018,0,0,1,.326-.446l3.879-3.879a1,1,0,1,0-1.414-1.414L6.133,9.172a4,4,0,0,0,0,5.656l3.879,3.879a1,1,0,1,0,1.414-1.414L7.547,13.414a2.01,2.01,0,0,1-.291-.382L23,13a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Links Going Out, Outgoing Tab Header */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.links-going-out {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M22.829,9.172,18.95,5.293a1,1,0,0,0-1.414,1.414l3.879,3.879a2.057,2.057,0,0,1,.3.39c-.015,0-.027-.008-.042-.008h0L5.989,11a1,1,0,0,0,0,2h0l15.678-.032c.028,0,.051-.014.078-.016a2,2,0,0,1-.334.462l-3.879,3.879a1,1,0,1,0,1.414,1.414l3.879-3.879a4,4,0,0,0,0-5.656Z'/%3E%3Cpath d='M7,22H5a3,3,0,0,1-3-3V5A3,3,0,0,1,5,2H7A1,1,0,0,0,7,0H5A5.006,5.006,0,0,0,0,5V19a5.006,5.006,0,0,0,5,5H7a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Longform, Book */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.longform {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M17,0H7A5.006,5.006,0,0,0,2,5V20a4,4,0,0,0,4,4H17a5.006,5.006,0,0,0,5-5V5A5.006,5.006,0,0,0,17,0Zm3,5V16H8V2h9A3,3,0,0,1,20,5ZM6,2.172V16a3.98,3.98,0,0,0-2,.537V5A3,3,0,0,1,6,2.172ZM17,22H6a2,2,0,0,1,0-4H20v1A3,3,0,0,1,17,22Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Magnifying Glass */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.magnifying-glass {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.707,22.293l-5.969-5.969a10.016,10.016,0,1,0-1.414,1.414l5.969,5.969a1,1,0,0,0,1.414-1.414ZM10,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,10,18Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Merge Files */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.merge-files {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M21.155,3.272,18.871.913A3.02,3.02,0,0,0,16.715,0H12A5.009,5.009,0,0,0,7.1,4H7A5.006,5.006,0,0,0,2,9V19a5.006,5.006,0,0,0,5,5h6a5.006,5.006,0,0,0,5-5v-.1A5.009,5.009,0,0,0,22,14V5.36A2.988,2.988,0,0,0,21.155,3.272ZM13,22H7a3,3,0,0,1-3-3V9A3,3,0,0,1,7,6v8a5.006,5.006,0,0,0,5,5h4A3,3,0,0,1,13,22Zm4-5H12a3,3,0,0,1-3-3V5a3,3,0,0,1,3-3h4V4a2,2,0,0,0,2,2h2v8A3,3,0,0,1,17,17Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Merge Files Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.merge-files-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M21.155,3.272,18.871.913A3.02,3.02,0,0,0,16.715,0H12A5.009,5.009,0,0,0,7.1,4H7A5.006,5.006,0,0,0,2,9V19a5.006,5.006,0,0,0,5,5h6a5.006,5.006,0,0,0,5-5v-.1A5.009,5.009,0,0,0,22,14V5.36A2.988,2.988,0,0,0,21.155,3.272ZM13,22H7a3,3,0,0,1-3-3V9A3,3,0,0,1,7,6v8a5.006,5.006,0,0,0,5,5h4A3,3,0,0,1,13,22Zm4-5H12a3,3,0,0,1-3-3V5a3,3,0,0,1,3-3h4V4a2,2,0,0,0,2,2h2v8A3,3,0,0,1,17,17Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Microphone, Side Dock -> Record */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.microphone {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,20a8.009,8.009,0,0,0,8-8V8A8,8,0,0,0,4,8v4A8.009,8.009,0,0,0,12,20ZM12,2a6.006,6.006,0,0,1,5.91,5H15a1,1,0,0,0,0,2h3v2H15a1,1,0,0,0,0,2h2.91A5.993,5.993,0,0,1,6.09,13H9a1,1,0,0,0,0-2H6V9H9A1,1,0,0,0,9,7H6.09A6.006,6.006,0,0,1,12,2Z'/%3E%3Cpath d='M23,12a1,1,0,0,0-1,1,9.01,9.01,0,0,1-9,9H11a9.011,9.011,0,0,1-9-9,1,1,0,0,0-2,0A11.013,11.013,0,0,0,11,24h2A11.013,11.013,0,0,0,24,13,1,1,0,0,0,23,12Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Microphone Filled */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.microphone-filled {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,20a8.009,8.009,0,0,0,8-8V8A8,8,0,0,0,4,8v4A8.009,8.009,0,0,0,12,20ZM12,2a6.006,6.006,0,0,1,5.91,5H15a1,1,0,0,0,0,2h3v2H15a1,1,0,0,0,0,2h2.91A5.993,5.993,0,0,1,6.09,13H9a1,1,0,0,0,0-2H6V9H9A1,1,0,0,0,9,7H6.09A6.006,6.006,0,0,1,12,2Z'/%3E%3Cpath d='M23,12a1,1,0,0,0-1,1,9.01,9.01,0,0,1-9,9H11a9.011,9.011,0,0,1-9-9,1,1,0,0,0-2,0A11.013,11.013,0,0,0,11,24h2A11.013,11.013,0,0,0,24,13,1,1,0,0,0,23,12Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Minus with Circle */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.minus-with-circle {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M2330 5110 c-494 -48 -950 -230 -1350 -538 -195 -150 -448 -432 -594%0A-662 -63 -99 -186 -351 -230 -471 -49 -134 -102 -340 -128 -499 -31 -195 -31%0A-565 0 -760 45 -276 116 -498 237 -745 132 -269 269 -460 489 -681 221 -220%0A412 -357 681 -489 247 -121 469 -192 745 -237 195 -31 565 -31 760 0 276 45%0A498 116 745 237 269 132 460 269 681 489 220 221 357 412 489 681 88 179 132%0A296 180 476 63 240 78 371 78 649 0 278 -15 409 -78 649 -48 180 -92 297 -180%0A476 -132 269 -269 460 -489 681 -221 220 -412 357 -681 489 -246 121 -474 193%0A-740 235 -147 23 -475 34 -615 20z m468 -401 c488 -53 934 -270 1288 -623 415%0A-415 634 -943 634 -1526 0 -583 -219 -1111 -634 -1526 -415 -415 -943 -634%0A-1526 -634 -583 0 -1111 219 -1526 634 -415 415 -634 943 -634 1526 0 583 219%0A1111 634 1526 349 349 800 569 1276 623 110 12 376 13 488 0z'/%3E%3Cpath d='M1515 2765 c-59 -16 -118 -73 -136 -133 -26 -88 19 -190 103 -231%0Al44 -21 1034 0 1034 0 44 21 c84 41 129 143 102 232 -19 63 -83 122 -148 136%0A-83 17 -2010 14 -2077 -4z'/%3E%3C/g%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Navigate Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.navigate-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M13.987,6.108c-.039.011-7.228,2.864-7.228,2.864a2.76,2.76,0,0,0,.2,5.212l2.346.587.773,2.524A2.739,2.739,0,0,0,12.617,19h.044a2.738,2.738,0,0,0,2.532-1.786s2.693-7.165,2.7-7.2a3.2,3.2,0,0,0-3.908-3.907ZM15.97,9.467,13.322,16.51a.738.738,0,0,1-.692.49c-.1-.012-.525-.026-.675-.378l-.908-2.976a1,1,0,0,0-.713-.679l-2.818-.7a.762.762,0,0,1-.027-1.433l7.06-2.8a1.149,1.149,0,0,1,1.094.32A1.19,1.19,0,0,1,15.97,9.467ZM12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Note Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.note-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19.949,5.536,16.465,2.05A6.958,6.958,0,0,0,11.515,0H7A5.006,5.006,0,0,0,2,5V19a5.006,5.006,0,0,0,5,5H17a5.006,5.006,0,0,0,5-5V10.485A6.951,6.951,0,0,0,19.949,5.536ZM18.535,6.95A4.983,4.983,0,0,1,19.316,8H15a1,1,0,0,1-1-1V2.684a5.01,5.01,0,0,1,1.051.78ZM20,19a3,3,0,0,1-3,3H7a3,3,0,0,1-3-3V5A3,3,0,0,1,7,2h4.515c.164,0,.323.032.485.047V7a3,3,0,0,0,3,3h4.953c.015.162.047.32.047.485Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Number List Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.number-list-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M7 6H23a1 1 0 0 0 0-2H7A1 1 0 0 0 7 6Z'/%3E%3Cpath d='M23 11H7a1 1 0 0 0 0 2H23a1 1 0 0 0 0-2Z'/%3E%3Cpath d='M23 18H7a1 1 0 0 0 0 2H23a1 1 0 0 0 0-2Z'/%3E%3Ccircle cx='2' cy='5' r='2'/%3E%3Ccircle cx='2' cy='12' r='2'/%3E%3Ccircle cx='2' cy='19' r='2'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Open Elsewhere Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.open-elsewhere-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m19 0h-8a5.006 5.006 0 0 0 -5 5v6h-1a5.006 5.006 0 0 0 -5 5v3a5.006 5.006 0 0 0 5 5h3a5.006 5.006 0 0 0 5-5v-1h6a5.006 5.006 0 0 0 5-5v-8a5.006 5.006 0 0 0 -5-5zm-8 16a3 3 0 0 1 -3-3 3 3 0 0 1 3 3zm0 3a3 3 0 0 1 -3 3h-3a3 3 0 0 1 -3-3v-3a3 3 0 0 1 3-3h1a5.006 5.006 0 0 0 5 5zm11-6a3 3 0 0 1 -3 3h-6a4.969 4.969 0 0 0 -.833-2.753l5.833-5.833v2.586a1 1 0 0 0 2 0v-3a3 3 0 0 0 -3-3h-3a1 1 0 0 0 0 2h2.586l-5.833 5.833a4.969 4.969 0 0 0 -2.753-.833v-6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Side Dock Ribbon -> Open Vault */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.open-vault {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M4.5,17.5H2a2,2,0,0,0-2,2V22a2,2,0,0,0,2,2H4.5a2,2,0,0,0,2-2V19.5A2,2,0,0,0,4.5,17.5Zm0,4.5H2V19.5H4.5Z'/%3E%3Cpath d='M22,17.5H19.5a2,2,0,0,0-2,2V22a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2V19.5A2,2,0,0,0,22,17.5ZM22,22H19.5V19.5H22Z'/%3E%3Cpath d='M4.5,8.75H2a2,2,0,0,0-2,2v2.5a2,2,0,0,0,2,2H4.5a2,2,0,0,0,2-2v-2.5A2,2,0,0,0,4.5,8.75Zm0,4.5H2v-2.5H4.5Z'/%3E%3Cpath d='M22,8.75H19.5a2,2,0,0,0-2,2v2.5a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2v-2.5A2,2,0,0,0,22,8.75Zm0,4.5H19.5v-2.5H22Z'/%3E%3Cpath d='M4.5,0H2A2,2,0,0,0,0,2V4.5a2,2,0,0,0,2,2H4.5a2,2,0,0,0,2-2V2A2,2,0,0,0,4.5,0Zm0,4.5H2V2H4.5Z'/%3E%3Cpath d='M13.25,17.5h-2.5a2,2,0,0,0-2,2V22a2,2,0,0,0,2,2h2.5a2,2,0,0,0,2-2V19.5A2,2,0,0,0,13.25,17.5Zm0,4.5h-2.5V19.5h2.5Z'/%3E%3Cpath d='M13.25,8.75h-2.5a2,2,0,0,0-2,2v2.5a2,2,0,0,0,2,2h2.5a2,2,0,0,0,2-2v-2.5A2,2,0,0,0,13.25,8.75Zm0,4.5h-2.5v-2.5h2.5Z'/%3E%3Cpath d='M13.25,0h-2.5a2,2,0,0,0-2,2V4.5a2,2,0,0,0,2,2h2.5a2,2,0,0,0,2-2V2A2,2,0,0,0,13.25,0Zm0,4.5h-2.5V2h2.5Z'/%3E%3Cpath d='M22,0H19.5a2,2,0,0,0-2,2V4.5a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2V2A2,2,0,0,0,22,0Zm0,4.5H19.5V2H22Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Pane Layout */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.pane-layout {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M2,11H13a2,2,0,0,0,2-2V2a2,2,0,0,0-2-2H2A2,2,0,0,0,0,2V9A2,2,0,0,0,2,11ZM2,2H13V9H2Z'/%3E%3Cpath d='M22,0H19a2,2,0,0,0-2,2V9a2,2,0,0,0,2,2h3a2,2,0,0,0,2-2V2A2,2,0,0,0,22,0Zm0,9H19V2h3Z'/%3E%3Cpath d='M5,13H2a2,2,0,0,0-2,2v7a2,2,0,0,0,2,2H5a2,2,0,0,0,2-2V15A2,2,0,0,0,5,13Zm0,9H2V15H5Z'/%3E%3Cpath d='M22,13H11a2,2,0,0,0-2,2v7a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2V15A2,2,0,0,0,22,13Zm0,9H11V15H22Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Paper Plane, Obsidian Publish */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.paper-plane {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.119.882a2.966,2.966,0,0,0-2.8-.8l-16,3.37a4.995,4.995,0,0,0-2.853,8.481L3.184,13.65a1,1,0,0,1,.293.708v3.168a2.965,2.965,0,0,0,.3,1.285l-.008.007.026.026A3,3,0,0,0,5.157,20.2l.026.026.007-.008a2.965,2.965,0,0,0,1.285.3H9.643a1,1,0,0,1,.707.292l1.717,1.717A4.963,4.963,0,0,0,15.587,24a5.049,5.049,0,0,0,1.605-.264,4.933,4.933,0,0,0,3.344-3.986L23.911,3.715A2.975,2.975,0,0,0,23.119.882ZM4.6,12.238,2.881,10.521a2.94,2.94,0,0,1-.722-3.074,2.978,2.978,0,0,1,2.5-2.026L20.5,2.086,5.475,17.113V14.358A2.978,2.978,0,0,0,4.6,12.238Zm13.971,7.17a3,3,0,0,1-5.089,1.712L11.762,19.4a2.978,2.978,0,0,0-2.119-.878H6.888L21.915,3.5Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Paper Plane 2 */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.paper-plane-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.119.882a2.966,2.966,0,0,0-2.8-.8l-16,3.37a4.995,4.995,0,0,0-2.853,8.481L3.184,13.65a1,1,0,0,1,.293.708v3.168a2.965,2.965,0,0,0,.3,1.285l-.008.007.026.026A3,3,0,0,0,5.157,20.2l.026.026.007-.008a2.965,2.965,0,0,0,1.285.3H9.643a1,1,0,0,1,.707.292l1.717,1.717A4.963,4.963,0,0,0,15.587,24a5.049,5.049,0,0,0,1.605-.264,4.933,4.933,0,0,0,3.344-3.986L23.911,3.715A2.975,2.975,0,0,0,23.119.882ZM4.6,12.238,2.881,10.521a2.94,2.94,0,0,1-.722-3.074,2.978,2.978,0,0,1,2.5-2.026L20.5,2.086,5.475,17.113V14.358A2.978,2.978,0,0,0,4.6,12.238Zm13.971,7.17a3,3,0,0,1-5.089,1.712L11.762,19.4a2.978,2.978,0,0,0-2.119-.878H6.888L21.915,3.5Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Paste */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.paste {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m15 20h-10a5.006 5.006 0 0 1 -5-5v-10a5.006 5.006 0 0 1 5-5h10a5.006 5.006 0 0 1 5 5v10a5.006 5.006 0 0 1 -5 5zm-10-18a3 3 0 0 0 -3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-10a3 3 0 0 0 -3-3zm19 17v-13a1 1 0 0 0 -2 0v13a3 3 0 0 1 -3 3h-13a1 1 0 0 0 0 2h13a5.006 5.006 0 0 0 5-5z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Paste Text */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.paste-text {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m15 20h-10a5.006 5.006 0 0 1 -5-5v-10a5.006 5.006 0 0 1 5-5h10a5.006 5.006 0 0 1 5 5v10a5.006 5.006 0 0 1 -5 5zm-10-18a3 3 0 0 0 -3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-10a3 3 0 0 0 -3-3zm19 17v-13a1 1 0 0 0 -2 0v13a3 3 0 0 1 -3 3h-13a1 1 0 0 0 0 2h13a5.006 5.006 0 0 0 5-5z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Paused */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.paused {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M6.5,0A3.5,3.5,0,0,0,3,3.5v17a3.5,3.5,0,0,0,7,0V3.5A3.5,3.5,0,0,0,6.5,0ZM8,20.5a1.5,1.5,0,0,1-3,0V3.5a1.5,1.5,0,0,1,3,0Z'/%3E%3Cpath d='M17.5,0A3.5,3.5,0,0,0,14,3.5v17a3.5,3.5,0,0,0,7,0V3.5A3.5,3.5,0,0,0,17.5,0ZM19,20.5a1.5,1.5,0,0,1-3,0V3.5a1.5,1.5,0,0,1,3,0Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* PDF File */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.pdf-file {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%' viewBox='0 0 24 24' width='100%' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m17 14a1 1 0 0 1 -1 1h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 1 1zm-4 3h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2zm9-6.515v8.515a5.006 5.006 0 0 1 -5 5h-10a5.006 5.006 0 0 1 -5-5v-14a5.006 5.006 0 0 1 5-5h4.515a6.958 6.958 0 0 1 4.95 2.05l3.484 3.486a6.951 6.951 0 0 1 2.051 4.949zm-6.949-7.021a5.01 5.01 0 0 0 -1.051-.78v4.316a1 1 0 0 0 1 1h4.316a4.983 4.983 0 0 0 -.781-1.05zm4.949 7.021c0-.165-.032-.323-.047-.485h-4.953a3 3 0 0 1 -3-3v-4.953c-.162-.015-.321-.047-.485-.047h-4.515a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Pencil */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.pencil {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M22.853,1.148a3.626,3.626,0,0,0-5.124,0L1.465,17.412A4.968,4.968,0,0,0,0,20.947V23a1,1,0,0,0,1,1H3.053a4.966,4.966,0,0,0,3.535-1.464L22.853,6.271A3.626,3.626,0,0,0,22.853,1.148ZM5.174,21.122A3.022,3.022,0,0,1,3.053,22H2V20.947a2.98,2.98,0,0,1,.879-2.121L15.222,6.483l2.3,2.3ZM21.438,4.857,18.932,7.364l-2.3-2.295,2.507-2.507a1.623,1.623,0,1,1,2.295,2.3Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Pencil, Active Note -> Edit Mode */
|
|
|
|
|
|
body:not(.no-svg-replace) .workspace-leaf-content .view-actions .view-action[aria-label="Edit (Ctrl+Click to edit in new pane)"] svg.pencil {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M18.656.93,6.464,13.122A4.966,4.966,0,0,0,5,16.657V18a1,1,0,0,0,1,1H7.343a4.966,4.966,0,0,0,3.535-1.464L23.07,5.344a3.125,3.125,0,0,0,0-4.414A3.194,3.194,0,0,0,18.656.93Zm3,3L9.464,16.122A3.02,3.02,0,0,1,7.343,17H7v-.343a3.02,3.02,0,0,1,.878-2.121L20.07,2.344a1.148,1.148,0,0,1,1.586,0A1.123,1.123,0,0,1,21.656,3.93Z'/%3E%3Cpath d='M23,8.979a1,1,0,0,0-1,1V15H18a3,3,0,0,0-3,3v4H5a3,3,0,0,1-3-3V5A3,3,0,0,1,5,2h9.042a1,1,0,0,0,0-2H5A5.006,5.006,0,0,0,0,5V19a5.006,5.006,0,0,0,5,5H16.343a4.968,4.968,0,0,0,3.536-1.464l2.656-2.658A4.968,4.968,0,0,0,24,16.343V9.979A1,1,0,0,0,23,8.979ZM18.465,21.122a2.975,2.975,0,0,1-1.465.8V18a1,1,0,0,1,1-1h3.925a3.016,3.016,0,0,1-.8,1.464Z'/%3E%3C/svg%3E ");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Percent Sign */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.percent-sign-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='5' x2='5' y2='19'%3E%3C/line%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'%3E%3C/circle%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Pin */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.pin {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M1,24a1,1,0,0,0,.707-.293l6.619-6.619L9.574,18.38a5.169,5.169,0,0,0,3.605,1.614,3.991,3.991,0,0,0,1.339-.227,3.63,3.63,0,0,0,2.435-3.122,8.486,8.486,0,0,0-.222-3.027l-.214-1.042a1,1,0,0,1,.264-.943l1.587-1.588a.34.34,0,0,1,.236-.1.17.17,0,0,1,.167.065,3.077,3.077,0,0,0,3.971.432,3,3,0,0,0,.379-4.565L18.2.954a3.085,3.085,0,0,0-3.938-.4,3,3,0,0,0-.38,4.565l.076.076a.308.308,0,0,1,0,.434l-1.6,1.6a1,1,0,0,1-.954.261l-.817-.209a8.632,8.632,0,0,0-3.082-.233A3.863,3.863,0,0,0,4.25,9.634a4,4,0,0,0,.928,4.2l1.758,1.82L.293,22.293A1,1,0,0,0,1,24ZM6.135,10.3A1.856,1.856,0,0,1,7.713,9.036,6.7,6.7,0,0,1,8.406,9a6.622,6.622,0,0,1,1.681.217l.823.21a3.01,3.01,0,0,0,2.862-.785l1.6-1.6a2.31,2.31,0,0,0,0-3.262l-.076-.076a1,1,0,0,1,.134-1.528,1.084,1.084,0,0,1,1.356.19l4.924,4.924h0a1,1,0,0,1-.134,1.528,1.085,1.085,0,0,1-1.368-.2,2.212,2.212,0,0,0-1.584-.672,2.4,2.4,0,0,0-1.667.684l-1.586,1.587a3,3,0,0,0-.8,2.8l.219,1.058a6.646,6.646,0,0,1,.181,2.366,1.655,1.655,0,0,1-1.115,1.444,2.8,2.8,0,0,1-2.85-.9l-4.4-4.55A2.027,2.027,0,0,1,6.135,10.3Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Play Audio Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.play-audio-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M20.494,7.968l-9.54-7A5,5,0,0,0,3,5V19a5,5,0,0,0,7.957,4.031l9.54-7a5,5,0,0,0,0-8.064Zm-1.184,6.45-9.54,7A3,3,0,0,1,5,19V5A2.948,2.948,0,0,1,6.641,2.328,3.018,3.018,0,0,1,8.006,2a2.97,2.97,0,0,1,1.764.589l9.54,7a3,3,0,0,1,0,4.836Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Plus Minus */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.plus-minus-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M352 448H32c-17.69 0-32 14.31-32 32s14.31 31.1 32 31.1h320c17.69 0 32-14.31 32-31.1S369.7 448 352 448zM48 208H160v111.1c0 17.69 14.31 31.1 32 31.1s32-14.31 32-31.1V208h112c17.69 0 32-14.32 32-32.01s-14.31-31.99-32-31.99H224v-112c0-17.69-14.31-32.01-32-32.01S160 14.33 160 32.01v112H48c-17.69 0-32 14.31-32 31.99S30.31 208 48 208z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Plus with Circle */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.plus-with-circle {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m12 0a12 12 0 1 0 12 12 12.013 12.013 0 0 0 -12-12zm0 22a10 10 0 1 1 10-10 10.011 10.011 0 0 1 -10 10zm5-10a1 1 0 0 1 -1 1h-3v3a1 1 0 0 1 -2 0v-3h-3a1 1 0 0 1 0-2h3v-3a1 1 0 0 1 2 0v3h3a1 1 0 0 1 1 1z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Popup Open */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.popup-open {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m19 0h-8a5.006 5.006 0 0 0 -5 5v6h-1a5.006 5.006 0 0 0 -5 5v3a5.006 5.006 0 0 0 5 5h3a5.006 5.006 0 0 0 5-5v-1h6a5.006 5.006 0 0 0 5-5v-8a5.006 5.006 0 0 0 -5-5zm-8 16a3 3 0 0 1 -3-3 3 3 0 0 1 3 3zm0 3a3 3 0 0 1 -3 3h-3a3 3 0 0 1 -3-3v-3a3 3 0 0 1 3-3h1a5.006 5.006 0 0 0 5 5zm11-6a3 3 0 0 1 -3 3h-6a4.969 4.969 0 0 0 -.833-2.753l5.833-5.833v2.586a1 1 0 0 0 2 0v-3a3 3 0 0 0 -3-3h-3a1 1 0 0 0 0 2h2.586l-5.833 5.833a4.969 4.969 0 0 0 -2.753-.833v-6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Presentation */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.presentation {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m23 14h-1v-9a5.006 5.006 0 0 0 -5-5h-10a5.006 5.006 0 0 0 -5 5v9h-1a1 1 0 0 0 0 2h10v4h-2a3 3 0 0 0 -3 3 1 1 0 0 0 2 0 1 1 0 0 1 1-1h6a1 1 0 0 1 1 1 1 1 0 0 0 2 0 3 3 0 0 0 -3-3h-2v-4h10a1 1 0 0 0 0-2zm-19-9a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v9h-16z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Presentation */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.presentation-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m23 14h-1v-9a5.006 5.006 0 0 0 -5-5h-10a5.006 5.006 0 0 0 -5 5v9h-1a1 1 0 0 0 0 2h10v4h-2a3 3 0 0 0 -3 3 1 1 0 0 0 2 0 1 1 0 0 1 1-1h6a1 1 0 0 1 1 1 1 1 0 0 0 2 0 3 3 0 0 0 -3-3h-2v-4h10a1 1 0 0 0 0-2zm-19-9a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v9h-16z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Price Tag Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.price-tag-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M20.457,4.555,12.486.126a1,1,0,0,0-.972,0L3.543,4.555A3,3,0,0,0,2,7.177V19a5.006,5.006,0,0,0,5,5H17a5.006,5.006,0,0,0,5-5V7.177A3,3,0,0,0,20.457,4.555ZM20,19a3,3,0,0,1-3,3H7a3,3,0,0,1-3-3V7.177A1,1,0,0,1,4.515,6.3L12,2.144,19.486,6.3A1,1,0,0,1,20,7.177Z'/%3E%3Ccircle cx='12' cy='7' r='1.5'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Question Mark Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.question-mark-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3Cpath d='M12.717,5.063A4,4,0,0,0,8,9a1,1,0,0,0,2,0,2,2,0,0,1,2.371-1.967,2.024,2.024,0,0,1,1.6,1.595,2,2,0,0,1-1,2.125A3.954,3.954,0,0,0,11,14.257V15a1,1,0,0,0,2,0v-.743a1.982,1.982,0,0,1,.93-1.752,4,4,0,0,0-1.213-7.442Z'/%3E%3Crect x='11' y='17' width='2' height='2' rx='1'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Quote Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.quote-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M8,4H4A4,4,0,0,0,0,8v4a2,2,0,0,0,2,2H7.91A6.006,6.006,0,0,1,2,19a1,1,0,0,0,0,2,8.009,8.009,0,0,0,8-8V6A2,2,0,0,0,8,4Z'/%3E%3Cpath d='M22,4H18a4,4,0,0,0-4,4v4a2,2,0,0,0,2,2h5.91A6.006,6.006,0,0,1,16,19a1,1,0,0,0,0,2,8.009,8.009,0,0,0,8-8V6A2,2,0,0,0,22,4Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Reading Glasses */
|
|
|
|
|
|
body:not(.no-custom-icons) svg.reading-glasses {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m20 0a4 4 0 0 0 -4 4 1 1 0 0 0 2 0 2 2 0 0 1 4 0v11.026a4.948 4.948 0 0 0 -3-1.026 5 5 0 0 0 -4.145 2.207 3.98 3.98 0 0 0 -5.71 0 5 5 0 0 0 -4.145-2.207 4.948 4.948 0 0 0 -3 1.026v-11.026a2 2 0 0 1 4 0 1 1 0 0 0 2 0 4 4 0 0 0 -8 0v15a5 5 0 0 0 10 0 2 2 0 0 1 4 0 5 5 0 0 0 10 0v-15a4 4 0 0 0 -4-4zm-15 22a3 3 0 1 1 3-3 3 3 0 0 1 -3 3zm14 0a3 3 0 1 1 3-3 3 3 0 0 1 -3 3z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Redo Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.redo-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M16.9,14.723a1,1,0,0,0,1.414,0l4.949-4.95a2.5,2.5,0,0,0,0-3.536l-4.95-4.949A1,1,0,0,0,16.9,2.7L21.2,7,5,7H5a5,5,0,0,0-5,5v7a5.006,5.006,0,0,0,5,5H19a1,1,0,0,0,0-2H5a3,3,0,0,1-3-3V12A3,3,0,0,1,5,9H5L21.212,9,16.9,13.309A1,1,0,0,0,16.9,14.723Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Reset, Refresh */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.reset {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,2a10.032,10.032,0,0,1,7.122,3H16a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h4.143A1.858,1.858,0,0,0,22,5.143V1a1,1,0,0,0-1-1h0a1,1,0,0,0-1,1V3.078A11.981,11.981,0,0,0,.05,10.9a1.007,1.007,0,0,0,1,1.1h0a.982.982,0,0,0,.989-.878A10.014,10.014,0,0,1,12,2Z'/%3E%3Cpath d='M22.951,12a.982.982,0,0,0-.989.878A9.986,9.986,0,0,1,4.878,19H8a1,1,0,0,0,1-1H9a1,1,0,0,0-1-1H3.857A1.856,1.856,0,0,0,2,18.857V23a1,1,0,0,0,1,1H3a1,1,0,0,0,1-1V20.922A11.981,11.981,0,0,0,23.95,13.1a1.007,1.007,0,0,0-1-1.1Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Restore File Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.restore-file-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12 0A11.972 11.972 0 0 0 4 3.073V1A1 1 0 0 0 2 1V4A3 3 0 0 0 5 7H8A1 1 0 0 0 8 5H5a.854.854 0 0 1-.1-.021A9.987 9.987 0 1 1 2 12a1 1 0 0 0-2 0A12 12 0 1 0 12 0Z'/%3E%3Cpath d='M12 6a1 1 0 0 0-1 1v5a1 1 0 0 0 .293.707l3 3a1 1 0 0 0 1.414-1.414L13 11.586V7A1 1 0 0 0 12 6Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Right Arrow, Collapse Right Sidebar */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.right-arrow {
|
|
|
|
|
|
transform: rotate(180deg);
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.6,12.71a1,1,0,0,1,0-1.42l4.59-4.58a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0L9.19,9.88a3,3,0,0,0,0,4.24l4.59,4.59a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.42Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Right Arrow with Tail, Title Bar -> Forward */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.right-arrow-with-tail {
|
|
|
|
|
|
transform: rotate(180deg);
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M.88,14.09,4.75,18a1,1,0,0,0,1.42,0h0a1,1,0,0,0,0-1.42L2.61,13H23a1,1,0,0,0,1-1h0a1,1,0,0,0-1-1H2.55L6.17,7.38A1,1,0,0,0,6.17,6h0A1,1,0,0,0,4.75,6L.88,9.85A3,3,0,0,0,.88,14.09Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Right Chevron */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.right-chevron-glyph {
|
|
|
|
|
|
transform: rotate(180deg);
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.6,12.71a1,1,0,0,1,0-1.42l4.59-4.58a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0L9.19,9.88a3,3,0,0,0,0,4.24l4.59,4.59a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.42Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Right Triangle, Triangle for File Explorer */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.right-triangle {
|
|
|
|
|
|
height: var(--scale-2-8);
|
|
|
|
|
|
width: var(--scale-2-8);
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M18.71,8.21a1,1,0,0,0-1.42,0l-4.58,4.58a1,1,0,0,1-1.42,0L6.71,8.21a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.41l4.59,4.59a3,3,0,0,0,4.24,0l4.59-4.59A1,1,0,0,0,18.71,8.21Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Side Dock Ribbon -> Run Command */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.run-command {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%' viewBox='0 0 24 24' width='100%' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m20.537 12.7-1.13-.7 1.131-.7a4.126 4.126 0 0 0 1.729-2.031 3.919 3.919 0 0 0 -3.28-5.272 4.124 4.124 0 0 0 -2.586.654l-.401.249v-.728a4.116 4.116 0 0 0 -3.607-4.153 4 4 0 0 0 -4.393 3.981v.9l-.4-.25a4.122 4.122 0 0 0 -2.587-.657 3.918 3.918 0 0 0 -3.283 5.27 4.123 4.123 0 0 0 1.73 2.031l1.133.706-1.131.7a4.126 4.126 0 0 0 -1.729 2.031 3.918 3.918 0 0 0 3.286 5.272 4.124 4.124 0 0 0 2.581-.651l.4-.252v.9a4 4 0 0 0 8 0v-.9l.4.251a4.126 4.126 0 0 0 2.58.653 3.918 3.918 0 0 0 3.284-5.272 4.128 4.128 0 0 0 -1.727-2.032zm-.311 4.418a1.916 1.916 0 0 1 -2.639.613l-2.059-1.282a1 1 0 0 0 -1.528.851v2.7a2 2 0 0 1 -4 0v-2.7a1 1 0 0 0 -1.528-.849l-2.059 1.284a1.915 1.915 0 1 1 -2.025-3.252l2.625-1.634a1 1 0 0 0 0-1.7l-2.625-1.633a1.915 1.915 0 0 1 2.025-3.252l2.059 1.282a1 1 0 0 0 1.528-.846v-2.593a2.075 2.075 0 0 1 1.664-2.08 2 2 0 0 1 2.336 1.973v2.7a1 1 0 0 0 1.528.848l2.059-1.281a1.915 1.915 0 1 1 2.025 3.252l-2.625 1.634a1 1 0 0 0 0 1.7l2.625 1.634a1.914 1.914 0 0 1 .614 2.638z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Scissors */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.scissors {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m19 14a4.929 4.929 0 0 0 -2.352.615l-3.348-4.015 7.467-8.96a1 1 0 0 0 -1.536-1.28l-7.231 8.678-7.232-8.678a1 1 0 0 0 -1.536 1.28l7.468 8.96-3.348 4.015a4.941 4.941 0 0 0 -2.352-.615 5 5 0 1 0 5 5 4.947 4.947 0 0 0 -1.112-3.1l3.112-3.738 3.111 3.738a4.955 4.955 0 0 0 -1.111 3.1 5 5 0 1 0 5-5zm-14 8a3 3 0 1 1 3-3 3 3 0 0 1 -3 3zm14 0a3 3 0 1 1 3-3 3 3 0 0 1 -3 3z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Scissors 2 */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.scissors-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m19 14a4.929 4.929 0 0 0 -2.352.615l-3.348-4.015 7.467-8.96a1 1 0 0 0 -1.536-1.28l-7.231 8.678-7.232-8.678a1 1 0 0 0 -1.536 1.28l7.468 8.96-3.348 4.015a4.941 4.941 0 0 0 -2.352-.615 5 5 0 1 0 5 5 4.947 4.947 0 0 0 -1.112-3.1l3.112-3.738 3.111 3.738a4.955 4.955 0 0 0 -1.111 3.1 5 5 0 1 0 5-5zm-14 8a3 3 0 1 1 3-3 3 3 0 0 1 -3 3zm14 0a3 3 0 1 1 3-3 3 3 0 0 1 -3 3z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Global Search */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.search {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.707,22.293l-5.969-5.969a10.016,10.016,0,1,0-1.414,1.414l5.969,5.969a1,1,0,0,0,1.414-1.414ZM10,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,10,18Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Search, Tab Header -> Obsidian Search */
|
|
|
|
|
|
body:not(.no-svg-replace) .workspace-tab-header[aria-label=Search] .workspace-tab-header-inner-icon svg.search {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%' viewBox='0 0 24 24' width='100%' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m16 6a1 1 0 0 1 0 2h-8a1 1 0 0 1 0-2zm7.707 17.707a1 1 0 0 1 -1.414 0l-2.407-2.407a4.457 4.457 0 0 1 -2.386.7 4.5 4.5 0 1 1 4.5-4.5 4.457 4.457 0 0 1 -.7 2.386l2.407 2.407a1 1 0 0 1 0 1.414zm-6.207-3.707a2.5 2.5 0 1 0 -2.5-2.5 2.5 2.5 0 0 0 2.5 2.5zm-4.5 2h-6a3 3 0 0 1 -3-3v-14a3 3 0 0 1 3-3h12a1 1 0 0 1 1 1v8a1 1 0 0 0 2 0v-8a3 3 0 0 0 -3-3h-12a5.006 5.006 0 0 0 -5 5v14a5.006 5.006 0 0 0 5 5h6a1 1 0 0 0 0-2z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Search 2 */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.search-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.707,22.293l-5.969-5.969a10.016,10.016,0,1,0-1.414,1.414l5.969,5.969a1,1,0,0,0,1.414-1.414ZM10,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,10,18Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Select All Text */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.select-all-text {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M22,17.351V6.649A3.492,3.492,0,1,0,17.351,2H6.649A3.492,3.492,0,1,0,2,6.649v10.7A3.492,3.492,0,1,0,6.649,22h10.7A3.492,3.492,0,1,0,22,17.351ZM17.051,20H6.949A3.485,3.485,0,0,0,4,17.051V6.949A3.485,3.485,0,0,0,6.949,4h10.1A3.485,3.485,0,0,0,20,6.949v10.1A3.485,3.485,0,0,0,17.051,20ZM20.5,2A1.5,1.5,0,1,1,19,3.5,1.5,1.5,0,0,1,20.5,2ZM3.5,2A1.5,1.5,0,1,1,2,3.5,1.5,1.5,0,0,1,3.5,2Zm0,20A1.5,1.5,0,1,1,5,20.5,1.5,1.5,0,0,1,3.5,22Zm17,0A1.5,1.5,0,1,1,22,20.5,1.5,1.5,0,0,1,20.5,22ZM13,9v3h1a1,1,0,0,1,0,2H13v1a1,1,0,0,0,1,1,1,1,0,0,1,0,2,2.981,2.981,0,0,1-2-.78A2.981,2.981,0,0,1,10,18a1,1,0,0,1,0-2,1,1,0,0,0,1-1V14H10a1,1,0,0,1,0-2h1V9a1,1,0,0,0-1-1,1,1,0,0,1,0-2,2.981,2.981,0,0,1,2,.78A2.981,2.981,0,0,1,14,6a1,1,0,0,1,0,2A1,1,0,0,0,13,9Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Sheets in a Box, File Tree Alternative Tab Header Icon */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.sheets-in-box {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M21,12H18a2,2,0,0,0-2,2,2,2,0,0,1-2,2H10a2,2,0,0,1-2-2,2,2,0,0,0-2-2H3a3,3,0,0,0-3,3v4a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V15A3,3,0,0,0,21,12Zm1,7a3,3,0,0,1-3,3H5a3,3,0,0,1-3-3V15a1,1,0,0,1,1-1H6a4,4,0,0,0,4,4h4a4,4,0,0,0,4-4h3a1,1,0,0,1,1,1Z'/%3E%3Cpath d='M3,10H21a1,1,0,0,0,0-2H3a1,1,0,0,0,0,2Z'/%3E%3Cpath d='M3,6H21a1,1,0,0,0,0-2H3A1,1,0,0,0,3,6Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Split */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.split {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m19 14a4.929 4.929 0 0 0 -2.352.615l-3.348-4.015 7.467-8.96a1 1 0 0 0 -1.536-1.28l-7.231 8.678-7.232-8.678a1 1 0 0 0 -1.536 1.28l7.468 8.96-3.348 4.015a4.941 4.941 0 0 0 -2.352-.615 5 5 0 1 0 5 5 4.947 4.947 0 0 0 -1.112-3.1l3.112-3.738 3.111 3.738a4.955 4.955 0 0 0 -1.111 3.1 5 5 0 1 0 5-5zm-14 8a3 3 0 1 1 3-3 3 3 0 0 1 -3 3zm14 0a3 3 0 1 1 3-3 3 3 0 0 1 -3 3z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Spreadsheet, Advanced Tables Plugin Icon for Side Dock + Tab Header */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.spreadsheet {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m19 0h-14a5.006 5.006 0 0 0 -5 5v14a5.006 5.006 0 0 0 5 5h14a5.006 5.006 0 0 0 5-5v-14a5.006 5.006 0 0 0 -5-5zm3 19a3 3 0 0 1 -3 3h-14a3 3 0 0 1 -3-3v-14a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3zm-4-10a1 1 0 0 1 -2 0 1 1 0 0 0 -1-1h-2v8h1a1 1 0 0 1 0 2h-4a1 1 0 0 1 0-2h1v-8h-2a1 1 0 0 0 -1 1 1 1 0 0 1 -2 0 3 3 0 0 1 3-3h6a3 3 0 0 1 3 3z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Stacked Levels, Layers */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.stacked-levels {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M22.485,10.975,12,17.267,1.515,10.975A1,1,0,1,0,.486,12.69l11,6.6a1,1,0,0,0,1.03,0l11-6.6a1,1,0,1,0-1.029-1.715Z'/%3E%3Cpath d='M22.485,15.543,12,21.834,1.515,15.543A1,1,0,1,0,.486,17.258l11,6.6a1,1,0,0,0,1.03,0l11-6.6a1,1,0,1,0-1.029-1.715Z'/%3E%3Cpath d='M12,14.773a2.976,2.976,0,0,1-1.531-.425L.485,8.357a1,1,0,0,1,0-1.714L10.469.652a2.973,2.973,0,0,1,3.062,0l9.984,5.991a1,1,0,0,1,0,1.714l-9.984,5.991A2.976,2.976,0,0,1,12,14.773ZM2.944,7.5,11.5,12.633a.974.974,0,0,0,1,0L21.056,7.5,12.5,2.367a.974.974,0,0,0-1,0h0Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Star. Starred Files, Star/Unstar File */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.star {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.836,8.794a3.179,3.179,0,0,0-3.067-2.226H16.4L15.073,2.432a3.227,3.227,0,0,0-6.146,0L7.6,6.568H3.231a3.227,3.227,0,0,0-1.9,5.832L4.887,15,3.535,19.187A3.178,3.178,0,0,0,4.719,22.8a3.177,3.177,0,0,0,3.8-.019L12,20.219l3.482,2.559a3.227,3.227,0,0,0,4.983-3.591L19.113,15l3.56-2.6A3.177,3.177,0,0,0,23.836,8.794Zm-2.343,1.991-4.144,3.029a1,1,0,0,0-.362,1.116L18.562,19.8a1.227,1.227,0,0,1-1.895,1.365l-4.075-3a1,1,0,0,0-1.184,0l-4.075,3a1.227,1.227,0,0,1-1.9-1.365L7.013,14.93a1,1,0,0,0-.362-1.116L2.507,10.785a1.227,1.227,0,0,1,.724-2.217h5.1a1,1,0,0,0,.952-.694l1.55-4.831a1.227,1.227,0,0,1,2.336,0l1.55,4.831a1,1,0,0,0,.952.694h5.1a1.227,1.227,0,0,1,.724,2.217Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Star 2 */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.star-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.836,8.794a3.179,3.179,0,0,0-3.067-2.226H16.4L15.073,2.432a3.227,3.227,0,0,0-6.146,0L7.6,6.568H3.231a3.227,3.227,0,0,0-1.9,5.832L4.887,15,3.535,19.187A3.178,3.178,0,0,0,4.719,22.8a3.177,3.177,0,0,0,3.8-.019L12,20.219l3.482,2.559a3.227,3.227,0,0,0,4.983-3.591L19.113,15l3.56-2.6A3.177,3.177,0,0,0,23.836,8.794Zm-2.343,1.991-4.144,3.029a1,1,0,0,0-.362,1.116L18.562,19.8a1.227,1.227,0,0,1-1.895,1.365l-4.075-3a1,1,0,0,0-1.184,0l-4.075,3a1.227,1.227,0,0,1-1.9-1.365L7.013,14.93a1,1,0,0,0-.362-1.116L2.507,10.785a1.227,1.227,0,0,1,.724-2.217h5.1a1,1,0,0,0,.952-.694l1.55-4.831a1.227,1.227,0,0,1,2.336,0l1.55,4.831a1,1,0,0,0,.952.694h5.1a1.227,1.227,0,0,1,.724,2.217Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Star List, Star Current Search */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.star-list {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' width='100%25' height='100%25'%3E%3Cpath d='M506.02,475.743L378.865,348.588c74.591-91.227,61.105-225.649-30.122-300.239S123.095-12.757,48.504,78.47 S-12.601,304.119,78.626,378.71c78.578,64.249,191.54,64.249,270.118,0l127.155,127.155c8.463,8.173,21.949,7.939,30.122-0.524 C513.993,497.086,513.993,483.998,506.02,475.743z M43.604,213.87c0-94.121,76.3-170.421,170.421-170.421 s170.421,76.3,170.421,170.421s-76.3,170.421-170.421,170.421C119.948,384.185,43.71,307.947,43.604,213.87z M256.631,128.659 c-15.914,0.072-31.183,6.301-42.605,17.383c-11.422-11.081-26.691-17.311-42.605-17.383c-36.433,1.262-64.997,31.73-63.908,68.168 c0,42.605,43.479,86.553,79.97,115.886c15.533,12.371,37.553,12.371,53.086,0c36.491-29.334,79.97-73.281,79.97-115.886 C321.627,160.389,293.064,129.921,256.631,128.659z M214.153,279.482c-39.495-31.741-64.036-63.482-64.036-82.654 c-1.063-12.906,8.416-24.282,21.303-25.563c12.886,1.281,22.366,12.657,21.303,25.563c0,11.765,9.537,21.303,21.303,21.303 c11.765,0,21.303-9.537,21.303-21.303c-1.063-12.906,8.416-24.282,21.303-25.563c12.886,1.281,22.366,12.657,21.303,25.563 C277.933,216,253.393,247.741,214.153,279.482L214.153,279.482z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Stop Audio */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.stop-audio-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M384 128v255.1c0 35.35-28.65 64-64 64H64c-35.35 0-64-28.65-64-64V128c0-35.35 28.65-64 64-64H320C355.3 64 384 92.65 384 128z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Strikethrough Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.strikethrough-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_403:2956)'%3E%3Cpath d='M7.40006 5.55269C7.30779 5.3977 7.17684 5.26934 7.02003 5.1802C6.86322 5.09106 6.68594 5.04419 6.50556 5.04419C6.32518 5.04419 6.1479 5.09106 5.99109 5.1802C5.83428 5.26934 5.70333 5.3977 5.61106 5.55269L0.111059 16.5527C0.0511452 16.6703 0.0151011 16.7986 0.00500536 16.9302C-0.00509038 17.0618 0.0109619 17.1941 0.0522367 17.3194C0.0935115 17.4448 0.159192 17.5607 0.245492 17.6606C0.331792 17.7604 0.439004 17.8422 0.555062 17.9012C0.673119 17.9602 0.801687 17.9952 0.933353 18.0043C1.06502 18.0134 1.19718 17.9963 1.32221 17.954C1.44724 17.9118 1.56267 17.8452 1.66185 17.7581C1.76103 17.6711 1.84199 17.5652 1.90006 17.4467L3.61906 13.9997H9.38306L11.1071 17.4467C11.1651 17.5652 11.2461 17.6711 11.3453 17.7581C11.4444 17.8452 11.5599 17.9118 11.6849 17.954C11.8099 17.9963 11.9421 18.0134 12.0738 18.0043C12.2054 17.9952 12.334 17.9602 12.4521 17.9012C12.5701 17.8422 12.6753 17.7604 12.7616 17.6606C12.8479 17.5607 12.9136 17.4448 12.9549 17.3194C12.9962 17.1941 13.0122 17.0618 13.0021 16.9302C12.992 16.7986 12.956 16.6703 12.8961 16.5527L7.40006 5.55269ZM4.61906 11.9997L6.50006 8.2357L8.38306 11.9997H4.61906Z' fill='black'/%3E%3Cpath d='M22.9999 7.99963C22.7346 7.99963 22.4803 8.10499 22.2927 8.29253C22.1052 8.48006 21.9999 8.73442 21.9999 8.99963V9.02563C21.1395 8.36383 20.0853 8.00331 18.9999 7.99963C17.6738 7.99963 16.402 8.52642 15.4643 9.4641C14.5267 10.4018 13.9999 11.6736 13.9999 12.9996C13.9999 14.3257 14.5267 15.5975 15.4643 16.5352C16.402 17.4728 17.6738 17.9996 18.9999 17.9996C20.0853 17.996 21.1395 17.6354 21.9999 16.9736V16.9996C21.9999 17.2649 22.1052 17.5192 22.2927 17.7067C22.4803 17.8943 22.7346 17.9996 22.9999 17.9996C23.2651 17.9996 23.5194 17.8943 23.707 17.7067C23.8945 17.5192 23.9998 17.2649 23.9998 16.9996V8.99963C23.9998 8.73442 23.8945 8.48006 23.707 8.29253C23.5194 8.10499 23.2651 7.99963 22.9999 7.99963ZM18.9999 15.9996C18.4065 15.9996 17.8265 15.8237 17.3332 15.494C16.8398 15.1644 16.4553 14.6959 16.2282 14.1477C16.0012 13.5995 15.9418 12.9963 16.0575 12.4144C16.1733 11.8324 16.459 11.2979 16.8785 10.8783C17.2981 10.4588 17.8327 10.173 18.4146 10.0573C18.9965 9.94152 19.5997 10.0009 20.1479 10.228C20.6961 10.4551 21.1646 10.8396 21.4943 11.3329C21.8239 11.8263 21.9999 12.4063 21.9999 12.9996C21.9999 13.7953 21.6838 14.5583 21.1212 15.121C20.5586 15.6836 19.7955 15.9996 18.9999 15.9996Z' fill='black'/%3E%3Cg clip-path='url(%23clip1_403:2956)'%3E%3Cpath d='M23 11.9998H1C0.447715 11.9998 0 12.4475 0 12.9998C0 13.552 0.447715 13.9998 1 13.9998H23C23.5523 13.9998 24 13.552 24 12.9998C24 12.4475 23.5523 11.9998 23 11.9998Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_403:2956'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_403:2956'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Sweep */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.sweep {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.715,2.285a1.013,1.013,0,0,0-1.43,0L17.521,7.049l-.32-.313a5.008,5.008,0,0,0-6.429-.479A16.618,16.618,0,0,1,6.224,8.685L4.15,9.293a5.036,5.036,0,0,0-3.113,2.635A4.973,4.973,0,0,0,.9,15.947a12.95,12.95,0,0,0,12.112,8.064h.924a1.011,1.011,0,0,0,.578-.182A15.288,15.288,0,0,0,21.224,13.62a5.029,5.029,0,0,0-1.453-4.374l-.8-.784,4.747-4.747A1.013,1.013,0,0,0,23.715,2.285Zm-10.107,19.7h-.6A11.3,11.3,0,0,1,8.7,21.138l.011-.006a11.546,11.546,0,0,0,4.351-3.8l.518-.761a1.01,1.01,0,0,0-1.67-1.138l-.518.761A9.535,9.535,0,0,1,7.8,19.327l-1.251.63a10.757,10.757,0,0,1-2.583-2.57,11.625,11.625,0,0,0,4.377-2.664,1.011,1.011,0,0,0-1.414-1.446,9.617,9.617,0,0,1-3.98,2.32c-.061-.135-.127-.267-.182-.406a2.906,2.906,0,0,1,.085-2.381,3.023,3.023,0,0,1,1.864-1.578l2.073-.608a15.364,15.364,0,0,0,3.426-1.588l7.915,7.712A14.192,14.192,0,0,1,13.608,21.989Zm5.62-8.683a12.421,12.421,0,0,1-.309,1.387L11.948,7.9l0,0a3.011,3.011,0,0,1,1.755-.566,2.973,2.973,0,0,1,2.084.849l2.569,2.509A3.01,3.01,0,0,1,19.228,13.306Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Switch */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.switch {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,2a10.032,10.032,0,0,1,7.122,3H16a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h4.143A1.858,1.858,0,0,0,22,5.143V1a1,1,0,0,0-1-1h0a1,1,0,0,0-1,1V3.078A11.981,11.981,0,0,0,.05,10.9a1.007,1.007,0,0,0,1,1.1h0a.982.982,0,0,0,.989-.878A10.014,10.014,0,0,1,12,2Z'/%3E%3Cpath d='M22.951,12a.982.982,0,0,0-.989.878A9.986,9.986,0,0,1,4.878,19H8a1,1,0,0,0,1-1H9a1,1,0,0,0-1-1H3.857A1.856,1.856,0,0,0,2,18.857V23a1,1,0,0,0,1,1H3a1,1,0,0,0,1-1V20.922A11.981,11.981,0,0,0,23.95,13.1a1.007,1.007,0,0,0-1-1.1Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Sync */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.sync {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,2a10.032,10.032,0,0,1,7.122,3H16a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h4.143A1.858,1.858,0,0,0,22,5.143V1a1,1,0,0,0-1-1h0a1,1,0,0,0-1,1V3.078A11.981,11.981,0,0,0,.05,10.9a1.007,1.007,0,0,0,1,1.1h0a.982.982,0,0,0,.989-.878A10.014,10.014,0,0,1,12,2Z'/%3E%3Cpath d='M22.951,12a.982.982,0,0,0-.989.878A9.986,9.986,0,0,1,4.878,19H8a1,1,0,0,0,1-1H9a1,1,0,0,0-1-1H3.857A1.856,1.856,0,0,0,2,18.857V23a1,1,0,0,0,1,1H3a1,1,0,0,0,1-1V20.922A11.981,11.981,0,0,0,23.95,13.1a1.007,1.007,0,0,0-1-1.1Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Sync Small, Obsidian Sync -> Sync In Progress */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.sync-small {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,2a10.032,10.032,0,0,1,7.122,3H16a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h4.143A1.858,1.858,0,0,0,22,5.143V1a1,1,0,0,0-1-1h0a1,1,0,0,0-1,1V3.078A11.981,11.981,0,0,0,.05,10.9a1.007,1.007,0,0,0,1,1.1h0a.982.982,0,0,0,.989-.878A10.014,10.014,0,0,1,12,2Z'/%3E%3Cpath d='M22.951,12a.982.982,0,0,0-.989.878A9.986,9.986,0,0,1,4.878,19H8a1,1,0,0,0,1-1H9a1,1,0,0,0-1-1H3.857A1.856,1.856,0,0,0,2,18.857V23a1,1,0,0,0,1,1H3a1,1,0,0,0,1-1V20.922A11.981,11.981,0,0,0,23.95,13.1a1.007,1.007,0,0,0-1-1.1Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Tag Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.tag-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23,7H18.191l.8-5.865a1,1,0,1,0-1.982-.27L16.173,7H9.191l.8-5.865A1,1,0,1,0,8.009.865L7.173,7H2A1,1,0,0,0,2,9H6.9l-.818,6H1a1,1,0,0,0,0,2H5.809l-.8,5.865a1,1,0,0,0,1.982.27L7.827,17h6.982l-.8,5.865a1,1,0,0,0,1.982.27L16.827,17H22a1,1,0,0,0,0-2H17.1l.818-6H23A1,1,0,0,0,23,7Zm-7.918,8H8.1l.818-6H15.9Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Three Horizontal Bars, Burger Menu */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.three-horizontal-bars {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Crect y='11' width='24' height='2' rx='1'/%3E%3Crect y='4' width='24' height='2' rx='1'/%3E%3Crect y='18' width='24' height='2' rx='1'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Tomorrow, Calendar with Plus Sign */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.tomorrow-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 16C17 16.2652 16.8946 16.5196 16.7071 16.7071C16.5196 16.8946 16.2652 17 16 17H13V20C13 20.2652 12.8946 20.5196 12.7071 20.7071C12.5196 20.8946 12.2652 21 12 21C11.7348 21 11.4804 20.8946 11.2929 20.7071C11.1054 20.5196 11 20.2652 11 20V17H8C7.73478 17 7.48043 16.8946 7.29289 16.7071C7.10536 16.5196 7 16.2652 7 16C7 15.7348 7.10536 15.4804 7.29289 15.2929C7.48043 15.1054 7.73478 15 8 15H11V12C11 11.7348 11.1054 11.4804 11.2929 11.2929C11.4804 11.1054 11.7348 11 12 11C12.2652 11 12.5196 11.1054 12.7071 11.2929C12.8946 11.4804 13 11.7348 13 12V15H16C16.2652 15 16.5196 15.1054 16.7071 15.2929C16.8946 15.4804 17 15.7348 17 16Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 2H19C20.3256 2.00159 21.5964 2.52888 22.5338 3.46622C23.4711 4.40356 23.9984 5.67441 24 7V19C23.9984 20.3256 23.4711 21.5964 22.5338 22.5338C21.5964 23.4711 20.3256 23.9984 19 24H5C3.67441 23.9984 2.40356 23.4711 1.46622 22.5338C0.528882 21.5964 0.00158786 20.3256 0 19V7C0.00158786 5.67441 0.528882 4.40356 1.46622 3.46622C2.40356 2.52888 3.67441 2.00159 5 2H6V1C6 0.734784 6.10536 0.48043 6.29289 0.292893C6.48043 0.105357 6.73478 0 7 0C7.26522 0 7.51957 0.105357 7.70711 0.292893C7.89464 0.48043 8 0.734784 8 1V2H16V1C16 0.734784 16.1054 0.48043 16.2929 0.292893C16.4804 0.105357 16.7348 0 17 0C17.2652 0 17.5196 0.105357 17.7071 0.292893C17.8946 0.48043 18 0.734784 18 1V2ZM2.87868 4.87868C2.31607 5.44129 2 6.20435 2 7V8H22V7C22 6.20435 21.6839 5.44129 21.1213 4.87868C20.5587 4.31607 19.7956 4 19 4H5C4.20435 4 3.44129 4.31607 2.87868 4.87868ZM2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H19C19.7956 22 20.5587 21.6839 21.1213 21.1213C21.6839 20.5587 22 19.7956 22 19V10H2V19C2 19.7956 2.31607 20.5587 2.87868 21.1213Z' fill='black'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Trash */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.trash {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M21,4H17.9A5.009,5.009,0,0,0,13,0H11A5.009,5.009,0,0,0,6.1,4H3A1,1,0,0,0,3,6H4V19a5.006,5.006,0,0,0,5,5h6a5.006,5.006,0,0,0,5-5V6h1a1,1,0,0,0,0-2ZM11,2h2a3.006,3.006,0,0,1,2.829,2H8.171A3.006,3.006,0,0,1,11,2Zm7,17a3,3,0,0,1-3,3H9a3,3,0,0,1-3-3V6H18Z'/%3E%3Cpath d='M10,18a1,1,0,0,0,1-1V11a1,1,0,0,0-2,0v6A1,1,0,0,0,10,18Z'/%3E%3Cpath d='M14,18a1,1,0,0,0,1-1V11a1,1,0,0,0-2,0v6A1,1,0,0,0,14,18Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Two Blank Pages */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.two-blank-pages {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M21.155,3.272,18.871.913A3.02,3.02,0,0,0,16.715,0H12A5.009,5.009,0,0,0,7.1,4H7A5.006,5.006,0,0,0,2,9V19a5.006,5.006,0,0,0,5,5h6a5.006,5.006,0,0,0,5-5v-.1A5.009,5.009,0,0,0,22,14V5.36A2.988,2.988,0,0,0,21.155,3.272ZM13,22H7a3,3,0,0,1-3-3V9A3,3,0,0,1,7,6v8a5.006,5.006,0,0,0,5,5h4A3,3,0,0,1,13,22Zm4-5H12a3,3,0,0,1-3-3V5a3,3,0,0,1,3-3h4V4a2,2,0,0,0,2,2h2v8A3,3,0,0,1,17,17Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Undo Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.undo-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M22.535,8.46A4.965,4.965,0,0,0,19,7h0L2.8,7,7.1,2.7A1,1,0,0,0,5.682,1.288L.732,6.237a2.5,2.5,0,0,0,0,3.535l4.95,4.951A1,1,0,1,0,7.1,13.309L2.788,9,19,9h0a3,3,0,0,1,3,3v7a3,3,0,0,1-3,3H5a1,1,0,0,0,0,2H19a5.006,5.006,0,0,0,5-5V12A4.969,4.969,0,0,0,22.535,8.46Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Unindent Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.unindent-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.00024H23C23.2652 6.00024 23.5196 5.89488 23.7071 5.70735C23.8946 5.51981 24 5.26546 24 5.00024C24 4.73503 23.8946 4.48067 23.7071 4.29314C23.5196 4.1056 23.2652 4.00024 23 4.00024H1C0.734784 4.00024 0.48043 4.1056 0.292893 4.29314C0.105357 4.48067 0 4.73503 0 5.00024C0 5.26546 0.105357 5.51981 0.292893 5.70735C0.48043 5.89488 0.734784 6.00024 1 6.00024Z' fill='black'/%3E%3Cpath d='M23.0002 8.99994H9.00015C8.73494 8.99994 8.48058 9.1053 8.29305 9.29283C8.10551 9.48037 8.00015 9.73472 8.00015 9.99994C8.00015 10.2652 8.10551 10.5195 8.29305 10.707C8.48058 10.8946 8.73494 10.9999 9.00015 10.9999H23.0002C23.2654 10.9999 23.5197 10.8946 23.7073 10.707C23.8948 10.5195 24.0002 10.2652 24.0002 9.99994C24.0002 9.73472 23.8948 9.48037 23.7073 9.29283C23.5197 9.1053 23.2654 8.99994 23.0002 8.99994Z' fill='black'/%3E%3Cpath d='M23 19.0003H1C0.734784 19.0003 0.48043 19.1056 0.292893 19.2932C0.105357 19.4807 0 19.735 0 20.0003C0 20.2655 0.105357 20.5198 0.292893 20.7074C0.48043 20.8949 0.734784 21.0003 1 21.0003H23C23.2652 21.0003 23.5196 20.8949 23.7071 20.7074C23.8946 20.5198 24 20.2655 24 20.0003C24 19.735 23.8946 19.4807 23.7071 19.2932C23.5196 19.1056 23.2652 19.0003 23 19.0003Z' fill='black'/%3E%3Cpath d='M23.0002 13.9996H9.00015C8.73494 13.9996 8.48058 14.105 8.29305 14.2925C8.10551 14.4801 8.00015 14.7344 8.00015 14.9996C8.00015 15.2648 8.10551 15.5192 8.29305 15.7067C8.48058 15.8943 8.73494 15.9996 9.00015 15.9996H23.0002C23.2654 15.9996 23.5197 15.8943 23.7073 15.7067C23.8948 15.5192 24.0002 15.2648 24.0002 14.9996C24.0002 14.7344 23.8948 14.4801 23.7073 14.2925C23.5197 14.105 23.2654 13.9996 23.0002 13.9996Z' fill='black'/%3E%3Cpath d='M3.29269 8.75488L0.318688 11.7289C0.114607 11.9336 7.53082e-06 12.2108 7.50555e-06 12.4999C7.48028e-06 12.7889 0.114607 13.0662 0.318688 13.2709L3.29269 16.2449C3.4326 16.3848 3.61086 16.48 3.8049 16.5185C3.99895 16.5571 4.20006 16.5372 4.3828 16.4614C4.56555 16.3856 4.7217 16.2573 4.83151 16.0927C4.94131 15.9282 4.99984 15.7347 4.99969 15.5369L4.99969 9.46289C4.99984 9.26505 4.94132 9.07161 4.83151 8.90705C4.7217 8.74249 4.56555 8.61419 4.38281 8.5384C4.20007 8.4626 3.99895 8.44272 3.8049 8.48125C3.61086 8.51979 3.4326 8.61501 3.29269 8.75488Z' fill='black'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Up and Down Arrows, Global Sort */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.up-and-down-arrows {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.05 17.79C12.9571 17.6963 12.8465 17.6219 12.7246 17.5711C12.6028 17.5203 12.472 17.4942 12.34 17.4942C12.208 17.4942 12.0773 17.5203 11.9555 17.5711C11.8336 17.6219 11.723 17.6963 11.63 17.79L8.00004 21.42V1C8.00004 0.734783 7.89468 0.480429 7.70714 0.292893C7.51961 0.105357 7.26525 0 7.00004 0C6.73482 0 6.48047 0.105357 6.29293 0.292893C6.10539 0.480429 6.00004 0.734783 6.00004 1V21.41L2.38004 17.79C2.29432 17.6728 2.18412 17.5757 2.05708 17.5054C1.93005 17.4351 1.78922 17.3933 1.6444 17.3829C1.49958 17.3725 1.35424 17.3938 1.21847 17.4452C1.0827 17.4967 0.959765 17.5771 0.858208 17.6809C0.756651 17.7846 0.678907 17.9093 0.630381 18.0461C0.581855 18.183 0.563709 18.3287 0.577206 18.4733C0.590703 18.6178 0.635518 18.7577 0.708537 18.8832C0.781555 19.0087 0.881026 19.1168 1.00004 19.2L4.92004 23.12C5.48254 23.6818 6.24503 23.9974 7.04004 23.9974C7.83504 23.9974 8.59754 23.6818 9.16004 23.12L13.08 19.2C13.2624 19.0087 13.3615 18.753 13.3559 18.4888C13.3503 18.2246 13.2403 17.9734 13.05 17.79Z' fill='black'/%3E%3Cpath d='M12 6.20998C12.1874 6.39623 12.4409 6.50078 12.705 6.50078C12.9692 6.50078 13.2227 6.39623 13.41 6.20998L17 2.57998V23C17 23.2652 17.1054 23.5196 17.2929 23.7071C17.4805 23.8946 17.7348 24 18 24C18.2653 24 18.5196 23.8946 18.7071 23.7071C18.8947 23.5196 19 23.2652 19 23V2.58998L22.62 6.20998C22.713 6.30371 22.8236 6.37811 22.9455 6.42887C23.0673 6.47964 23.198 6.50578 23.33 6.50578C23.462 6.50578 23.5928 6.47964 23.7146 6.42887C23.8365 6.37811 23.9471 6.30371 24.04 6.20998C24.2263 6.02262 24.3308 5.76917 24.3308 5.50498C24.3308 5.2408 24.2263 4.98734 24.04 4.79998L20.13 0.879976C19.5675 0.318174 18.805 0.00261514 18.01 0.00261514C17.215 0.00261514 16.4525 0.318174 15.89 0.879976L12 4.79998C11.8138 4.98734 11.7092 5.2408 11.7092 5.50498C11.7092 5.76917 11.8138 6.02262 12 6.20998Z' fill='black'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Up Arrow with Tail */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.up-arrow-with-tail {
|
|
|
|
|
|
transform: rotate(90deg);
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M.88,14.09,4.75,18a1,1,0,0,0,1.42,0h0a1,1,0,0,0,0-1.42L2.61,13H23a1,1,0,0,0,1-1h0a1,1,0,0,0-1-1H2.55L6.17,7.38A1,1,0,0,0,6.17,6h0A1,1,0,0,0,4.75,6L.88,9.85A3,3,0,0,0,.88,14.09Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Up Chevron */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.up-chevron-glyph {
|
|
|
|
|
|
transform: rotate(90deg);
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.6,12.71a1,1,0,0,1,0-1.42l4.59-4.58a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0L9.19,9.88a3,3,0,0,0,0,4.24l4.59,4.59a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.42Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Uppercase Lowercase A */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.uppercase-lowercase-a {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M7.4,5.553a1.041,1.041,0,0,0-1.789,0l-5.5,11a1,1,0,1,0,1.789.894L3.619,14H9.383l1.724,3.447a1,1,0,1,0,1.789-.894ZM4.619,12,6.5,8.236,8.383,12Z'/%3E%3Cpath d='M23,8a1,1,0,0,0-1,1v.026A4.948,4.948,0,0,0,19,8a5,5,0,0,0,0,10,4.948,4.948,0,0,0,3-1.026V17a1,1,0,0,0,2,0V9A1,1,0,0,0,23,8Zm-4,8a3,3,0,1,1,3-3A3,3,0,0,1,19,16Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Vault, Side Dock Ribbon -> Vault (Normal State) */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.vault {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m19 0h-14a5.006 5.006 0 0 0 -5 5v14a5.006 5.006 0 0 0 5 5h14a5.006 5.006 0 0 0 5-5v-14a5.006 5.006 0 0 0 -5-5zm-3 11h-3v-3h3zm2-3h4v3h-4zm-5-2v-4h3v4zm-2 0h-3v-4h3zm0 2v3h-3v-3zm-5 3h-4v-3h4zm-4 2h4v3h-4zm6 0h3v3h-3zm3 5v4h-3v-4zm2 0h3v4h-3zm0-2v-3h3v3zm5-3h4v3h-4zm4-8v1h-4v-4h1a3 3 0 0 1 3 3zm-17-3h1v4h-4v-1a3 3 0 0 1 3-3zm-3 17v-1h4v4h-1a3 3 0 0 1 -3-3zm17 3h-1v-4h4v1a3 3 0 0 1 -3 3z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Vertical Split / Split Vertically */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.vertical-split {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 512 512' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M2015 4466 c-37 -17 -70 -52 -84 -89 -8 -19 -11 -290 -11 -843 l0%0A-814 -527 0 -528 0 282 283 c304 304 305 306 288 394 -9 49 -69 109 -118 118%0A-91 17 -76 30 -549 -443 -383 -384 -438 -442 -443 -475 -17 -92 -30 -76 443%0A-549 473 -473 458 -460 549 -443 49 9 109 69 118 118 17 88 16 90 -288 395%0Al-282 282 528 0 527 0 2 -829 c3 -820 3 -830 24 -857 39 -53 71 -69 134 -69%0A63 0 95 16 134 69 l21 27 0 1819 0 1819 -21 27 c-11 15 -32 37 -46 47 -34 25%0A-113 32 -153 13z'/%3E%3Cpath d='M2975 4466 c-41 -18 -83 -69 -90 -109 -3 -18 -4 -838 -3 -1824 l3%0A-1792 21 -27 c39 -53 71 -69 134 -69 63 0 95 16 134 69 21 27 21 37 24 857 l2%0A829 527 0 528 0 -282 -282 c-304 -305 -305 -307 -288 -395 9 -49 69 -109 118%0A-118 91 -17 76 -30 549 443 473 473 460 457 443 549 -5 33 -60 91 -443 475%0A-384 383 -442 438 -474 443 -61 11 -108 -3 -149 -44 -41 -41 -55 -88 -44 -148%0A6 -33 45 -77 288 -320 l282 -283 -528 0 -527 0 -2 829 c-3 820 -3 830 -24 857%0A-11 15 -32 37 -46 47 -33 25 -113 32 -153 13z'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Vertical Three Dots, Active Note -> More Options */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.vertical-three-dots {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Ccircle cx='2' cy='12' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='22' cy='12' r='2'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Magic Wand, Graph View Timelapse Animation Button Icon */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.wand {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m18 9.064a3.049 3.049 0 0 0 -.9-2.164 3.139 3.139 0 0 0 -4.334 0l-11.866 11.869a3.064 3.064 0 0 0 4.33 4.331l11.87-11.869a3.047 3.047 0 0 0 .9-2.167zm-14.184 12.624a1.087 1.087 0 0 1 -1.5 0 1.062 1.062 0 0 1 0-1.5l7.769-7.77 1.505 1.505zm11.872-11.872-2.688 2.689-1.5-1.505 2.689-2.688a1.063 1.063 0 1 1 1.5 1.5zm-10.825-6.961 1.55-.442.442-1.55a1.191 1.191 0 0 1 2.29 0l.442 1.55 1.55.442a1.191 1.191 0 0 1 0 2.29l-1.55.442-.442 1.55a1.191 1.191 0 0 1 -2.29 0l-.442-1.55-1.55-.442a1.191 1.191 0 0 1 0-2.29zm18.274 14.29-1.55.442-.442 1.55a1.191 1.191 0 0 1 -2.29 0l-.442-1.55-1.55-.442a1.191 1.191 0 0 1 0-2.29l1.55-.442.442-1.55a1.191 1.191 0 0 1 2.29 0l.442 1.55 1.55.442a1.191 1.191 0 0 1 0 2.29zm-5.382-14.645 1.356-.387.389-1.358a1.042 1.042 0 0 1 2 0l.387 1.356 1.356.387a1.042 1.042 0 0 1 0 2l-1.356.387-.387 1.359a1.042 1.042 0 0 1 -2 0l-.387-1.355-1.358-.389a1.042 1.042 0 0 1 0-2z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Workspace Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.workspace-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M2,11H13a2,2,0,0,0,2-2V2a2,2,0,0,0-2-2H2A2,2,0,0,0,0,2V9A2,2,0,0,0,2,11ZM2,2H13V9H2Z'/%3E%3Cpath d='M22,0H19a2,2,0,0,0-2,2V9a2,2,0,0,0,2,2h3a2,2,0,0,0,2-2V2A2,2,0,0,0,22,0Zm0,9H19V2h3Z'/%3E%3Cpath d='M5,13H2a2,2,0,0,0-2,2v7a2,2,0,0,0,2,2H5a2,2,0,0,0,2-2V15A2,2,0,0,0,5,13Zm0,9H2V15H5Z'/%3E%3Cpath d='M22,13H11a2,2,0,0,0-2,2v7a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2V15A2,2,0,0,0,22,13Zm0,9H11V15H22Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Wrench Screwdriver Glyph */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.wrench-screwdriver-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,8a4,4,0,1,0,4,4A4,4,0,0,0,12,8Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,12,14Z'/%3E%3Cpath d='M21.294,13.9l-.444-.256a9.1,9.1,0,0,0,0-3.29l.444-.256a3,3,0,1,0-3-5.2l-.445.257A8.977,8.977,0,0,0,15,3.513V3A3,3,0,0,0,9,3v.513A8.977,8.977,0,0,0,6.152,5.159L5.705,4.9a3,3,0,0,0-3,5.2l.444.256a9.1,9.1,0,0,0,0,3.29l-.444.256a3,3,0,1,0,3,5.2l.445-.257A8.977,8.977,0,0,0,9,20.487V21a3,3,0,0,0,6,0v-.513a8.977,8.977,0,0,0,2.848-1.646l.447.258a3,3,0,0,0,3-5.2Zm-2.548-3.776a7.048,7.048,0,0,1,0,3.75,1,1,0,0,0,.464,1.133l1.084.626a1,1,0,0,1-1,1.733l-1.086-.628a1,1,0,0,0-1.215.165,6.984,6.984,0,0,1-3.243,1.875,1,1,0,0,0-.751.969V21a1,1,0,0,1-2,0V19.748a1,1,0,0,0-.751-.969A6.984,6.984,0,0,1,7.006,16.9a1,1,0,0,0-1.215-.165l-1.084.627a1,1,0,1,1-1-1.732l1.084-.626a1,1,0,0,0,.464-1.133,7.048,7.048,0,0,1,0-3.75A1,1,0,0,0,4.79,8.992L3.706,8.366a1,1,0,0,1,1-1.733l1.086.628A1,1,0,0,0,7.006,7.1a6.984,6.984,0,0,1,3.243-1.875A1,1,0,0,0,11,4.252V3a1,1,0,0,1,2,0V4.252a1,1,0,0,0,.751.969A6.984,6.984,0,0,1,16.994,7.1a1,1,0,0,0,1.215.165l1.084-.627a1,1,0,1,1,1,1.732l-1.084.626A1,1,0,0,0,18.746,10.125Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Yesterday Glyph, Calendar with Minus */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.yesterday-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 2H19C20.3256 2.00159 21.5964 2.52888 22.5338 3.46622C23.4711 4.40356 23.9984 5.67441 24 7V19C23.9984 20.3256 23.4711 21.5964 22.5338 22.5338C21.5964 23.4711 20.3256 23.9984 19 24H5C3.67441 23.9984 2.40356 23.4711 1.46622 22.5338C0.528882 21.5964 0.00158786 20.3256 0 19V7C0.00158786 5.67441 0.528882 4.40356 1.46622 3.46622C2.40356 2.52888 3.67441 2.00159 5 2H6V1C6 0.734784 6.10536 0.48043 6.29289 0.292893C6.48043 0.105357 6.73478 0 7 0C7.26522 0 7.51957 0.105357 7.70711 0.292893C7.89464 0.48043 8 0.734784 8 1V2H16V1C16 0.734784 16.1054 0.48043 16.2929 0.292893C16.4804 0.105357 16.7348 0 17 0C17.2652 0 17.5196 0.105357 17.7071 0.292893C17.8946 0.48043 18 0.734784 18 1V2ZM2.87868 4.87868C2.31607 5.44129 2 6.20435 2 7V8H22V7C22 6.20435 21.6839 5.44129 21.1213 4.87868C20.5587 4.31607 19.7956 4 19 4H5C4.20435 4 3.44129 4.31607 2.87868 4.87868ZM2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H19C19.7956 22 20.5587 21.6839 21.1213 21.1213C21.6839 20.5587 22 19.7956 22 19V10H2V19C2 19.7956 2.31607 20.5587 2.87868 21.1213Z' fill='black'/%3E%3Cpath d='M8.13379 15L16.1338 15C16.6861 15 17.1338 15.4477 17.1338 16C17.1338 16.5523 16.6861 17 16.1338 17L8.13379 17C7.58151 17 7.13379 16.5523 7.13379 16C7.13379 15.4477 7.58151 15 8.13379 15Z' fill='black'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Alternative Checkboxes
|
|
|
|
|
|
──────────────────────────────────────*/
|
|
|
|
|
|
/*────────── Checkbox Radius ──────────*/
|
|
|
|
|
|
body {
|
|
|
|
|
|
--ch-radius: var(--scale-2-2);
|
|
|
|
|
|
--ach-radius-noborder: var(--scale-0-0);
|
|
|
|
|
|
--ach-radius-curved: var(--scale-2-2);
|
|
|
|
|
|
--ach-radius-squircle: var(--scale-2-3);
|
|
|
|
|
|
--ach-radius-round: var(--scale-8-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────── Checkbox List Text ──────────*/
|
|
|
|
|
|
/* Normal Text */
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task="!"], [data-task="/"], [data-task="?"], [data-task=n], [data-task="*"], [data-task=l], [data-task=i], [data-task="<"], [data-task=S], [data-task='"'], [data-task=I], [data-task=p], [data-task=c], [data-task=b]),
|
|
|
|
|
|
ul > li.task-list-item.is-checked[data-task]:is([data-task="!"], [data-task="/"], [data-task="?"], [data-task=n], [data-task="*"], [data-task=l], [data-task=i], [data-task="<"], [data-task=S], [data-task='"'], [data-task=I], [data-task=p], [data-task=c], [data-task=b]) {
|
|
|
|
|
|
color: var(--md-color-text);
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Muted Text */
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task=">"], [data-task="-"]),
|
|
|
|
|
|
ul > li.task-list-item.is-checked[data-task]:is([data-task=">"], [data-task="-"]) {
|
|
|
|
|
|
color: var(--md-color-text-muted);
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────── Icons & Background Color ──────────*/
|
|
|
|
|
|
:root .theme-light {
|
|
|
|
|
|
--ach-color-resched: var(--color-l-blue-300);
|
|
|
|
|
|
--ach-color-sched: var(--color-l-gray-90);
|
|
|
|
|
|
--ach-color-important: var(--color-l-red-500);
|
|
|
|
|
|
--ach-color-cancelled: var(--color-l-black);
|
|
|
|
|
|
--ach-color-inprogress: var(--color-l-gray-50);
|
|
|
|
|
|
--ach-color-question: var(--color-l-yellow-700);
|
|
|
|
|
|
--ach-color-note: var(--color-l-red-700);
|
|
|
|
|
|
--ach-color-star: var(--color-l-orange-500);
|
|
|
|
|
|
--ach-color-location: var(--color-l-red-500);
|
|
|
|
|
|
--ach-color-info: var(--color-l-blue-700);
|
|
|
|
|
|
--ach-color-amount: var(--color-l-yellow-900);
|
|
|
|
|
|
--ach-color-quote: var(--color-l-violet-700);
|
|
|
|
|
|
--ach-color-idea: var(--color-l-yellow-700);
|
|
|
|
|
|
--ach-color-pro: var(--color-l-green-700);
|
|
|
|
|
|
--ach-color-con: var(--color-l-red-700);
|
|
|
|
|
|
--ach-color-bookmark: var(--color-l-red-700);
|
|
|
|
|
|
--ach-color-fire: var(--color-l-orange-500);
|
|
|
|
|
|
--ach-color-win: var(--color-l-yellow-700);
|
|
|
|
|
|
--ach-color-key: var(--color-l-yellow-500);
|
|
|
|
|
|
--ach-color-up: var(--color-l-green-900);
|
|
|
|
|
|
--ach-color-down: var(--color-l-red-700);
|
|
|
|
|
|
--ach-color-law: var(--color-l-gray-90);
|
|
|
|
|
|
--ach-color-measure: var(--color-l-blue-500);
|
|
|
|
|
|
--ach-color-medical: var(--color-l-blue-300);
|
|
|
|
|
|
--ach-color-time: var(--color-l-violet-300);
|
|
|
|
|
|
--ach-color-telephone: var(--color-l-red-300);
|
|
|
|
|
|
--ach-color-person: var(--color-l-blue-900);
|
|
|
|
|
|
--ach-color-tags: var(--color-l-blue-900);
|
|
|
|
|
|
--ach-color-feature: var(--color-l-orange-700);
|
|
|
|
|
|
--ach-color-language: var(--color-l-blue-300);
|
|
|
|
|
|
--ach-color-world: var(--color-l-blue-700);
|
|
|
|
|
|
--ach-color-universe: var(--color-l-violet-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:root .theme-dark {
|
|
|
|
|
|
--ach-color-resched: var(--color-d-blue-300);
|
|
|
|
|
|
--ach-color-sched: var(--color-d-gray-20);
|
|
|
|
|
|
--ach-color-important: var(--color-d-red-900);
|
|
|
|
|
|
--ach-color-cancelled: var(--color-d-black);
|
|
|
|
|
|
--ach-color-inprogress: var(--color-d-gray-30);
|
|
|
|
|
|
--ach-color-question: var(--color-d-yellow-700);
|
|
|
|
|
|
--ach-color-note: var(--color-d-red-700);
|
|
|
|
|
|
--ach-color-star: var(--color-d-orange-500);
|
|
|
|
|
|
--ach-color-location: var(--color-d-red-700);
|
|
|
|
|
|
--ach-color-info: var(--color-d-blue-700);
|
|
|
|
|
|
--ach-color-amount: var(--color-d-yellow-900);
|
|
|
|
|
|
--ach-color-quote: var(--color-d-violet-700);
|
|
|
|
|
|
--ach-color-idea: var(--color-d-yellow-700);
|
|
|
|
|
|
--ach-color-pro: var(--color-d-green-700);
|
|
|
|
|
|
--ach-color-con: var(--color-d-red-700);
|
|
|
|
|
|
--ach-color-bookmark: var(--color-d-red-900);
|
|
|
|
|
|
--ach-color-fire: var(--color-d-orange-700);
|
|
|
|
|
|
--ach-color-win: var(--color-d-yellow-500);
|
|
|
|
|
|
--ach-color-key: var(--color-d-yellow-700);
|
|
|
|
|
|
--ach-color-up: var(--color-d-green-700);
|
|
|
|
|
|
--ach-color-down: var(--color-d-red-900);
|
|
|
|
|
|
--ach-color-law: var(--color-d-gray-40);
|
|
|
|
|
|
--ach-color-measure: var(--color-d-blue-500);
|
|
|
|
|
|
--ach-color-medical: var(--color-d-blue-300);
|
|
|
|
|
|
--ach-color-time: var(--color-d-violet-500);
|
|
|
|
|
|
--ach-color-telephone: var(--color-d-red-500);
|
|
|
|
|
|
--ach-color-person: var(--color-d-blue-900);
|
|
|
|
|
|
--ach-color-tags: var(--color-d-blue-900);
|
|
|
|
|
|
--ach-color-feature: var(--color-d-orange-700);
|
|
|
|
|
|
--ach-color-language: var(--color-d-blue-300);
|
|
|
|
|
|
--ach-color-world: var(--color-d-blue-700);
|
|
|
|
|
|
--ach-color-universe: var(--color-d-violet-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* x — Checked */
|
|
|
|
|
|
input[data-task=x],
|
|
|
|
|
|
li[data-task=x] > input,
|
|
|
|
|
|
li[data-task=x] > p > input {
|
|
|
|
|
|
border-radius: var(--ch-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=x]:checked,
|
|
|
|
|
|
li[data-task=x] > input:checked,
|
|
|
|
|
|
li[data-task=x] > p > input:checked {
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-size: 75%;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* > — Rescheduled/Moved */
|
|
|
|
|
|
input[data-task=">"],
|
|
|
|
|
|
li[data-task=">"] > input,
|
|
|
|
|
|
li[data-task=">"] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-noborder);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=">"]:checked,
|
|
|
|
|
|
li[data-task=">"] > input:checked,
|
|
|
|
|
|
li[data-task=">"] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
-webkit-mask-size: 110%;
|
|
|
|
|
|
-webkit-mask-position: 50% 50%;
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m21.426 11.095-17-8A1 1 0 0 0 3.03 4.242l1.212 4.849L12 12l-7.758 2.909-1.212 4.849a.998.998 0 0 0 1.396 1.147l17-8a1 1 0 0 0 0-1.81z'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=">"]:checked, .theme-dark input[data-task=">"]:checked,
|
|
|
|
|
|
.theme-light li[data-task=">"] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=">"] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=">"] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=">"] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-resched);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* < — Schedule */
|
|
|
|
|
|
input[data-task="<"],
|
|
|
|
|
|
li[data-task="<"] > input,
|
|
|
|
|
|
li[data-task="<"] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-noborder);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task="<"]:checked,
|
|
|
|
|
|
li[data-task="<"] > input:checked,
|
|
|
|
|
|
li[data-task="<"] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
-webkit-mask-size: 110%;
|
|
|
|
|
|
-webkit-mask-position: 50% 50%;
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(255, 255, 255, 1);transform: ;msFilter:;'%3E%3Cpath d='M5 22h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2h-2V2h-2v2H9V2H7v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2zM5 7h14v2H5V7z'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task="<"]:checked, .theme-dark input[data-task="<"]:checked,
|
|
|
|
|
|
.theme-light li[data-task="<"] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task="<"] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task="<"] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task="<"] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-sched);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* ! — Important */
|
|
|
|
|
|
input[data-task="!"],
|
|
|
|
|
|
li[data-task="!"] > input,
|
|
|
|
|
|
li[data-task="!"] > p > input {
|
|
|
|
|
|
border-radius: var(--ch-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task="!"]:checked,
|
|
|
|
|
|
li[data-task="!"] > input:checked,
|
|
|
|
|
|
li[data-task="!"] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 22%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill: %23fff' viewBox='0 0 128 512'%3E%3C!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M64 352c17.69 0 32-14.32 32-31.1V64.01c0-17.67-14.31-32.01-32-32.01S32 46.34 32 64.01v255.1C32 337.7 46.31 352 64 352zM64 400c-22.09 0-40 17.91-40 40s17.91 39.1 40 39.1s40-17.9 40-39.1S86.09 400 64 400z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task="!"]:checked, .theme-dark input[data-task="!"]:checked,
|
|
|
|
|
|
.theme-light li[data-task="!"] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task="!"] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task="!"] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task="!"] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-important);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* - — Cancelled */
|
|
|
|
|
|
input[data-task="-"],
|
|
|
|
|
|
li[data-task="-"] > input,
|
|
|
|
|
|
li[data-task="-"] > p > input {
|
|
|
|
|
|
border-radius: var(--ch-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task="-"]:checked,
|
|
|
|
|
|
li[data-task="-"] > input:checked,
|
|
|
|
|
|
li[data-task="-"] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 67%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill: %23fff' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task="-"]:checked, .theme-dark input[data-task="-"]:checked,
|
|
|
|
|
|
.theme-light li[data-task="-"] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task="-"] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task="-"] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task="-"] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-cancelled);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* / — In Progress */
|
|
|
|
|
|
input[data-task="/"],
|
|
|
|
|
|
li[data-task="/"] > input,
|
|
|
|
|
|
li[data-task="/"] > p > input {
|
|
|
|
|
|
border-radius: var(--ch-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task="/"]:checked,
|
|
|
|
|
|
li[data-task="/"] > input:checked,
|
|
|
|
|
|
li[data-task="/"] > p > input:checked {
|
|
|
|
|
|
background-image: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task="/"]:checked, .theme-dark input[data-task="/"]:checked,
|
|
|
|
|
|
.theme-light li[data-task="/"] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task="/"] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task="/"] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task="/"] > p > input:checked {
|
|
|
|
|
|
background: var(--ach-color-inprogress);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* ? — Question */
|
|
|
|
|
|
input[data-task="?"],
|
|
|
|
|
|
li[data-task="?"] > input,
|
|
|
|
|
|
li[data-task="?"] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-round);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task="?"]:checked,
|
|
|
|
|
|
li[data-task="?"] > input:checked,
|
|
|
|
|
|
li[data-task="?"] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 48%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill: %23fff' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M204.3 32.01H96c-52.94 0-96 43.06-96 96c0 17.67 14.31 31.1 32 31.1s32-14.32 32-31.1c0-17.64 14.34-32 32-32h108.3C232.8 96.01 256 119.2 256 147.8c0 19.72-10.97 37.47-30.5 47.33L127.8 252.4C117.1 258.2 112 268.7 112 280v40c0 17.67 14.31 31.99 32 31.99s32-14.32 32-31.99V298.3L256 251.3c39.47-19.75 64-59.42 64-103.5C320 83.95 268.1 32.01 204.3 32.01zM144 400c-22.09 0-40 17.91-40 40s17.91 39.1 40 39.1s40-17.9 40-39.1S166.1 400 144 400z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task="?"]:checked, .theme-dark input[data-task="?"]:checked,
|
|
|
|
|
|
.theme-light li[data-task="?"] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task="?"] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task="?"] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task="?"] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-question);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* n — Note */
|
|
|
|
|
|
input[data-task=n],
|
|
|
|
|
|
li[data-task=n] > input,
|
|
|
|
|
|
li[data-task=n] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-noborder);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=n]:checked,
|
|
|
|
|
|
li[data-task=n] > input:checked,
|
|
|
|
|
|
li[data-task=n] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
transform: rotate(45deg);
|
|
|
|
|
|
-webkit-mask-size: 120%;
|
|
|
|
|
|
-webkit-mask-position: 50% 50%;
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M15 11.586V6h2V4a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v2h2v5.586l-2.707 1.707A.996.996 0 0 0 6 14v2a1 1 0 0 0 1 1h4v3l1 2 1-2v-3h4a1 1 0 0 0 1-1v-2a.996.996 0 0 0-.293-.707L15 11.586z'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=n]:checked, .theme-dark input[data-task=n]:checked,
|
|
|
|
|
|
.theme-light li[data-task=n] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=n] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=n] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=n] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-note);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* * — Star */
|
|
|
|
|
|
input[data-task="*"],
|
|
|
|
|
|
li[data-task="*"] > input,
|
|
|
|
|
|
li[data-task="*"] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-round);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task="*"]:checked,
|
|
|
|
|
|
li[data-task="*"] > input:checked,
|
|
|
|
|
|
li[data-task="*"] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 80%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M21.947 9.179a1.001 1.001 0 0 0-.868-.676l-5.701-.453-2.467-5.461a.998.998 0 0 0-1.822-.001L8.622 8.05l-5.701.453a1 1 0 0 0-.619 1.713l4.213 4.107-1.49 6.452a1 1 0 0 0 1.53 1.057L12 18.202l5.445 3.63a1.001 1.001 0 0 0 1.517-1.106l-1.829-6.4 4.536-4.082c.297-.268.406-.686.278-1.065z'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task="*"]:checked, .theme-dark input[data-task="*"]:checked,
|
|
|
|
|
|
.theme-light li[data-task="*"] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task="*"] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task="*"] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task="*"] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-star);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* l — Location */
|
|
|
|
|
|
input[data-task=l],
|
|
|
|
|
|
li[data-task=l] > input,
|
|
|
|
|
|
li[data-task=l] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-noborder);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=l]:checked,
|
|
|
|
|
|
li[data-task=l] > input:checked,
|
|
|
|
|
|
li[data-task=l] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
-webkit-mask-size: 110%;
|
|
|
|
|
|
-webkit-mask-position: 50% 50%;
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z' clip-rule='evenodd' /%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=l]:checked, .theme-dark input[data-task=l]:checked,
|
|
|
|
|
|
.theme-light li[data-task=l] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=l] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=l] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=l] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-location);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* i — Info */
|
|
|
|
|
|
input[data-task=i],
|
|
|
|
|
|
li[data-task=i] > input,
|
|
|
|
|
|
li[data-task=i] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-round);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=i]:checked,
|
|
|
|
|
|
li[data-task=i] > input:checked,
|
|
|
|
|
|
li[data-task=i] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 26%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill: %23fff' viewBox='0 0 192 512'%3E%3C!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M160 448h-32V224c0-17.69-14.33-32-32-32L32 192c-17.67 0-32 14.31-32 32s14.33 31.1 32 31.1h32v192H32c-17.67 0-32 14.31-32 32s14.33 32 32 32h128c17.67 0 32-14.31 32-32S177.7 448 160 448zM96 128c26.51 0 48-21.49 48-48S122.5 32.01 96 32.01s-48 21.49-48 48S69.49 128 96 128z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=i]:checked, .theme-dark input[data-task=i]:checked,
|
|
|
|
|
|
.theme-light li[data-task=i] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=i] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=i] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=i] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-info);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* S — Amount */
|
|
|
|
|
|
input[data-task=S],
|
|
|
|
|
|
li[data-task=S] > input,
|
|
|
|
|
|
li[data-task=S] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-round);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=S]:checked,
|
|
|
|
|
|
li[data-task=S] > input:checked,
|
|
|
|
|
|
li[data-task=S] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M15.999 8.5h2c0-2.837-2.755-4.131-5-4.429V2h-2v2.071c-2.245.298-5 1.592-5 4.429 0 2.706 2.666 4.113 5 4.43v4.97c-1.448-.251-3-1.024-3-2.4h-2c0 2.589 2.425 4.119 5 4.436V22h2v-2.07c2.245-.298 5-1.593 5-4.43s-2.755-4.131-5-4.429V6.1c1.33.239 3 .941 3 2.4zm-8 0c0-1.459 1.67-2.161 3-2.4v4.799c-1.371-.253-3-1.002-3-2.399zm8 7c0 1.459-1.67 2.161-3 2.4v-4.8c1.33.239 3 .941 3 2.4z'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=S]:checked, .theme-dark input[data-task=S]:checked,
|
|
|
|
|
|
.theme-light li[data-task=S] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=S] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=S] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=S] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-amount);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* " — Quote */
|
|
|
|
|
|
input[data-task='"']:checked,
|
|
|
|
|
|
li[data-task='"'] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 80%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(255, 255, 255, 1);transform: ;msFilter:;'%3E%3Cpath d='m21.95 8.721-.025-.168-.026.006A4.5 4.5 0 1 0 17.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222-.474.197.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.028 7.028 0 0 0-.063-.539zm-11 0-.025-.168-.026.006A4.5 4.5 0 1 0 6.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222c-.301.123-.473.195-.473.195l.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.571 7.571 0 0 0-.064-.537z'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task='"']:checked, .theme-dark input[data-task='"']:checked,
|
|
|
|
|
|
.theme-light li[data-task='"'] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task='"'] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-quote);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* I — Idea / Lightbulb */
|
|
|
|
|
|
input[data-task=I],
|
|
|
|
|
|
li[data-task=I] > input,
|
|
|
|
|
|
li[data-task=I] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-round);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=I]:checked,
|
|
|
|
|
|
li[data-task=I] > input:checked,
|
|
|
|
|
|
li[data-task=I] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 90%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='9' y1='18' x2='15' y2='18'%3E%3C/line%3E%3Cline x1='10' y1='22' x2='14' y2='22'%3E%3C/line%3E%3Cpath d='M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=I]:checked, .theme-dark input[data-task=I]:checked,
|
|
|
|
|
|
.theme-light li[data-task=I] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=I] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=I] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=I] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-idea);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* p - Pro */
|
|
|
|
|
|
input[data-task=p],
|
|
|
|
|
|
li[data-task=p] > input,
|
|
|
|
|
|
li[data-task=p] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-curved);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=p]:checked,
|
|
|
|
|
|
li[data-task=p] > input:checked,
|
|
|
|
|
|
li[data-task=p] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 90%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E<!--! Atomicons Free 1.00 by @atisalab License - https://atomicons.com/license/ (Icons: CC BY 4.0) Copyright 2021 Atomicons -->%3Cpath d='M7,9l4-7h.69a2,2,0,0,1,2,2.28L13,9h6.67a2,2,0,0,1,2,2.3l-1.39,9a2,2,0,0,1-2,1.7H7Z'%3E%3C/path%3E%3Cpath d='M2,11v9a2,2,0,0,0,2,2H7V9H4A2,2,0,0,0,2,11Z'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=p]:checked, .theme-dark input[data-task=p]:checked,
|
|
|
|
|
|
.theme-light li[data-task=p] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=p] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=p] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=p] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-pro);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* c - Con */
|
|
|
|
|
|
input[data-task=c],
|
|
|
|
|
|
li[data-task=c] > input,
|
|
|
|
|
|
li[data-task=c] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-curved);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=c]:checked,
|
|
|
|
|
|
li[data-task=c] > input:checked,
|
|
|
|
|
|
li[data-task=c] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 90%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E<!--! Atomicons Free 1.00 by @atisalab License - https://atomicons.com/license/ (Icons: CC BY 4.0) Copyright 2021 Atomicons -->%3Cpath d='M7,9l4-7h.69a2,2,0,0,1,2,2.28L13,9h6.67a2,2,0,0,1,2,2.3l-1.39,9a2,2,0,0,1-2,1.7H7Z'%3E%3C/path%3E%3Cpath d='M2,11v9a2,2,0,0,0,2,2H7V9H4A2,2,0,0,0,2,11Z'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
transform: scaleY(-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=c]:checked, .theme-dark input[data-task=c]:checked,
|
|
|
|
|
|
.theme-light li[data-task=c] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=c] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=c] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=c] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-con);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* b - Bookmark */
|
|
|
|
|
|
input[data-task=b],
|
|
|
|
|
|
li[data-task=b] > input,
|
|
|
|
|
|
li[data-task=b] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-curved);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=b]:checked,
|
|
|
|
|
|
li[data-task=b] > input:checked,
|
|
|
|
|
|
li[data-task=b] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 90%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M19 10.132v-6c0-1.103-.897-2-2-2H7c-1.103 0-2 .897-2 2V22l7-4.666L19 22V10.132z'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=b]:checked, .theme-dark input[data-task=b]:checked,
|
|
|
|
|
|
.theme-light li[data-task=b] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=b] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=b] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=b] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-bookmark);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* f - Fire */
|
|
|
|
|
|
input[data-task=f]:checked,
|
|
|
|
|
|
li[data-task=f] > input:checked,
|
|
|
|
|
|
li[data-task=f] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M16.5 8c0 1.5-.5 3.5-2.9 4.3.7-1.7.8-3.4.3-5-.7-2.1-3-3.7-4.6-4.6-.4-.3-1.1.1-1 .7 0 1.1-.3 2.7-2 4.4C4.1 10 3 12.3 3 14.5 3 17.4 5 21 9 21c-4-4-1-7.5-1-7.5.8 5.9 5 7.5 7 7.5 1.7 0 5-1.2 5-6.4 0-3.1-1.3-5.5-2.4-6.9-.3-.5-1-.2-1.1.3'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=f]:checked, .theme-dark input[data-task=f]:checked,
|
|
|
|
|
|
.theme-light li[data-task=f] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=f] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=f] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=f] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-fire);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* w - Win */
|
|
|
|
|
|
input[data-task=w],
|
|
|
|
|
|
li[data-task=w] > input,
|
|
|
|
|
|
li[data-task=w] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-noborder);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=w]:checked,
|
|
|
|
|
|
li[data-task=w] > input:checked,
|
|
|
|
|
|
li[data-task=w] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
-webkit-mask-size: 100%;
|
|
|
|
|
|
-webkit-mask-position: 50% 50%;
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M21 4h-3V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v1H3a1 1 0 0 0-1 1v3c0 4.31 1.8 6.91 4.82 7A6 6 0 0 0 11 17.91V20H9v2h6v-2h-2v-2.09A6 6 0 0 0 17.18 15c3-.1 4.82-2.7 4.82-7V5a1 1 0 0 0-1-1zM4 8V6h2v6.83C4.22 12.08 4 9.3 4 8zm14 4.83V6h2v2c0 1.3-.22 4.08-2 4.83z'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=w]:checked, .theme-dark input[data-task=w]:checked,
|
|
|
|
|
|
.theme-light li[data-task=w] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=w] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=w] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=w] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-win);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* k - Key */
|
|
|
|
|
|
input[data-task=k]:checked,
|
|
|
|
|
|
li[data-task=k] > input:checked,
|
|
|
|
|
|
li[data-task=k] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: rotate(45deg);msFilter:;'%3E%3Cpath d='M7 17a5.007 5.007 0 0 0 4.898-4H14v2h2v-2h2v3h2v-3h1v-2h-9.102A5.007 5.007 0 0 0 7 7c-2.757 0-5 2.243-5 5s2.243 5 5 5zm0-8c1.654 0 3 1.346 3 3s-1.346 3-3 3-3-1.346-3-3 1.346-3 3-3z'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=k]:checked, .theme-dark input[data-task=k]:checked,
|
|
|
|
|
|
.theme-light li[data-task=k] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=k] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=k] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=k] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-key);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* u - Up */
|
|
|
|
|
|
input[data-task=u]:checked,
|
|
|
|
|
|
li[data-task=u] > input:checked,
|
|
|
|
|
|
li[data-task=u] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-size: 85%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='transform: rotate(-10deg);' fill='white' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M384 160C366.3 160 352 145.7 352 128C352 110.3 366.3 96 384 96H544C561.7 96 576 110.3 576 128V288C576 305.7 561.7 320 544 320C526.3 320 512 305.7 512 288V205.3L342.6 374.6C330.1 387.1 309.9 387.1 297.4 374.6L191.1 269.3L54.63 406.6C42.13 419.1 21.87 419.1 9.372 406.6C-3.124 394.1-3.124 373.9 9.372 361.4L169.4 201.4C181.9 188.9 202.1 188.9 214.6 201.4L320 306.7L466.7 159.1L384 160z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=u]:checked, .theme-dark input[data-task=u]:checked,
|
|
|
|
|
|
.theme-light li[data-task=u] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=u] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=u] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=u] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-up);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* d - Down */
|
|
|
|
|
|
input[data-task=d]:checked,
|
|
|
|
|
|
li[data-task=d] > input:checked,
|
|
|
|
|
|
li[data-task=d] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-size: 85%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='transform: rotate(10deg) scaleY(-1);' fill='white' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M384 160C366.3 160 352 145.7 352 128C352 110.3 366.3 96 384 96H544C561.7 96 576 110.3 576 128V288C576 305.7 561.7 320 544 320C526.3 320 512 305.7 512 288V205.3L342.6 374.6C330.1 387.1 309.9 387.1 297.4 374.6L191.1 269.3L54.63 406.6C42.13 419.1 21.87 419.1 9.372 406.6C-3.124 394.1-3.124 373.9 9.372 361.4L169.4 201.4C181.9 188.9 202.1 188.9 214.6 201.4L320 306.7L466.7 159.1L384 160z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=d]:checked, .theme-dark input[data-task=d]:checked,
|
|
|
|
|
|
.theme-light li[data-task=d] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=d] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=d] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=d] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-down);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* r - Rule/Law */
|
|
|
|
|
|
input[data-task=r],
|
|
|
|
|
|
li[data-task=r] > input,
|
|
|
|
|
|
li[data-task=r] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-curved);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=r]:checked,
|
|
|
|
|
|
li[data-task=r] > input:checked,
|
|
|
|
|
|
li[data-task=r] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-size: 92%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 16 3-8 3.001 8A5.002 5.002 0 0 1 16 16z'%3E%3C/path%3E%3Cpath d='m2 16 3-8 3.001 8A5.002 5.002 0 0 1 2 16z'%3E%3C/path%3E%3Cpath d='M7 21h10'%3E%3C/path%3E%3Cpath d='M12 3v18'%3E%3C/path%3E%3Cpath d='M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=r]:checked, .theme-dark input[data-task=r]:checked,
|
|
|
|
|
|
.theme-light li[data-task=r] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=r] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=r] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=r] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-law);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* m - Measure */
|
|
|
|
|
|
input[data-task=m],
|
|
|
|
|
|
li[data-task=m] > input,
|
|
|
|
|
|
li[data-task=m] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-curved);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=m]:checked,
|
|
|
|
|
|
li[data-task=m] > input:checked,
|
|
|
|
|
|
li[data-task=m] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-size: 92%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 2 6 6L8 22l-6-6L16 2'%3E%3C/path%3E%3Cpath d='m7.5 10.5 2 2'%3E%3C/path%3E%3Cpath d='m10.5 7.5 2 2'%3E%3C/path%3E%3Cpath d='m13.5 4.5 2 2'%3E%3C/path%3E%3Cpath d='m4.5 13.5 2 2'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=m]:checked, .theme-dark input[data-task=m]:checked,
|
|
|
|
|
|
.theme-light li[data-task=m] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=m] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=m] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=m] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-measure);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* M - Medical */
|
|
|
|
|
|
input[data-task=M]:checked,
|
|
|
|
|
|
li[data-task=M] > input:checked,
|
|
|
|
|
|
li[data-task=M] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-size: 75%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M15 2.013H9V9H2v6h7v6.987h6V15h7V9h-7z'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=M]:checked, .theme-dark input[data-task=M]:checked,
|
|
|
|
|
|
.theme-light li[data-task=M] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=M] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=M] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=M] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-medical);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* t - Time */
|
|
|
|
|
|
input[data-task=t],
|
|
|
|
|
|
li[data-task=t] > input,
|
|
|
|
|
|
li[data-task=t] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-round);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=t]:checked,
|
|
|
|
|
|
li[data-task=t] > input:checked,
|
|
|
|
|
|
li[data-task=t] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-size: 90%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=t]:checked, .theme-dark input[data-task=t]:checked,
|
|
|
|
|
|
.theme-light li[data-task=t] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=t] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=t] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=t] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-time);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* T - Telephone */
|
|
|
|
|
|
input[data-task=T],
|
|
|
|
|
|
li[data-task=T] > input,
|
|
|
|
|
|
li[data-task=T] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-curved);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=T]:checked,
|
|
|
|
|
|
li[data-task=T] > input:checked,
|
|
|
|
|
|
li[data-task=T] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-size: 85%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=T]:checked, .theme-dark input[data-task=T]:checked,
|
|
|
|
|
|
.theme-light li[data-task=T] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=T] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=T] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=T] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-telephone);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* P - Person */
|
|
|
|
|
|
input[data-task=P],
|
|
|
|
|
|
li[data-task=P] > input,
|
|
|
|
|
|
li[data-task=P] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-round);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=P]:checked,
|
|
|
|
|
|
li[data-task=P] > input:checked,
|
|
|
|
|
|
li[data-task=P] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-size: 90%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=P]:checked, .theme-dark input[data-task=P]:checked,
|
|
|
|
|
|
.theme-light li[data-task=P] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=P] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=P] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=P] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-person);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* # - Tags */
|
|
|
|
|
|
input[data-task="#"],
|
|
|
|
|
|
li[data-task="#"] > input,
|
|
|
|
|
|
li[data-task="#"] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-squircle);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task="#"]:checked,
|
|
|
|
|
|
li[data-task="#"] > input:checked,
|
|
|
|
|
|
li[data-task="#"] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-size: 80%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12V2h10l9.44 9.44a2 2 0 0 1 0 2.82l-7.18 7.18a2 2 0 0 1-2.82 0L2 12Z'%3E%3C/path%3E%3Cpath d='M7 7h.01'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task="#"]:checked, .theme-dark input[data-task="#"]:checked,
|
|
|
|
|
|
.theme-light li[data-task="#"] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task="#"] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task="#"] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task="#"] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-tags);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* F - Feature */
|
|
|
|
|
|
input[data-task=F],
|
|
|
|
|
|
li[data-task=F] > input,
|
|
|
|
|
|
li[data-task=F] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-squircle);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=F]:checked,
|
|
|
|
|
|
li[data-task=F] > input:checked,
|
|
|
|
|
|
li[data-task=F] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-size: 75%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='white' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'%3E%3C/polygon%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=F]:checked, .theme-dark input[data-task=F]:checked,
|
|
|
|
|
|
.theme-light li[data-task=F] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=F] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=F] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=F] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-feature);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* L - Translate/Language */
|
|
|
|
|
|
input[data-task=L]:checked,
|
|
|
|
|
|
li[data-task=L] > input:checked,
|
|
|
|
|
|
li[data-task=L] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-size: 90%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 6 6'%3E%3C/path%3E%3Cpath d='m4 14 6-6 2-3'%3E%3C/path%3E%3Cpath d='M2 5h12'%3E%3C/path%3E%3Cpath d='M7 2h1'%3E%3C/path%3E%3Cpath d='m22 22-5-10-5 10'%3E%3C/path%3E%3Cpath d='M14 18h6'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=L]:checked, .theme-dark input[data-task=L]:checked,
|
|
|
|
|
|
.theme-light li[data-task=L] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=L] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=L] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=L] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-language);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* W - World/Country */
|
|
|
|
|
|
input[data-task=W],
|
|
|
|
|
|
li[data-task=W] > input,
|
|
|
|
|
|
li[data-task=W] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-round);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=W]:checked,
|
|
|
|
|
|
li[data-task=W] > input:checked,
|
|
|
|
|
|
li[data-task=W] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zM4 12c0-.899.156-1.762.431-2.569L6 11l2 2v2l2 2 1 1v1.931C7.061 19.436 4 16.072 4 12zm14.33 4.873C17.677 16.347 16.687 16 16 16v-1a2 2 0 0 0-2-2h-4v-3a2 2 0 0 0 2-2V7h1a2 2 0 0 0 2-2v-.411C17.928 5.778 20 8.65 20 12a7.947 7.947 0 0 1-1.67 4.873z'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=W]:checked, .theme-dark input[data-task=W]:checked,
|
|
|
|
|
|
.theme-light li[data-task=W] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=W] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=W] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=W] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-world);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* U - Universe */
|
|
|
|
|
|
input[data-task=U],
|
|
|
|
|
|
li[data-task=U] > input,
|
|
|
|
|
|
li[data-task=U] > p > input {
|
|
|
|
|
|
border-radius: var(--ach-radius-curved);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[data-task=U]:checked,
|
|
|
|
|
|
li[data-task=U] > input:checked,
|
|
|
|
|
|
li[data-task=U] > p > input:checked {
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
background-size: 95%;
|
|
|
|
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAADKklEQVRYhe2XXWhPcRjHv8fbZLa2yLu8LVaSvNzRyIW0xPJyQYgiN7hCwiQpbsgNygWSQlIkRYrVWiJvIZrCYt5aFPs3NrOPi/Mc/2f//ue/s9mdPTfn/3x/3+f7fc7L7znnL/3vEXS1EJgiaZGkMkmlkook/ZaUknRf0mlJV4MgoBv6/GsaAIuAuySLC0Df7jIfA9zMMEgBT4Aa4BHQkqWJQ91hvgD4boK/gRPAPCAvg9cfWA18dQ20AiX/Yr4a+GViT4GZCWpmmXEUu7tqXu7MrwOFnag96xq40xXzUqDRBK4CfdzafOAiUG/3/Q2wwz9wwFLXwHvDhlre0JF5H+Ceke8D+YYPIHyy4+Ko05jh8GbDSix/11ED24yYAiYalgdU5TAHaHQacxz+1bDplr+MeL2ymA+StNPSXUEQvAQCSSclzcnZueQv7Xj3+4sdx9nxR2wDkrYpnGq1ko4ZtlfSSseplTRV0qSM2tPud4X7/diOpXZ8k8VXAvJJ7+Hlhs0m3PtRvAZG2Np8hz/C5oLd62a3tsnwM5YfiGtggxFeAb2BfsAzJ/QRmGDcycBnwx/arYt0/MRsBgYb/tywlXENRA/ZVsu3O6FfQJnh04AGwx8AxU5jJ+3jlOEjLW8DhmUzH0Z4qVuBEYRbsd4JVRpvCPDe4ZOcxhoziCIFjLS1zYY9iTv7FUaotnyJE2ogPQvOZ5xhGVAMVNJ+/AKsd/rRXKmMa+C4EfZYfskJHXS8FMniuKuJZkILMDyugWojLbD8nRNb7HgfEpgfIZwd0TdEpH0uq7kRPxlptOV+G811vMM5jD8CyzJ0N9paEzA2VwM/jdjf8i9OeJXj5QH7gTqrqSN8U64DBmZoVpD+SNkTax7T0C3XwJVOFevvQxxdxSo6+2kGbHENtGGTMUFdPnCM9HZsN6Q600CB3dMoWoF9uKGTwS8ifIu+dTU34vhR5PwsB8olXZbkL1+TpBpJLxS+1QolzZA0zfGaFL7ADgVB0JbgfHM2sZD0zO8ovhFuwVFJ9RP9MQEKJK2VVC5psqThkholtUiqk/RA0m1J14Ig+BGn0xM9kS3+AIVhhF9MAbHFAAAAAElFTkSuQmCC");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[data-task=U]:checked, .theme-dark input[data-task=U]:checked,
|
|
|
|
|
|
.theme-light li[data-task=U] > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=U] > input:checked,
|
|
|
|
|
|
.theme-light li[data-task=U] > p > input:checked,
|
|
|
|
|
|
.theme-dark li[data-task=U] > p > input:checked {
|
|
|
|
|
|
background-color: var(--ach-color-universe);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Markdown Formatting──────────*/
|
|
|
|
|
|
.gray-md-formatting span.cm-formatting:not(.cm-header, .cm-formatting-hashtag, .cm-formatting-list),
|
|
|
|
|
|
.gray-md-formatting .cm-s-obsidian span.cm-formatting-math.cm-keyword,
|
|
|
|
|
|
.gray-md-formatting .cm-s-obsidian span.cm-formatting-link.cm-link,
|
|
|
|
|
|
.gray-md-formatting .cm-s-obsidian span.cm-formatting-escape,
|
|
|
|
|
|
.gray-md-formatting .cm-s-obsidian span.cm-formatting-link-string.cm-string.cm-url,
|
|
|
|
|
|
.gray-md-formatting .cm-s-obsidian span.cm-bracket,
|
|
|
|
|
|
.gray-md-formatting span.cm-formatting-code.cm-inline-code,
|
|
|
|
|
|
.gray-md-formatting span.cm-formatting-header,
|
|
|
|
|
|
.gray-md-formatting span.cm-header.cm-formatting-link-start,
|
|
|
|
|
|
.gray-md-formatting span.cm-header.cm-formatting-link-end,
|
|
|
|
|
|
.gray-md-formatting span.cm-header.cm-formatting.cm-link,
|
|
|
|
|
|
.gray-md-formatting span.cm-header.cm-formatting.cm-string.cm-url,
|
|
|
|
|
|
.gray-md-formatting span.cm-formatting.cm-highlight,
|
|
|
|
|
|
.gray-md-formatting .markdown-source-view.is-live-preview .cm-header.cm-formatting-highlight,
|
|
|
|
|
|
.gray-md-formatting .markdown-source-view .cm-header.cm-formatting-strong,
|
|
|
|
|
|
.gray-md-formatting .markdown-source-view .cm-header.cm-formatting-strikethrough,
|
|
|
|
|
|
.gray-md-formatting .markdown-source-view .cm-header.cm-formatting-em,
|
|
|
|
|
|
.gray-md-formatting span.cm-quote.cm-formatting.cm-strong,
|
|
|
|
|
|
.gray-md-formatting span.cm-quote.cm-formatting.cm-em,
|
|
|
|
|
|
.gray-md-formatting span.cm-quote.cm-formatting.cm-highlight,
|
|
|
|
|
|
.gray-md-formatting span.cm-quote.cm-formatting.cm-strikethrough,
|
|
|
|
|
|
.gray-md-formatting .cm-s-obsidian span.cm-quote.cm-formatting-quote {
|
|
|
|
|
|
filter: initial;
|
|
|
|
|
|
color: var(--md-color-formatting);
|
|
|
|
|
|
background: initial;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Translucency
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.theme-light.is-translucent.is-translucent.is-translucent {
|
|
|
|
|
|
--opacity-translucency: 0.8;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light.is-translucent.is-translucent.is-translucent .workspace-split.mod-left-split, .theme-light.is-translucent.is-translucent.is-translucent .workspace-split.mod-right-split, .theme-light.is-translucent.is-translucent.is-translucent .side-dock-ribbon {
|
|
|
|
|
|
--opacity-translucency: 0.8;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light.is-translucent.is-translucent.is-translucent .titlebar, .theme-light.is-translucent.is-translucent.is-translucent .workspace-split.mod-root {
|
|
|
|
|
|
--opacity-translucency: 0.9;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light.is-translucent.is-translucent.is-translucent .status-bar {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark.is-translucent.is-translucent.is-translucent {
|
|
|
|
|
|
--opacity-translucency: 0.6;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark.is-translucent.is-translucent.is-translucent .workspace-split.mod-left-split, .theme-dark.is-translucent.is-translucent.is-translucent .workspace-split.mod-right-split, .theme-dark.is-translucent.is-translucent.is-translucent .side-dock-ribbon {
|
|
|
|
|
|
--opacity-translucency: 0.6;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark.is-translucent.is-translucent.is-translucent .titlebar, .theme-dark.is-translucent.is-translucent.is-translucent .workspace-split.mod-root {
|
|
|
|
|
|
--opacity-translucency: 0.9;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark.is-translucent.is-translucent.is-translucent .status-bar {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
progress {
|
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
|
appearance: none;
|
|
|
|
|
|
width: calc(var(--font-text-size) + 220px);
|
|
|
|
|
|
height: calc(var(--font-text-size) - 8px);
|
|
|
|
|
|
margin-right: var(--scale-2-4);
|
|
|
|
|
|
vertical-align: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
progress[value]::-webkit-progress-bar {
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 1px var(--background-modifier-border) inset;
|
|
|
|
|
|
border-radius: var(--scale-8-2);
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
progress[value]::-webkit-progress-value {
|
|
|
|
|
|
border-radius: var(--scale-8-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
progress[value="1"]::-webkit-progress-value, progress[value="2"]::-webkit-progress-value, progress[value="3"]::-webkit-progress-value, progress[value="4"]::-webkit-progress-value, progress[value="5"]::-webkit-progress-value, progress[value="6"]::-webkit-progress-value, progress[value="7"]::-webkit-progress-value, progress[value="8"]::-webkit-progress-value, progress[value="9"]::-webkit-progress-value, progress[value="10"]::-webkit-progress-value, progress[value="11"]::-webkit-progress-value, progress[value="12"]::-webkit-progress-value, progress[value="13"]::-webkit-progress-value, progress[value="14"]::-webkit-progress-value, progress[value="15"]::-webkit-progress-value, progress[value="16"]::-webkit-progress-value, progress[value="17"]::-webkit-progress-value, progress[value="18"]::-webkit-progress-value, progress[value="19"]::-webkit-progress-value {
|
|
|
|
|
|
background: var(--color-progress-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
progress[value="20"]::-webkit-progress-value, progress[value="21"]::-webkit-progress-value, progress[value="22"]::-webkit-progress-value, progress[value="23"]::-webkit-progress-value, progress[value="24"]::-webkit-progress-value, progress[value="25"]::-webkit-progress-value, progress[value="26"]::-webkit-progress-value, progress[value="27"]::-webkit-progress-value, progress[value="28"]::-webkit-progress-value, progress[value="29"]::-webkit-progress-value {
|
|
|
|
|
|
background: var(--color-progress-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
progress[value="30"]::-webkit-progress-value, progress[value="31"]::-webkit-progress-value, progress[value="32"]::-webkit-progress-value, progress[value="33"]::-webkit-progress-value, progress[value="34"]::-webkit-progress-value, progress[value="35"]::-webkit-progress-value, progress[value="36"]::-webkit-progress-value, progress[value="37"]::-webkit-progress-value, progress[value="38"]::-webkit-progress-value, progress[value="39"]::-webkit-progress-value {
|
|
|
|
|
|
background: var(--color-progress-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
progress[value="40"]::-webkit-progress-value, progress[value="41"]::-webkit-progress-value, progress[value="42"]::-webkit-progress-value, progress[value="43"]::-webkit-progress-value, progress[value="44"]::-webkit-progress-value, progress[value="45"]::-webkit-progress-value, progress[value="46"]::-webkit-progress-value, progress[value="47"]::-webkit-progress-value, progress[value="48"]::-webkit-progress-value, progress[value="49"]::-webkit-progress-value {
|
|
|
|
|
|
background: var(--color-progress-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
progress[value="50"]::-webkit-progress-value, progress[value="51"]::-webkit-progress-value, progress[value="52"]::-webkit-progress-value, progress[value="53"]::-webkit-progress-value, progress[value="54"]::-webkit-progress-value, progress[value="55"]::-webkit-progress-value, progress[value="56"]::-webkit-progress-value, progress[value="57"]::-webkit-progress-value, progress[value="58"]::-webkit-progress-value, progress[value="59"]::-webkit-progress-value {
|
|
|
|
|
|
background: var(--color-progress-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
progress[value="60"]::-webkit-progress-value, progress[value="61"]::-webkit-progress-value, progress[value="62"]::-webkit-progress-value, progress[value="63"]::-webkit-progress-value, progress[value="64"]::-webkit-progress-value, progress[value="65"]::-webkit-progress-value, progress[value="66"]::-webkit-progress-value, progress[value="67"]::-webkit-progress-value, progress[value="68"]::-webkit-progress-value, progress[value="69"]::-webkit-progress-value {
|
|
|
|
|
|
background: var(--color-progress-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
progress[value="70"]::-webkit-progress-value, progress[value="71"]::-webkit-progress-value, progress[value="72"]::-webkit-progress-value, progress[value="73"]::-webkit-progress-value, progress[value="74"]::-webkit-progress-value, progress[value="75"]::-webkit-progress-value, progress[value="76"]::-webkit-progress-value, progress[value="77"]::-webkit-progress-value, progress[value="78"]::-webkit-progress-value, progress[value="79"]::-webkit-progress-value {
|
|
|
|
|
|
background: var(--color-progress-70);
|
|
|
|
|
|
}
|
|
|
|
|
|
progress[value="80"]::-webkit-progress-value, progress[value="81"]::-webkit-progress-value, progress[value="82"]::-webkit-progress-value, progress[value="83"]::-webkit-progress-value, progress[value="84"]::-webkit-progress-value, progress[value="85"]::-webkit-progress-value, progress[value="86"]::-webkit-progress-value, progress[value="87"]::-webkit-progress-value, progress[value="88"]::-webkit-progress-value, progress[value="89"]::-webkit-progress-value {
|
|
|
|
|
|
background: var(--color-progress-80);
|
|
|
|
|
|
}
|
|
|
|
|
|
progress[value="90"]::-webkit-progress-value, progress[value="91"]::-webkit-progress-value, progress[value="92"]::-webkit-progress-value, progress[value="93"]::-webkit-progress-value, progress[value="94"]::-webkit-progress-value, progress[value="95"]::-webkit-progress-value, progress[value="96"]::-webkit-progress-value, progress[value="97"]::-webkit-progress-value, progress[value="98"]::-webkit-progress-value, progress[value="99"]::-webkit-progress-value {
|
|
|
|
|
|
background: var(--color-progress-90);
|
|
|
|
|
|
}
|
|
|
|
|
|
progress[value="100"]::-webkit-progress-value {
|
|
|
|
|
|
background: var(--color-progress-100);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light progress {
|
|
|
|
|
|
--color-progress-10: var(--color-l-red-700);
|
|
|
|
|
|
--color-progress-20: var(--color-l-red-700);
|
|
|
|
|
|
--color-progress-30: var(--color-l-orange-500);
|
|
|
|
|
|
--color-progress-40: var(--color-l-orange-500);
|
|
|
|
|
|
--color-progress-50: var(--color-l-yellow-500);
|
|
|
|
|
|
--color-progress-60: var(--color-l-yellow-500);
|
|
|
|
|
|
--color-progress-70: var(--color-l-green-700);
|
|
|
|
|
|
--color-progress-80: var(--color-l-blue-700);
|
|
|
|
|
|
--color-progress-90: var(--color-l-violet-700);
|
|
|
|
|
|
--color-progress-100: linear-gradient(45deg, #ef92af95, #7bd7e995, #ffda2b95);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark progress {
|
|
|
|
|
|
--color-progress-10: var(--color-d-red-900);
|
|
|
|
|
|
--color-progress-20: var(--color-d-red-900);
|
|
|
|
|
|
--color-progress-30: var(--color-d-orange-700);
|
|
|
|
|
|
--color-progress-40: var(--color-d-orange-700);
|
|
|
|
|
|
--color-progress-50: var(--color-d-yellow-700);
|
|
|
|
|
|
--color-progress-60: var(--color-d-yellow-700);
|
|
|
|
|
|
--color-progress-70: var(--color-d-green-900);
|
|
|
|
|
|
--color-progress-80: var(--color-d-blue-900);
|
|
|
|
|
|
--color-progress-90: var(--color-d-violet-900);
|
|
|
|
|
|
--color-progress-100: linear-gradient(45deg, #ef92af95, #7bd7e995, #ffda2b95);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
Other Components
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
──────────────────────────────────────*/
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Modals
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*─────────All Modals──────────*/
|
|
|
|
|
|
.modal {
|
|
|
|
|
|
width: clamp(200px, 90vw, 960px);
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
border-radius: var(--scale-2-8);
|
|
|
|
|
|
overflow-y: hidden;
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
/*─────────Settings Modal──────────*/
|
|
|
|
|
|
/*─────────Command, Quick Switcher etc. Modals──────────*/
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal.mod-settings, .modal.mod-settings .vertical-tab-container {
|
|
|
|
|
|
width: clamp(200px, 90vw, 960px);
|
|
|
|
|
|
min-height: 20vh;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
max-height: 70vh;
|
|
|
|
|
|
border-radius: var(--scale-2-8);
|
|
|
|
|
|
overflow-y: hidden;
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal.mod-settings, .theme-light .modal.mod-settings .vertical-tab-container {
|
|
|
|
|
|
box-shadow: var(--shadow-xl) var(--color-l-shadow-100);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal.mod-settings, .theme-dark .modal.mod-settings .vertical-tab-container {
|
|
|
|
|
|
box-shadow: var(--shadow-xl) var(--color-d-shadow-100);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal.mod-settings .setting-item-control button.clickable-icon, .modal.mod-settings .vertical-tab-container .setting-item-control button.clickable-icon {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
margin-right: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal.mod-community-theme.mod-community-theme, .modal.mod-community-plugin {
|
|
|
|
|
|
width: clamp(200px, 90vw, 960px);
|
|
|
|
|
|
min-height: 90vh;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal.mod-image-lightbox {
|
|
|
|
|
|
width: clamp(200px, 95vw, 1920px);
|
|
|
|
|
|
min-height: 20vh;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
max-height: 90vh;
|
|
|
|
|
|
border-radius: var(--scale-2-8);
|
|
|
|
|
|
overflow-y: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .vertical-tab-nav-item {
|
|
|
|
|
|
text-transform: capitalize;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal-title {
|
|
|
|
|
|
text-transform: capitalize;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal.mod-community-theme .modal-title {
|
|
|
|
|
|
margin-left: var(--scale-8-3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .setting-hotkey {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
align-self: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .setting-hotkey .setting-delete-hotkey {
|
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
|
margin-left: var(--scale-2-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .modal-content .vertical-tab-header, .modal .modal-content .vertical-tab-header-group, .modal .modal-content .vertical-tab-content-container {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .modal-content .vertical-tab-content {
|
|
|
|
|
|
padding: var(--scale-8-4) var(--scale-8-4) var(--scale-8-4) var(--scale-8-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .modal-content .vertical-tab-header, .modal .modal-content .vertical-tab-content-container .vertical-tab-content {
|
|
|
|
|
|
flex: 0 0 220px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal .modal-content .vertical-tab-header, .theme-light .modal .modal-content .vertical-tab-content-container .vertical-tab-content {
|
|
|
|
|
|
background: var(--color-l-white);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal .modal-content .vertical-tab-header, .theme-dark .modal .modal-content .vertical-tab-content-container .vertical-tab-content {
|
|
|
|
|
|
background: var(--color-d-gray-70);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .modal-content .vertical-tab-header-group, .modal .modal-content .vertical-tab-nav-item {
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .modal-content .vertical-tab-header-group-title {
|
|
|
|
|
|
font-weight: var(--font-bold);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .modal-content .vertical-tab-header-group-items .vertical-tab-nav-item {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-4) var(--scale-2-2) var(--scale-2-8);
|
|
|
|
|
|
border: 1px solid transparent;
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
border-left: none;
|
|
|
|
|
|
margin: var(--scale-0-0) var(--scale-2-4) var(--scale-0-0) var(--scale-2-4);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .modal-content .vertical-tab-header-group-items .vertical-tab-nav-item:last-of-type {
|
|
|
|
|
|
margin-bottom: var(--scale-2-5);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .modal-content .vertical-tab-header-group-items .vertical-tab-nav-item.is-active {
|
|
|
|
|
|
font-weight: var(--font-bold);
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal .modal-content .vertical-tab-header-group-items .vertical-tab-nav-item:hover {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal .modal-content .vertical-tab-header-group-items .vertical-tab-nav-item:active {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal .modal-content .vertical-tab-header-group-items .vertical-tab-nav-item.is-active {
|
|
|
|
|
|
color: var(--color-l-whiter);
|
|
|
|
|
|
border: 1px solid rgba(100, 100, 100, 0.3);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(100, 100, 100, 0.15) inset, 0px 1px 4px 0px rgba(100, 100, 100, 0.25);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal .modal-content .vertical-tab-header-group-items .vertical-tab-nav-item:nth-child(3n+1).is-active {
|
|
|
|
|
|
background: var(--color-l-yellow-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal .modal-content .vertical-tab-header-group-items .vertical-tab-nav-item:nth-child(3n+2).is-active {
|
|
|
|
|
|
background: var(--color-l-red-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal .modal-content .vertical-tab-header-group-items .vertical-tab-nav-item:nth-child(3n+3).is-active {
|
|
|
|
|
|
background: var(--color-l-blue-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal .modal-content .vertical-tab-header-group-items .vertical-tab-nav-item:hover {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
background: var(--color-d-gray-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal .modal-content .vertical-tab-header-group-items .vertical-tab-nav-item:active {
|
|
|
|
|
|
color: var(--color-d-gray-40);
|
|
|
|
|
|
background: var(--color-d-blacker);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal .modal-content .vertical-tab-header-group-items .vertical-tab-nav-item.is-active {
|
|
|
|
|
|
color: var(--color-d-black);
|
|
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.2) inset, 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal .modal-content .vertical-tab-header-group-items .vertical-tab-nav-item:nth-child(3n+1).is-active {
|
|
|
|
|
|
background: var(--color-d-yellow-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal .modal-content .vertical-tab-header-group-items .vertical-tab-nav-item:nth-child(3n+2).is-active {
|
|
|
|
|
|
background: var(--color-d-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal .modal-content .vertical-tab-header-group-items .vertical-tab-nav-item:nth-child(3n+3).is-active {
|
|
|
|
|
|
background: var(--color-d-blue-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal-container .suggestion-item {
|
|
|
|
|
|
font-size: var(--font-scale-1);
|
|
|
|
|
|
line-height: var(--line-height-0-5);
|
|
|
|
|
|
padding: var(--scale-2-3) var(--scale-2-3) var(--scale-2-3) var(--scale-8-1);
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
border: 1px solid transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal-container .suggestion-item span.suggestion-prefix {
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
font-size: 90%;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
margin-right: var(--scale-8-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal-container .suggestion-item span.suggestion-prefix::after {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal-container .suggestion-item.is-selected {
|
|
|
|
|
|
background: var(--color-l-gray-20);
|
|
|
|
|
|
border: 1px solid var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal-container .suggestion-item.is-selected kbd.suggestion-hotkey {
|
|
|
|
|
|
background: var(--color-l-whiter);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal-container .suggestion-item.is-selected:active {
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
border: 1px solid var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal-container .suggestion-item.is-selected:active kbd.suggestion-hotkey {
|
|
|
|
|
|
background: var(--color-l-gray-20);
|
|
|
|
|
|
padding-top: 3px;
|
|
|
|
|
|
padding-bottom: 1px;
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal-container .suggestion-item.is-selected:active .suggestion-flair, .theme-light .modal-container .suggestion-item.is-selected:active .suggestion-note {
|
|
|
|
|
|
color: var(--text-faint);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal-container .suggestion-item.is-selected {
|
|
|
|
|
|
background: var(--color-d-gray-50);
|
|
|
|
|
|
border: 1px solid var(--color-d-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal-container .suggestion-item.is-selected kbd.suggestion-hotkey {
|
|
|
|
|
|
background: var(--color-d-gray-70);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal-container .suggestion-item.is-selected:active {
|
|
|
|
|
|
color: var(--text-faint);
|
|
|
|
|
|
background: var(--color-d-gray-90);
|
|
|
|
|
|
border: 1px solid var(--color-d-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal-container .suggestion-item.is-selected:active kbd.suggestion-hotkey {
|
|
|
|
|
|
background: var(--color-d-gray-100);
|
|
|
|
|
|
padding-top: 3px;
|
|
|
|
|
|
padding-bottom: 1px;
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal-container .suggestion-item.is-selected:active .suggestion-flair, .theme-dark .modal-container .suggestion-item.is-selected:active .suggestion-note {
|
|
|
|
|
|
color: var(--text-faint);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal-container .suggestion-flair {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
left: initial;
|
|
|
|
|
|
top: initial;
|
|
|
|
|
|
margin-right: var(--scale-2-3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal-container .prompt .suggestion-flair {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
margin-top: 1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Modal Close Close Buttons */
|
|
|
|
|
|
.slides-close-btn,
|
|
|
|
|
|
.modal-close-button {
|
|
|
|
|
|
right: var(--scale-2-5);
|
|
|
|
|
|
top: var(--scale-2-4);
|
|
|
|
|
|
font-family: Inter, sans-serif;
|
|
|
|
|
|
font-weight: 200;
|
|
|
|
|
|
font-size: var(--scale-8-3);
|
|
|
|
|
|
height: var(--scale-8-3);
|
|
|
|
|
|
width: var(--scale-8-3);
|
|
|
|
|
|
border-radius: var(--scale-8-3);
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
}
|
|
|
|
|
|
.slides-close-btn:before,
|
|
|
|
|
|
.modal-close-button:before {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 4px;
|
|
|
|
|
|
top: -2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .slides-close-btn:before,
|
|
|
|
|
|
.theme-light .modal-close-button:before {
|
|
|
|
|
|
color: var(--color-l-gray-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .slides-close-btn:before,
|
|
|
|
|
|
.theme-dark .modal-close-button:before {
|
|
|
|
|
|
color: var(--color-d-gray-80);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .slides-close-btn,
|
|
|
|
|
|
.theme-light .modal-close-button {
|
|
|
|
|
|
background: var(--color-l-red-300);
|
|
|
|
|
|
box-shadow: 0px 1px 2px 0px rgba(100, 100, 100, 0.5), 0px -2px 0px 0px rgba(100, 20, 20, 0.18) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .slides-close-btn:hover,
|
|
|
|
|
|
.theme-light .modal-close-button:hover {
|
|
|
|
|
|
background: var(--color-l-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .slides-close-btn:active,
|
|
|
|
|
|
.theme-light .modal-close-button:active {
|
|
|
|
|
|
background: var(--color-l-red-700);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px rgba(150, 20, 20, 0.55) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .slides-close-btn:active:before,
|
|
|
|
|
|
.theme-light .modal-close-button:active:before {
|
|
|
|
|
|
color: var(--color-l-red-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .slides-close-btn,
|
|
|
|
|
|
.theme-dark .modal-close-button {
|
|
|
|
|
|
background: var(--color-d-red-500);
|
|
|
|
|
|
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25), 0px -2px 0px 0px rgba(50, 10, 10, 0.35) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .slides-close-btn:hover,
|
|
|
|
|
|
.theme-dark .modal-close-button:hover {
|
|
|
|
|
|
background: var(--color-d-red-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .slides-close-btn:active,
|
|
|
|
|
|
.theme-dark .modal-close-button:active {
|
|
|
|
|
|
background: var(--color-d-red-700);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.45) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .slides-close-btn:active:before,
|
|
|
|
|
|
.theme-dark .modal-close-button:active:before {
|
|
|
|
|
|
color: var(--color-d-red-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Menu/More Options Modal──────────*/
|
|
|
|
|
|
.menu {
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .menu {
|
|
|
|
|
|
box-shadow: var(--shadow-s) var(--color-l-shadow-100);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .menu {
|
|
|
|
|
|
box-shadow: var(--shadow-m) var(--color-d-shadow-100);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .menu .menu-item.selected:active {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .menu .menu-item.selected:active .menu-item-icon svg {
|
|
|
|
|
|
background: var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .menu .menu-item.selected:active {
|
|
|
|
|
|
color: var(--color-d-gray-40);
|
|
|
|
|
|
background: var(--color-d-blacker);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .menu .menu-item.selected:active .menu-item-icon svg {
|
|
|
|
|
|
background: var(--color-d-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.menu .menu-item.menu-item-icon {
|
|
|
|
|
|
vertical-align: -1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────File Explorer Search Modal─────────*/
|
|
|
|
|
|
.suggestion-container.mod-search-suggestion {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-0-0) var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
.suggestion-container.mod-search-suggestion .suggestion {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-0-0) var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .suggestion-container.mod-search-suggestion {
|
|
|
|
|
|
box-shadow: var(--shadow-m) var(--color-l-shadow-100);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .suggestion-container.mod-search-suggestion {
|
|
|
|
|
|
box-shadow: var(--shadow-m) var(--color-d-shadow-100);
|
|
|
|
|
|
}
|
|
|
|
|
|
.suggestion-item.search-suggest-item.mod-complex:not(.mod-group) {
|
|
|
|
|
|
line-height: var(--line-height-0-5);
|
|
|
|
|
|
white-space: pre-wrap;
|
|
|
|
|
|
word-wrap: break-word;
|
|
|
|
|
|
padding: var(--scale-2-3) var(--scale-2-8) var(--scale-2-3) var(--scale-2-8);
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.suggestion-item.search-suggest-item.mod-complex:not(.mod-group):nth-of-child(6) {
|
|
|
|
|
|
margin-bottom: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.suggestion-item.search-suggest-item.mod-complex:not(.mod-group):last-child {
|
|
|
|
|
|
margin-bottom: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.suggestion-item.search-suggest-item.mod-complex:not(.mod-group):active {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.suggestion-item.search-suggest-item.mod-group {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
margin-bottom: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.suggestion-item .search-suggest-info-text {
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
}
|
|
|
|
|
|
.suggestion-item .search-suggest-info-text:active {
|
|
|
|
|
|
color: var(--text-faint);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.list-item-part.search-suggest-icon.clickable-icon {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Prompts──────────*/
|
|
|
|
|
|
.prompt {
|
|
|
|
|
|
border-radius: var(--scale-2-8);
|
|
|
|
|
|
overflow-y: hidden;
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.prompt-results {
|
|
|
|
|
|
padding-right: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .prompt {
|
|
|
|
|
|
box-shadow: var(--shadow-xl) var(--color-l-shadow-100);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .prompt {
|
|
|
|
|
|
box-shadow: var(--shadow-xl) var(--color-d-shadow-100);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.prompt-instructions {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
padding: var(--scale-2-3) var(--scale-2-4) var(--scale-2-3) var(--scale-2-4);
|
|
|
|
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.prompt-instruction:last-child {
|
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*───────── Loading Progress Status in Modals ──────────*/
|
|
|
|
|
|
.is-loading:before {
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .is-loading:before {
|
|
|
|
|
|
background: var(--color-l-green-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .is-loading:before {
|
|
|
|
|
|
background: var(--color-d-green-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Community Themes and Plugins Modals──────────*/
|
|
|
|
|
|
body:not(.is-mobile) .theme-list {
|
|
|
|
|
|
display: grid;
|
|
|
|
|
|
grid-template-columns: repeat(3, 1fr);
|
|
|
|
|
|
gap: 0rem 0rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
body:not(.is-mobile) .theme-list .community-theme {
|
|
|
|
|
|
align-self: stretch;
|
|
|
|
|
|
justify-self: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
body:not(.is-mobile) .theme-list .community-theme .community-theme-remove-button {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.community-theme-filters-container {
|
|
|
|
|
|
padding: 1rem 1rem 0rem 1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.modal {
|
|
|
|
|
|
/*─────────Community Themes Modal──────────*/
|
|
|
|
|
|
/*─────────Community Plugins Modal──────────*/
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal.mod-community-theme {
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal.mod-community-theme .modal-content {
|
|
|
|
|
|
padding: var(--scale-8-4) var(--scale-8-4) var(--scale-8-4) var(--scale-8-4);
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .community-theme {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .community-theme-title {
|
|
|
|
|
|
font-size: var(--font-scale-2);
|
|
|
|
|
|
margin-bottom: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .community-theme-filters-container .setting-item-control {
|
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .community-theme-filters-container .setting-item-control .search-input-container {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .community-theme-filters-container .setting-item-control button {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
margin-right: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .community-theme-info {
|
|
|
|
|
|
flex-grow: 0;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .community-theme-info + div {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .community-theme-info.u-center-text, .modal .community-theme span.community-theme-downloads {
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal .community-theme {
|
|
|
|
|
|
background: var(--background-primary-alt);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal .community-theme:hover {
|
|
|
|
|
|
border: 1px solid var(--text-faint);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal .community-theme.is-selected {
|
|
|
|
|
|
color: var(--text-normal);
|
|
|
|
|
|
background: var(--color-l-whiter);
|
|
|
|
|
|
border: 1px solid var(--text-faint);
|
|
|
|
|
|
box-shadow: var(--shadow-m) var(--color-l-shadow-100);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal .community-theme {
|
|
|
|
|
|
background: var(--background-primary-alt);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal .community-theme:hover {
|
|
|
|
|
|
border: 1px solid var(--text-faint);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal .community-theme.is-selected {
|
|
|
|
|
|
color: var(--text-normal);
|
|
|
|
|
|
background: var(--color-d-gray-100);
|
|
|
|
|
|
border: 1px solid var(--text-faint);
|
|
|
|
|
|
box-shadow: var(--shadow-m) var(--color-d-shadow-100);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .community-plugin {
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .community-plugin-info {
|
|
|
|
|
|
padding: var(--scale-8-2) var(--scale-0-0) var(--scale-0-0) var(--scale-8-3);
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .community-plugin-readme {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-8-3) var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .community-plugin-name {
|
|
|
|
|
|
font-weight: var(--font-bold);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .community-plugin-item {
|
|
|
|
|
|
margin: var(--scale-0-0) var(--scale-0-0) var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal .community-plugin-item:hover, .theme-light .modal .community-plugin-itemspan:hover {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal .community-plugin-item:active, .theme-light .modal .community-plugin-itemspan:active {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal .community-plugin-item:active .flair.mod-pop, .theme-light .modal .community-plugin-itemspan:active .flair.mod-pop {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
background: var(--color-l-gray-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal .community-plugin-item:hover, .theme-dark .modal .community-plugin-itemspan:hover {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
background: var(--color-d-gray-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal .community-plugin-item:active, .theme-dark .modal .community-plugin-itemspan:active {
|
|
|
|
|
|
color: var(--color-d-gray-40);
|
|
|
|
|
|
background: var(--color-d-blacker);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal .community-plugin-item:active .flair.mod-pop, .theme-dark .modal .community-plugin-itemspan:active .flair.mod-pop {
|
|
|
|
|
|
color: var(--color-d-gray-40);
|
|
|
|
|
|
background: var(--color-d-gray-80);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .community-plugin-search {
|
|
|
|
|
|
padding: var(--scale-2-4) var(--scale-0-0) var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .community-plugin-search .setting-item {
|
|
|
|
|
|
display: initial;
|
|
|
|
|
|
align-self: flex-start;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal .community-plugin .flair.mod-pop {
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal .community-plugin .flair.mod-pop {
|
|
|
|
|
|
background: var(--color-l-whiter);
|
|
|
|
|
|
color: var(--color-l-red-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal .community-plugin .flair.mod-pop {
|
|
|
|
|
|
background: var(--color-d-blacker);
|
|
|
|
|
|
color: var(--color-d-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Selected Theme */
|
|
|
|
|
|
body:not(.is-mobile) .community-theme.is-selected {
|
|
|
|
|
|
border-radius: var(--scale-8-3);
|
|
|
|
|
|
/* for theme-list grid */
|
|
|
|
|
|
grid-column: 1/4;
|
|
|
|
|
|
grid-row: 1;
|
|
|
|
|
|
max-width: 96%;
|
|
|
|
|
|
/* for inside elements */
|
|
|
|
|
|
display: grid;
|
|
|
|
|
|
grid-template-columns: 1.2fr 2fr;
|
|
|
|
|
|
padding: 20px 20px;
|
|
|
|
|
|
/* Notes and Link to Documentation */
|
|
|
|
|
|
}
|
|
|
|
|
|
body:not(.is-mobile) .community-theme.is-selected .community-theme-title {
|
|
|
|
|
|
grid-column: 1/3;
|
|
|
|
|
|
grid-row: 1/2;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
|
margin: 1rem 1.2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
body:not(.is-mobile) .community-theme.is-selected .community-theme-info {
|
|
|
|
|
|
display: grid;
|
|
|
|
|
|
grid-template-columns: repeat(2, 1fr);
|
|
|
|
|
|
grid-template-rows: 30px 50px 440px;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
body:not(.is-mobile) .community-theme.is-selected .community-theme-info .community-theme-downloads {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
body:not(.is-mobile) .community-theme.is-selected .community-theme-screenshot {
|
|
|
|
|
|
grid-column: 2/3;
|
|
|
|
|
|
grid-row: 1/3;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
body:not(.is-mobile) .community-theme.is-selected .modal-button-container {
|
|
|
|
|
|
grid-column: 1/2;
|
|
|
|
|
|
grid-row: 1/2;
|
|
|
|
|
|
margin-top: 6px;
|
|
|
|
|
|
margin-left: 6rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
body:not(.is-mobile) .community-theme.is-selected .community-theme-remove-button {
|
|
|
|
|
|
top: 36px;
|
|
|
|
|
|
right: 24px;
|
|
|
|
|
|
width: 48px;
|
|
|
|
|
|
height: 28px;
|
|
|
|
|
|
border-radius: 32px;
|
|
|
|
|
|
}
|
|
|
|
|
|
body:not(.is-mobile) .community-theme.is-selected.is-selected .community-theme-info::after {
|
|
|
|
|
|
grid-column: 1/3;
|
|
|
|
|
|
grid-row: 3/4;
|
|
|
|
|
|
align-self: center;
|
|
|
|
|
|
justify-self: center;
|
|
|
|
|
|
content: "Hello there! Cecil here. 🦊 \aWelcome to Primary. \aI hope you have a cozy time. \a\aIf you want to toggle exclusive features, tweak some colors and fonts — download the Style Settings Plugin. \a Check it out, you might like some of the presets there! \a\aRemember to update the theme from time to time to get the latest fixes, improvements, etc. \a\a💛 Support its development at \ako-fi.com/ceciliamay \a\a🎯 Follow its development at \atinyurl.com/primary-board";
|
|
|
|
|
|
color: var(--text-normal);
|
|
|
|
|
|
line-height: 1.4;
|
|
|
|
|
|
width: 88%;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
white-space: pre-wrap;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.community-theme.is-selected .clickable-icon[aria-label="Visit on GitHub"] {
|
|
|
|
|
|
grid-column: 1/3;
|
|
|
|
|
|
grid-row: 2/3;
|
|
|
|
|
|
align-self: center;
|
|
|
|
|
|
justify-self: center;
|
|
|
|
|
|
margin: 0 2rem;
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
color: var(--text-normal);
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
border-radius: var(--scale-8-4);
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-6) calc(1px + var(--scale-2-2)) var(--scale-2-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
.community-theme.is-selected .clickable-icon[aria-label="Visit on GitHub"] svg {
|
|
|
|
|
|
width: 24px;
|
|
|
|
|
|
height: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.community-theme.is-selected .clickable-icon[aria-label="Visit on GitHub"]:after {
|
|
|
|
|
|
content: "How to Use Primary";
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin-left: var(--scale-8-1);
|
|
|
|
|
|
margin-top: 1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .community-theme.is-selected .clickable-icon[aria-label="Visit on GitHub"] {
|
|
|
|
|
|
border: 1px solid rgba(100, 100, 100, 0.3);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(100, 100, 100, 0.2) inset, 0px 2px 4px 0px rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .community-theme.is-selected .clickable-icon[aria-label="Visit on GitHub"]:active {
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px rgba(100, 100, 100, 0.1) inset, 0px 1px 1px 0px rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .community-theme.is-selected .clickable-icon[aria-label="Visit on GitHub"] {
|
|
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.3) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .community-theme.is-selected .clickable-icon[aria-label="Visit on GitHub"]:active {
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.modal-content .community-theme-container .theme-list .community-theme .modal-button-container button:not(.mod-cta) {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.community-theme.is-selected button.mod-cta {
|
|
|
|
|
|
color: var(--text-on-accent);
|
|
|
|
|
|
background-color: var(--interactive-accent);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Buttons Component
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
.theme-light button,
|
|
|
|
|
|
.theme-dark button {
|
|
|
|
|
|
font-family: var(--font-interface-theme) !important;
|
|
|
|
|
|
padding: var(--scale-2-3) var(--scale-2-8) var(--scale-2-4) var(--scale-2-8) !important;
|
|
|
|
|
|
margin-top: var(--scale-2-3);
|
|
|
|
|
|
margin-bottom: var(--scale-2-3);
|
|
|
|
|
|
margin-right: var(--scale-2-4);
|
|
|
|
|
|
border-radius: var(--scale-2-10);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light button:last-child,
|
|
|
|
|
|
.theme-dark button:last-child {
|
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light button:only-child,
|
|
|
|
|
|
.theme-dark button:only-child {
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.mod-community-plugin .setting-item-control .theme-light button,
|
|
|
|
|
|
.mod-community-plugin .setting-item-control .theme-dark button {
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.graph-controls .theme-light button,
|
|
|
|
|
|
.graph-controls .theme-dark button {
|
|
|
|
|
|
font-size: var(--font-scale-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light button.copy-code-button,
|
|
|
|
|
|
.theme-dark button.copy-code-button {
|
|
|
|
|
|
padding: var(--scale-2-1) var(--scale-2-4) var(--scale-2-3) var(--scale-2-4) !important;
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
margin-top: var(--scale-2-2);
|
|
|
|
|
|
margin-right: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .modal button,
|
|
|
|
|
|
.theme-light .graph-controls button,
|
|
|
|
|
|
.theme-light .workspace button,
|
|
|
|
|
|
.theme-light .popover button {
|
|
|
|
|
|
border: 1px solid rgba(100, 100, 100, 0.4);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(100, 100, 100, 0.4) inset, 0px 2px 4px 0px rgba(100, 100, 100, 0.3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal button:active,
|
|
|
|
|
|
.theme-light .graph-controls button:active,
|
|
|
|
|
|
.theme-light .workspace button:active,
|
|
|
|
|
|
.theme-light .popover button:active {
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px rgba(100, 100, 100, 0.3) inset, 0px 1px 1px 0px rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal button,
|
|
|
|
|
|
.theme-dark .graph-controls button,
|
|
|
|
|
|
.theme-dark .workspace button,
|
|
|
|
|
|
.theme-dark .popover button {
|
|
|
|
|
|
color: var(--color-d-white);
|
|
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.55);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.28) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal button:active,
|
|
|
|
|
|
.theme-dark .graph-controls button:active,
|
|
|
|
|
|
.theme-dark .workspace button:active,
|
|
|
|
|
|
.theme-dark .popover button:active {
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.15) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .modal button:not(.mod-cta, .mod-warning),
|
|
|
|
|
|
.theme-light .modal.mod-settings button:not(.mod-cta, .mod-warning),
|
|
|
|
|
|
.theme-light .workspace button:not(.graph-controls button, .document-search-button),
|
|
|
|
|
|
.theme-light .popover button:not(.graph-controls button, .document-search-button),
|
|
|
|
|
|
.theme-light .search-result-file-match-destination-file {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
background: var(--color-l-whiter);
|
|
|
|
|
|
border: 1px solid rgba(100, 100, 100, 0.3);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(100, 100, 100, 0.2) inset, 0px 2px 4px 0px rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal button:not(.mod-cta, .mod-warning):hover, .theme-light .modal button:not(.mod-cta, .mod-warning):focus,
|
|
|
|
|
|
.theme-light .modal.mod-settings button:not(.mod-cta, .mod-warning):hover,
|
|
|
|
|
|
.theme-light .modal.mod-settings button:not(.mod-cta, .mod-warning):focus,
|
|
|
|
|
|
.theme-light .workspace button:not(.graph-controls button, .document-search-button):hover,
|
|
|
|
|
|
.theme-light .workspace button:not(.graph-controls button, .document-search-button):focus,
|
|
|
|
|
|
.theme-light .popover button:not(.graph-controls button, .document-search-button):hover,
|
|
|
|
|
|
.theme-light .popover button:not(.graph-controls button, .document-search-button):focus,
|
|
|
|
|
|
.theme-light .search-result-file-match-destination-file:hover,
|
|
|
|
|
|
.theme-light .search-result-file-match-destination-file:focus {
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .modal button:not(.mod-cta, .mod-warning):active,
|
|
|
|
|
|
.theme-light .modal.mod-settings button:not(.mod-cta, .mod-warning):active,
|
|
|
|
|
|
.theme-light .workspace button:not(.graph-controls button, .document-search-button):active,
|
|
|
|
|
|
.theme-light .popover button:not(.graph-controls button, .document-search-button):active,
|
|
|
|
|
|
.theme-light .search-result-file-match-destination-file:active {
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px rgba(100, 100, 100, 0.1) inset, 0px 1px 1px 0px rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal button:not(.mod-cta, .mod-warning),
|
|
|
|
|
|
.theme-dark .modal.mod-settings button:not(.mod-cta, .mod-warning),
|
|
|
|
|
|
.theme-dark .workspace button:not(.graph-controls button, .document-search-button),
|
|
|
|
|
|
.theme-dark .popover button:not(.graph-controls button, .document-search-button),
|
|
|
|
|
|
.theme-dark .search-result-file-match-destination-file {
|
|
|
|
|
|
color: var(--color-d-white);
|
|
|
|
|
|
background: var(--color-d-black);
|
|
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.3) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal button:not(.mod-cta, .mod-warning):hover,
|
|
|
|
|
|
.theme-dark .modal.mod-settings button:not(.mod-cta, .mod-warning):hover,
|
|
|
|
|
|
.theme-dark .workspace button:not(.graph-controls button, .document-search-button):hover,
|
|
|
|
|
|
.theme-dark .popover button:not(.graph-controls button, .document-search-button):hover,
|
|
|
|
|
|
.theme-dark .search-result-file-match-destination-file:hover {
|
|
|
|
|
|
background: var(--color-d-blacker);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .modal button:not(.mod-cta, .mod-warning):active,
|
|
|
|
|
|
.theme-dark .modal.mod-settings button:not(.mod-cta, .mod-warning):active,
|
|
|
|
|
|
.theme-dark .workspace button:not(.graph-controls button, .document-search-button):active,
|
|
|
|
|
|
.theme-dark .popover button:not(.graph-controls button, .document-search-button):active,
|
|
|
|
|
|
.theme-dark .search-result-file-match-destination-file:active {
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
button.clickable-icon[aria-label="Change sort order"] {
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
margin-right: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
span.community-theme-remove-button.clickable-icon {
|
|
|
|
|
|
top: 6px;
|
|
|
|
|
|
right: -3px;
|
|
|
|
|
|
color: var(--text-on-accent);
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-2) var(--scale-0-0) var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light span.community-theme-remove-button.clickable-icon {
|
|
|
|
|
|
color: var(--color-l-gray-20);
|
|
|
|
|
|
background: var(--color-l-red-300);
|
|
|
|
|
|
box-shadow: 0px 1px 2px 0px rgba(100, 100, 100, 0.5), 0px -2px 0px 0px rgba(100, 20, 20, 0.18) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light span.community-theme-remove-button.clickable-icon:hover {
|
|
|
|
|
|
background: var(--color-l-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light span.community-theme-remove-button.clickable-icon:active {
|
|
|
|
|
|
color: var(--color-l-red-900);
|
|
|
|
|
|
background: var(--color-l-red-700);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px rgba(150, 20, 20, 0.55) inset;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark span.community-theme-remove-button.clickable-icon {
|
|
|
|
|
|
color: var(--color-d-white);
|
|
|
|
|
|
background: var(--color-d-red-500);
|
|
|
|
|
|
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25), 0px -2px 0px 0px rgba(85, 8, 8, 0.38) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark span.community-theme-remove-button.clickable-icon:hover {
|
|
|
|
|
|
background: var(--color-d-red-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark span.community-theme-remove-button.clickable-icon:active {
|
|
|
|
|
|
color: var(--color-d-red-900);
|
|
|
|
|
|
background: var(--color-d-red-700);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.45) inset;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Search Input Component
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*~ Global Search Input */
|
|
|
|
|
|
.search-input-container.search-input-container {
|
|
|
|
|
|
margin: var(--scale-2-2) var(--scale-2-6) var(--scale-2-2) var(--scale-2-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
.search-input-container.search-input-container input {
|
|
|
|
|
|
padding: var(--scale-2-4) var(--scale-8-4) var(--scale-2-4) var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.hotkey-search-container {
|
|
|
|
|
|
margin: var(--scale-2-2) var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
textarea,
|
|
|
|
|
|
input[type=text],
|
|
|
|
|
|
input[type=search],
|
|
|
|
|
|
input[type=email],
|
|
|
|
|
|
input[type=password],
|
|
|
|
|
|
input[type=number] {
|
|
|
|
|
|
font-family: var(--font-interface-theme);
|
|
|
|
|
|
font-size: var(--font-scale-1);
|
|
|
|
|
|
border-radius: var(--scale-2-3);
|
|
|
|
|
|
padding: var(--scale-2-4) var(--scale-2-4) var(--scale-2-4) var(--scale-2-4);
|
|
|
|
|
|
margin: var(--scale-2-2);
|
|
|
|
|
|
transition: var(--duration-fast-1) var(--motion-delay);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light textarea,
|
|
|
|
|
|
.theme-light input[type=text],
|
|
|
|
|
|
.theme-light input[type=search],
|
|
|
|
|
|
.theme-light input[type=email],
|
|
|
|
|
|
.theme-light input[type=password],
|
|
|
|
|
|
.theme-light input[type=number] {
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light textarea:focus,
|
|
|
|
|
|
.theme-light input[type=text]:focus,
|
|
|
|
|
|
.theme-light input[type=search]:focus,
|
|
|
|
|
|
.theme-light input[type=email]:focus,
|
|
|
|
|
|
.theme-light input[type=password]:focus,
|
|
|
|
|
|
.theme-light input[type=number]:focus {
|
|
|
|
|
|
background: var(--color-l-white);
|
|
|
|
|
|
border: 1px solid var(--color-l-gray-60);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 3px var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark textarea,
|
|
|
|
|
|
.theme-dark input[type=text],
|
|
|
|
|
|
.theme-dark input[type=search],
|
|
|
|
|
|
.theme-dark input[type=email],
|
|
|
|
|
|
.theme-dark input[type=password],
|
|
|
|
|
|
.theme-dark input[type=number] {
|
|
|
|
|
|
background: var(--color-d-gray-90);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark textarea:focus,
|
|
|
|
|
|
.theme-dark input[type=text]:focus,
|
|
|
|
|
|
.theme-dark input[type=search]:focus,
|
|
|
|
|
|
.theme-dark input[type=email]:focus,
|
|
|
|
|
|
.theme-dark input[type=password]:focus,
|
|
|
|
|
|
.theme-dark input[type=number]:focus {
|
|
|
|
|
|
background: var(--color-d-blacker);
|
|
|
|
|
|
border: 1px solid var(--color-d-gray-50);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 3px var(--color-d-gray-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.search-empty-state {
|
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
color: var(--text-faint);
|
|
|
|
|
|
margin-bottom: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.search-input-clear-button {
|
|
|
|
|
|
right: 8px;
|
|
|
|
|
|
top: 8px;
|
|
|
|
|
|
font-family: Inter, sans-serif;
|
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
|
font-size: var(--scale-2-8);
|
|
|
|
|
|
height: var(--scale-2-8);
|
|
|
|
|
|
width: var(--scale-2-8);
|
|
|
|
|
|
border-radius: var(--scale-8-3);
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.search-input-clear-button:before {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 3px;
|
|
|
|
|
|
top: -3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.search-input-clear-button:hover {
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
}
|
|
|
|
|
|
.search-input-clear-button:active {
|
|
|
|
|
|
color: var(--text-faint);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Command Palette & Quick Switcher Search Input ~*/
|
|
|
|
|
|
.prompt {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.prompt-results {
|
|
|
|
|
|
padding: var(--scale-2-6);
|
|
|
|
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.prompt input.prompt-input {
|
|
|
|
|
|
font-size: var(--font-scale-2);
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
padding: var(--scale-8-3);
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.prompt input.prompt-input:focus {
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────KBD──────────*/
|
|
|
|
|
|
kbd,
|
|
|
|
|
|
.setting-hotkey {
|
|
|
|
|
|
font-family: var(--font-monospace-theme);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-soure-view kbd, .cm-s-obsidian kbd, .markdown-preview-view kbd,
|
|
|
|
|
|
.markdown-soure-view .setting-hotkey,
|
|
|
|
|
|
.cm-s-obsidian .setting-hotkey,
|
|
|
|
|
|
.markdown-preview-view .setting-hotkey {
|
|
|
|
|
|
padding: 3px 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light kbd,
|
|
|
|
|
|
.theme-light .setting-hotkey {
|
|
|
|
|
|
font-size: var(--font-scale-0);
|
|
|
|
|
|
color: var(--color-l-red-300);
|
|
|
|
|
|
background: var(--color-l-gray-20);
|
|
|
|
|
|
border: 1px solid rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(100, 100, 100, 0.1) inset, 0px 2px 4px 0px rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark kbd,
|
|
|
|
|
|
.theme-dark .setting-hotkey {
|
|
|
|
|
|
font-size: var(--font-scale-0);
|
|
|
|
|
|
color: var(--color-d-red-500);
|
|
|
|
|
|
background: var(--color-d-gray-90);
|
|
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.15) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.suggestion-hotkey {
|
|
|
|
|
|
padding: 1px 8px 3px 8px;
|
|
|
|
|
|
margin-top: -3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.prompt-instruction-command {
|
|
|
|
|
|
font-family: var(--font-monospace);
|
|
|
|
|
|
font-size: var(--font-scale-0);
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
padding: var(--scale-2-1) var(--scale-2-2) calc(1px + var(--scale-2-1)) var(--scale-2-2);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .prompt-instruction-command {
|
|
|
|
|
|
font-size: var(--font-scale-0);
|
|
|
|
|
|
color: var(--color-l-red-300);
|
|
|
|
|
|
background: var(--color-l-gray-20);
|
|
|
|
|
|
border: 1px solid rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(100, 100, 100, 0.1) inset, 0px 2px 4px 0px rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .prompt-instruction-command {
|
|
|
|
|
|
color: var(--color-d-red-500);
|
|
|
|
|
|
background: var(--color-d-gray-90);
|
|
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.15) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Toggle (Checkboxes for Modals)
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.checkbox-container {
|
|
|
|
|
|
height: calc(3px + var(--scale-8-3));
|
|
|
|
|
|
width: calc(2px + var(--scale-8-6));
|
|
|
|
|
|
border-radius: var(--scale-8-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.checkbox-container:after {
|
|
|
|
|
|
height: calc(4px + var(--scale-8-2));
|
|
|
|
|
|
width: calc(4px + var(--scale-8-2));
|
|
|
|
|
|
border-radius: var(--scale-8-4);
|
|
|
|
|
|
margin: 2.5px 0 0 0px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.checkbox-container:active::after {
|
|
|
|
|
|
width: calc(4px + var(--scale-8-3));
|
|
|
|
|
|
}
|
|
|
|
|
|
.checkbox-container.is-enabled {
|
|
|
|
|
|
transition: var(--duration-fast-2) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.checkbox-container.is-enabled:after {
|
|
|
|
|
|
transform: translate3d(24px, 0, 0);
|
|
|
|
|
|
margin-left: 1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.checkbox-container.is-enabled:active::after {
|
|
|
|
|
|
left: -8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .checkbox-container {
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
border: 1px solid var(--color-l-gray-40);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5), 0px 0px 2px 1px rgba(100, 100, 100, 0.35) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .checkbox-container::after {
|
|
|
|
|
|
background: var(--color-l-whiter);
|
|
|
|
|
|
box-shadow: 0px 1px 3px 0px rgba(100, 100, 100, 0.45), 0px -2px 0px 0px rgba(100, 100, 100, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.9) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .checkbox-container.is-enabled {
|
|
|
|
|
|
border: 1px solid var(--color-l-green-300);
|
|
|
|
|
|
background: var(--color-l-green-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .checkbox-container {
|
|
|
|
|
|
background: var(--color-d-gray-40);
|
|
|
|
|
|
border: 1px solid var(--color-d-gray-30);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 0px 2px 1px rgba(0, 0, 0, 0.35) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .checkbox-container::after {
|
|
|
|
|
|
background: var(--color-d-white);
|
|
|
|
|
|
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.45), 0px -2px 0px 0px rgba(0, 0, 0, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.35) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .checkbox-container.is-enabled {
|
|
|
|
|
|
border: 1px solid var(--color-d-green-700);
|
|
|
|
|
|
background: var(--color-d-green-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Slider
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
input[type=range] {
|
|
|
|
|
|
min-width: 150px;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
padding: 0px;
|
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
}
|
|
|
|
|
|
input[type=range]::-webkit-slider-runnable-track {
|
|
|
|
|
|
height: var(--scale-2-3);
|
|
|
|
|
|
border-radius: var(--scale-2-3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[type=range]::-webkit-slider-runnable-track {
|
|
|
|
|
|
background: var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
border: 1px solid rgba(100, 100, 100, 0.2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark input[type=range]::-webkit-slider-runnable-track {
|
|
|
|
|
|
background: var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.4);
|
|
|
|
|
|
}
|
|
|
|
|
|
input[type=range]::-webkit-slider-thumb {
|
|
|
|
|
|
height: var(--scale-2-10);
|
|
|
|
|
|
width: var(--scale-2-4);
|
|
|
|
|
|
margin-top: -4px;
|
|
|
|
|
|
cursor: ew-resize;
|
|
|
|
|
|
transition: var(--duration-fast-1) var(--motion-jumpy);
|
|
|
|
|
|
border-radius: var(--scale-8-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light input[type=range]::-webkit-slider-thumb {
|
|
|
|
|
|
background: var(--color-l-blue-300);
|
|
|
|
|
|
border: 1px solid rgba(100, 100, 100, 0.5);
|
|
|
|
|
|
box-shadow: 0px 1px 3px 0px rgba(100, 100, 100, 0.45), 0px -2px 0px 0px rgba(100, 100, 100, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.35) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark input[type=range]::-webkit-slider-thumb {
|
|
|
|
|
|
background: var(--color-d-blue-700);
|
|
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
|
|
|
|
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.45), 0px -2px 0px 0px rgba(0, 0, 0, 0.15) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.35) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Dropdown
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.dropdown {
|
|
|
|
|
|
font-family: var(--font-interface-theme);
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
line-height: var(--line-height-1);
|
|
|
|
|
|
width: 215px;
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-8) var(--scale-2-2) var(--scale-2-8);
|
|
|
|
|
|
margin: var(--scale-2-2) 0;
|
|
|
|
|
|
transition: var(--duration-fast-1) var(--motion-smooth);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M18.71,8.21a1,1,0,0,0-1.42,0l-4.58,4.58a1,1,0,0,1-1.42,0L6.71,8.21a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.41l4.59,4.59a3,3,0,0,0,4.24,0l4.59-4.59A1,1,0,0,0,18.71,8.21Z'/%3E%3C/svg%3E%0A");
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .dropdown {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
background-color: var(--color-l-whiter);
|
|
|
|
|
|
border: 1px solid rgba(100, 100, 100, 0.5);
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(100, 100, 100, 0.1) inset, 0px 2px 4px 0px rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .dropdown:hover {
|
|
|
|
|
|
background-color: var(--color-l-gray-20);
|
|
|
|
|
|
transition: var(--duration-fast-1) var(--motion-delay);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .dropdown {
|
|
|
|
|
|
color: var(--color-d-gray-10);
|
|
|
|
|
|
background-color: var(--color-d-gray-90);
|
|
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.15) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .dropdown:hover {
|
|
|
|
|
|
background-color: var(--color-d-blacker);
|
|
|
|
|
|
transition: var(--duration-fast-1) var(--motion-delay);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Empty Page
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.empty-state-title {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.empty-state-action,
|
|
|
|
|
|
.is-mobile .empty-state-action {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
width: 26ch;
|
|
|
|
|
|
background: var(--background-primary-alt);
|
|
|
|
|
|
padding: var(--scale-2-6) 0;
|
|
|
|
|
|
border-radius: var(--scale-8-4);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
margin-bottom: var(--scale-2-4);
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.empty-state-action:hover,
|
|
|
|
|
|
.is-mobile .empty-state-action:hover {
|
|
|
|
|
|
transform: translateY(-2px);
|
|
|
|
|
|
}
|
|
|
|
|
|
.empty-state-action:active,
|
|
|
|
|
|
.is-mobile .empty-state-action:active {
|
|
|
|
|
|
transform: translateY(0.5px);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .empty-state-action,
|
|
|
|
|
|
.theme-light .is-mobile .empty-state-action {
|
|
|
|
|
|
box-shadow: 0px 2px 4px 0px rgba(100, 100, 100, 0.1), 0px -2px 0px 0px rgba(100, 100, 100, 0.15) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .empty-state-action:active,
|
|
|
|
|
|
.theme-light .is-mobile .empty-state-action:active {
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 3px rgba(150, 150, 150, 0.15) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .empty-state-action:nth-child(3n+1):hover, .theme-light .empty-state-action:nth-child(3n+1) :focus,
|
|
|
|
|
|
.theme-light .is-mobile .empty-state-action:nth-child(3n+1):hover,
|
|
|
|
|
|
.theme-light .is-mobile .empty-state-action:nth-child(3n+1) :focus {
|
|
|
|
|
|
color: var(--color-l-yellow-500);
|
|
|
|
|
|
border: 1px solid var(--color-l-yellow-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .empty-state-action:nth-child(3n+1):active,
|
|
|
|
|
|
.theme-light .is-mobile .empty-state-action:nth-child(3n+1):active {
|
|
|
|
|
|
color: var(--color-l-yellow-700);
|
|
|
|
|
|
border: 1px solid var(--color-l-yellow-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .empty-state-action:nth-child(3n+2):hover, .theme-light .empty-state-action:nth-child(3n+2) :focus,
|
|
|
|
|
|
.theme-light .is-mobile .empty-state-action:nth-child(3n+2):hover,
|
|
|
|
|
|
.theme-light .is-mobile .empty-state-action:nth-child(3n+2) :focus {
|
|
|
|
|
|
color: var(--color-l-red-500);
|
|
|
|
|
|
border: 1px solid var(--color-l-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .empty-state-action:nth-child(3n+2):active,
|
|
|
|
|
|
.theme-light .is-mobile .empty-state-action:nth-child(3n+2):active {
|
|
|
|
|
|
color: var(--color-l-red-700);
|
|
|
|
|
|
border: 1px solid var(--color-l-red-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .empty-state-action:nth-child(3n+3):hover, .theme-light .empty-state-action:nth-child(3n+3) :focus,
|
|
|
|
|
|
.theme-light .is-mobile .empty-state-action:nth-child(3n+3):hover,
|
|
|
|
|
|
.theme-light .is-mobile .empty-state-action:nth-child(3n+3) :focus {
|
|
|
|
|
|
color: var(--color-l-blue-500);
|
|
|
|
|
|
border: 1px solid var(--color-l-blue-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .empty-state-action:nth-child(3n+3):active,
|
|
|
|
|
|
.theme-light .is-mobile .empty-state-action:nth-child(3n+3):active {
|
|
|
|
|
|
color: var(--color-l-blue-700);
|
|
|
|
|
|
border: 1px solid var(--color-l-blue-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .empty-state-action,
|
|
|
|
|
|
.theme-dark .is-mobile .empty-state-action {
|
|
|
|
|
|
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1), 0px -3px 0px 0px rgba(0, 0, 0, 0.25) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .empty-state-action:active,
|
|
|
|
|
|
.theme-dark .is-mobile .empty-state-action:active {
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .empty-state-action:nth-child(3n+1):hover, .theme-dark .empty-state-action:nth-child(3n+1) :focus,
|
|
|
|
|
|
.theme-dark .is-mobile .empty-state-action:nth-child(3n+1):hover,
|
|
|
|
|
|
.theme-dark .is-mobile .empty-state-action:nth-child(3n+1) :focus {
|
|
|
|
|
|
color: var(--color-d-yellow-700);
|
|
|
|
|
|
border: 1px solid var(--color-d-yellow-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .empty-state-action:nth-child(3n+1):active,
|
|
|
|
|
|
.theme-dark .is-mobile .empty-state-action:nth-child(3n+1):active {
|
|
|
|
|
|
color: var(--color-d-yellow-900);
|
|
|
|
|
|
border: 1px solid var(--color-d-yellow-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .empty-state-action:nth-child(3n+2):hover, .theme-dark .empty-state-action:nth-child(3n+2) :focus,
|
|
|
|
|
|
.theme-dark .is-mobile .empty-state-action:nth-child(3n+2):hover,
|
|
|
|
|
|
.theme-dark .is-mobile .empty-state-action:nth-child(3n+2) :focus {
|
|
|
|
|
|
color: var(--color-d-red-700);
|
|
|
|
|
|
border: 1px solid var(--color-d-red-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .empty-state-action:nth-child(3n+2):active,
|
|
|
|
|
|
.theme-dark .is-mobile .empty-state-action:nth-child(3n+2):active {
|
|
|
|
|
|
color: var(--color-d-red-900);
|
|
|
|
|
|
border: 1px solid var(--color-d-red-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .empty-state-action:nth-child(3n+3):hover, .theme-dark .empty-state-action:nth-child(3n+3) :focus,
|
|
|
|
|
|
.theme-dark .is-mobile .empty-state-action:nth-child(3n+3):hover,
|
|
|
|
|
|
.theme-dark .is-mobile .empty-state-action:nth-child(3n+3) :focus {
|
|
|
|
|
|
color: var(--color-d-blue-700);
|
|
|
|
|
|
border: 1px solid var(--color-d-blue-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .empty-state-action:nth-child(3n+3):active,
|
|
|
|
|
|
.theme-dark .is-mobile .empty-state-action:nth-child(3n+3):active {
|
|
|
|
|
|
color: var(--color-d-blue-900);
|
|
|
|
|
|
border: 1px solid var(--color-d-blue-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-leaf-content[data-type=empty] .empty-state::after {
|
|
|
|
|
|
content: "Primary by Cecilia May";
|
|
|
|
|
|
color: var(--text-faint);
|
|
|
|
|
|
letter-spacing: var(--tracking-4);
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
font-size: var(--font-scale-0);
|
|
|
|
|
|
white-space: pre;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
bottom: var(--scale-8-4);
|
|
|
|
|
|
opacity: 0.75;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover.hover-popover .workspace-leaf-content[data-type=empty] .empty-state::after {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Notifacation
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.notice {
|
|
|
|
|
|
font-family: var(--font-monospace-theme);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
transition: var(--duration-moderate-2) var(--motion-jumpy);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .notice {
|
|
|
|
|
|
color: var(--color-l-black);
|
|
|
|
|
|
background: var(--color-l-yellow-300);
|
|
|
|
|
|
box-shadow: 0px 1px 0px rgba(17, 17, 26, 0.05), 0px 0px 8px rgba(17, 17, 26, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .notice {
|
|
|
|
|
|
color: var(--color-d-black);
|
|
|
|
|
|
background: var(--color-d-yellow-700);
|
|
|
|
|
|
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05), 0px 0px 8px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Popovers
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
:root {
|
|
|
|
|
|
--popover-min: 150px;
|
|
|
|
|
|
--popover-default: 40vw;
|
|
|
|
|
|
--popover-max: 600px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.popover.hover-popover {
|
|
|
|
|
|
width: clamp(var(--popover-min), var(--popover-default), var(--popover-max));
|
|
|
|
|
|
border-radius: var(--scale-2-6);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
box-shadow: var(--shadow-l) var(--background-modifier-box-shadow);
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover.hover-popover .markdown-embed {
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover.hover-popover .markdown-preview-view {
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
padding: var(--scale-8-1) var(--scale-8-6) var(--scale-8-1) var(--scale-8-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover.hover-popover::-webkit-scrollbar {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Resize Handles
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, .workspace-split.mod-left-split > .workspace-leaf-resize-handle, .workspace-split.mod-right-split > .workspace-leaf-resize-handle {
|
|
|
|
|
|
width: 1px;
|
|
|
|
|
|
height: 105%;
|
|
|
|
|
|
top: -24px;
|
|
|
|
|
|
border-color: var(--background-modifier-border);
|
|
|
|
|
|
transition: var(--duration-fast-2) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:hover, .workspace-split.mod-left-split > .workspace-leaf-resize-handle:hover, .workspace-split.mod-right-split > .workspace-leaf-resize-handle:hover {
|
|
|
|
|
|
width: 4px;
|
|
|
|
|
|
border-color: var(--background-modifier-border);
|
|
|
|
|
|
transition: var(--duration-fast-2) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:active, .workspace-split.mod-left-split > .workspace-leaf-resize-handle:active, .workspace-split.mod-right-split > .workspace-leaf-resize-handle:active {
|
|
|
|
|
|
width: 5px;
|
|
|
|
|
|
transition: var(--duration-fast-2) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:active, .theme-light .workspace-split.mod-left-split > .workspace-leaf-resize-handle:active, .theme-light .workspace-split.mod-right-split > .workspace-leaf-resize-handle:active { /* VH for Light Mode */
|
|
|
|
|
|
border-color: var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:active, .theme-dark .workspace-split.mod-left-split > .workspace-leaf-resize-handle:active, .theme-dark .workspace-split.mod-right-split > .workspace-leaf-resize-handle:active { /* VH for Dark Mode */
|
|
|
|
|
|
border-color: var(--color-d-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
|
|
|
|
|
|
height: 1px;
|
|
|
|
|
|
background: var(--background-modifier-border);
|
|
|
|
|
|
transition: var(--duration-fast-1) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:hover {
|
|
|
|
|
|
height: 4px;
|
|
|
|
|
|
transition: var(--duration-fast-1) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:active {
|
|
|
|
|
|
height: 5px;
|
|
|
|
|
|
transition: var(--duration-fast-1) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:active { /* HH for Light Mode */
|
|
|
|
|
|
background: var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:active { /* HH for Dark Mode */
|
|
|
|
|
|
background: var(--color-d-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle,
|
|
|
|
|
|
.workspace-leaf-resize-handle {
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Scrollbars
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
body:not(.native-scrollbars) ::-webkit-scrollbar,
|
|
|
|
|
|
body:not(.native-scrollbars) .graph-controls::-webkit-scrollbar {
|
|
|
|
|
|
visibility: visible;
|
|
|
|
|
|
width: var(--scale-2-2);
|
|
|
|
|
|
height: var(--scale-2-2);
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
display: inherit;
|
|
|
|
|
|
background: var(--scrollbar-bg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb {
|
|
|
|
|
|
visibility: visible;
|
|
|
|
|
|
background: var(scrollbar-thumb-bg);
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active {
|
|
|
|
|
|
background: var(--scrollbar-active-thumb-bg);
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Thin Scrollbar */
|
|
|
|
|
|
.scrollbar__thin.scrollbar__thin:not(.native-scrollbars) ::-webkit-scrollbar, .scrollbar__thin.scrollbar__thin:not(.native-scrollbars) .graph-controls::-webkit-scrollbar {
|
|
|
|
|
|
visibility: visible;
|
|
|
|
|
|
width: var(--scale-2-2);
|
|
|
|
|
|
height: var(--scale-2-2);
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
display: inherit;
|
|
|
|
|
|
background: var(--scrollbar-bg);
|
|
|
|
|
|
}
|
|
|
|
|
|
.scrollbar__thin.scrollbar__thin:not(.native-scrollbars) ::-webkit-scrollbar-thumb {
|
|
|
|
|
|
visibility: visible;
|
|
|
|
|
|
background: var(scrollbar-thumb-bg);
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.scrollbar__thin.scrollbar__thin:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active {
|
|
|
|
|
|
background: var(--scrollbar-active-thumb-bg);
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Mac (Grabbable) Scrollbar */
|
|
|
|
|
|
.scrollbar__mac.scrollbar__mac:not(.native-scrollbars) ::-webkit-scrollbar {
|
|
|
|
|
|
background: var(--scrollbar-bg);
|
|
|
|
|
|
visibility: visible;
|
|
|
|
|
|
width: 12px;
|
|
|
|
|
|
height: 12px;
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.scrollbar__mac.scrollbar__mac:not(.native-scrollbars) ::-webkit-scrollbar-thumb, .scrollbar__mac.scrollbar__mac:not(.native-scrollbars) .node-insert-event ::-webkit-scrollbar-thumb {
|
|
|
|
|
|
visibility: visible;
|
|
|
|
|
|
background: var(scrollbar-thumb-bg);
|
|
|
|
|
|
border: 5px solid var(--background-primary);
|
|
|
|
|
|
border-radius: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.scrollbar__mac.scrollbar__mac:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover, .scrollbar__mac.scrollbar__mac:not(.native-scrollbars) .node-insert-event ::-webkit-scrollbar-thumb:hover {
|
|
|
|
|
|
background: var(--interactive-accent);
|
|
|
|
|
|
border-width: 3px;
|
|
|
|
|
|
border-radius: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.scrollbar__mac.scrollbar__mac:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active, .scrollbar__mac.scrollbar__mac:not(.native-scrollbars) .node-insert-event ::-webkit-scrollbar-thumb:active {
|
|
|
|
|
|
border-radius: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.scrollbar__mac.scrollbar__mac:not(.native-scrollbars) .workspace-tabs ::-webkit-scrollbar-thumb {
|
|
|
|
|
|
background: var(--background-modifier-border);
|
|
|
|
|
|
border: 5px solid var(--background-secondary);
|
|
|
|
|
|
}
|
|
|
|
|
|
.scrollbar__mac.scrollbar__mac:not(.native-scrollbars) .workspace-tabs ::-webkit-scrollbar-thumb:hover {
|
|
|
|
|
|
background: var(--interactive-accent);
|
|
|
|
|
|
border-width: 3px;
|
|
|
|
|
|
border-radius: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.scrollbar__mac.scrollbar__mac:not(.native-scrollbars) .workspace-tabs ::-webkit-scrollbar-thumb:active {
|
|
|
|
|
|
border-radius: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.scrollbar__mac.scrollbar__mac:not(.native-scrollbars) .markdown-embed:not(.hover-popover .markdown-embed) ::-webkit-scrollbar-thumb {
|
|
|
|
|
|
border: 5px solid var(--background-primary-alt);
|
|
|
|
|
|
}
|
|
|
|
|
|
.scrollbar__mac.scrollbar__mac:not(.native-scrollbars) .markdown-embed:not(.hover-popover .markdown-embed) ::-webkit-scrollbar-thumb:hover {
|
|
|
|
|
|
background: var(--scrollbar-active-thumb-bg);
|
|
|
|
|
|
border-width: 3px;
|
|
|
|
|
|
border-radius: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.scrollbar__mac.scrollbar__mac:not(.native-scrollbars) .markdown-embed:not(.hover-popover .markdown-embed) ::-webkit-scrollbar-thumb:active {
|
|
|
|
|
|
border-radius: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body.plugin-sliding-panes.scrollbar__mac .workspace-split.mod-vertical.mod-root {
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-content {
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Hidden Scrollbar */
|
|
|
|
|
|
.scrollbar__hidden:not(.native-scrollbars) ::-webkit-scrollbar {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Tooltips
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.tooltip {
|
|
|
|
|
|
background: var(--text-normal);
|
|
|
|
|
|
color: var(--background-primary);
|
|
|
|
|
|
box-shadow: var(--shadow-s) var(--background-modifier-box-shadow);
|
|
|
|
|
|
}
|
|
|
|
|
|
.tooltip .tooltip-arrow {
|
|
|
|
|
|
border-bottom: 5px solid var(--text-normal);
|
|
|
|
|
|
}
|
|
|
|
|
|
.tooltip.mod-top .tooltip-arrow {
|
|
|
|
|
|
border-top: 5px solid var(--text-normal);
|
|
|
|
|
|
}
|
|
|
|
|
|
.tooltip.mod-right .tooltip-arrow {
|
|
|
|
|
|
border-right: 5px solid var(--text-normal);
|
|
|
|
|
|
}
|
|
|
|
|
|
.mod-error .tooltip.mod-right .tooltip-arrow {
|
|
|
|
|
|
border-right-color: var(--background-modifier-error);
|
|
|
|
|
|
border-bottom: 5px solid transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.tooltip.mod-left .tooltip-arrow {
|
|
|
|
|
|
border-left: 5px solid var(--text-normal);
|
|
|
|
|
|
}
|
|
|
|
|
|
.mod-error .tooltip.mod-left .tooltip-arrow {
|
|
|
|
|
|
border-left-color: var(--background-modifier-error);
|
|
|
|
|
|
border-bottom: 5px solid transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Vault Launch Progress
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.is-loading:before,
|
|
|
|
|
|
.search-result-container.is-loading:before {
|
|
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
|
|
animation: var(--duration-slow-2) var(--motion-smooth) infinite progress-bar;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.progress-bar {
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
}
|
|
|
|
|
|
.progress-bar-indicator {
|
|
|
|
|
|
width: 35%;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
height: var(--scale-2-6);
|
|
|
|
|
|
border-radius: var(--scale-2-6);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .progress-bar-indicator {
|
|
|
|
|
|
width: 65%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.progress-bar-line {
|
|
|
|
|
|
height: var(--scale-2-6);
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
border-radius: var(--scale-2-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
.progress-bar-subline {
|
|
|
|
|
|
height: var(--scale-2-5);
|
|
|
|
|
|
border-radius: var(--scale-2-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .progress-bar-subline { /* VLP for Light Mode */
|
|
|
|
|
|
background: var(--color-l-green-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .progress-bar-subline { /* VLP for Dark Mode */
|
|
|
|
|
|
background: var(--color-d-green-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
.progress-bar-message {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
+++++++++++++++Workspace++++++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Side Dock Ribbon
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.is-mobile .workspace-drawer-ribbon {
|
|
|
|
|
|
width: var(--scale-8-8);
|
|
|
|
|
|
border-right: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .workspace-drawer-ribbon .side-dock-ribbon-action {
|
|
|
|
|
|
padding-bottom: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Tab Header in Workspace Drawer
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.is-mobile .workspace-drawer-header {
|
|
|
|
|
|
padding: var(--scale-8-3) var(--scale-8-3) var(--scale-0-0) var(--scale-8-3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .workspace-drawer-active-tab-header {
|
|
|
|
|
|
padding: var(--scale-2-4) var(--scale-2-2) var(--scale-2-4) var(--scale-2-8);
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .workspace-drawer-tab-container > * {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-8-1) var(--scale-0-0) var(--scale-8-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Nav Header in Workspace Drawer
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.is-mobile .workspace-drawer-actions, .is-mobile .nav-buttons-container {
|
|
|
|
|
|
margin: var(--scale-2-6) var(--scale-0-0) var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .nav-action-button {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
margin: var(--scale-0-0) var(--scale-2-6) var(--scale-0-0) var(--scale-2-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Tab Content
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.is-mobile .workspace-drawer {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .workspace-drawer.mod-left .workspace-drawer-inner {
|
|
|
|
|
|
padding-left: var(--scale-8-8);
|
|
|
|
|
|
padding-right: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .workspace-drawer .workspace-drawer-inner {
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .workspace-drawer .workspace-drawer-tab-options {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-8-1) var(--scale-0-0) var(--scale-8-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .workspace-drawer .search-input-suggest-button {
|
|
|
|
|
|
top: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Workspace Drawer Items Fix */
|
|
|
|
|
|
:root {
|
|
|
|
|
|
--mobile-fileexplorer-font-size: 16px;
|
|
|
|
|
|
--mobile-fileexplorer-line-height: 1.2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .theme-light .nav-folder-title, .is-mobile .theme-light .nav-file-title,
|
|
|
|
|
|
.is-mobile .theme-dark .nav-folder-title,
|
|
|
|
|
|
.is-mobile .theme-dark .nav-file-title {
|
|
|
|
|
|
font-size: var(--mobile-fileexplorer-font-size);
|
|
|
|
|
|
line-height: var(--mobile-fileexplorer-line-height);
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
+++++++++Content / Active Note++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Note Header
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.is-mobile .view-header, .is-mobile .workspace-leaf.mod-active .view-header, .is-mobile .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header {
|
|
|
|
|
|
height: var(--scale-2-24);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .view-header .view-header-icon {
|
|
|
|
|
|
top: 4px;
|
|
|
|
|
|
margin-left: 6px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .view-header-title {
|
|
|
|
|
|
line-height: 50px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .view-header .view-actions a {
|
|
|
|
|
|
top: 6px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Backlinks in Document
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.is-mobile .mod-root .workspace-leaf-content[data-type=markdown] .nav-buttons-container {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
margin-top: var(--scale-2-4);
|
|
|
|
|
|
margin-bottom: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .mod-root .workspace-leaf-content[data-type=markdown] .embedded-backlinks .search-input-container {
|
|
|
|
|
|
width: 98%;
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
margin-bottom: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
+++++++++++Other Components+++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Modals
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*─────────Settings Modal──────────*/
|
|
|
|
|
|
.is-mobile .workspace {
|
|
|
|
|
|
transform: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal, .is-mobile .prompt {
|
|
|
|
|
|
overflow-y: hidden;
|
|
|
|
|
|
border: 1px solid rgba(100, 100, 100, 0.25);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal {
|
|
|
|
|
|
padding: var(--scale-8-2) var(--scale-8-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .prompt {
|
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .prompt input.prompt-input {
|
|
|
|
|
|
padding-top: var(--scale-2-4);
|
|
|
|
|
|
padding-bottom: var(--scale-2-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .menu {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile ::-webkit-scrollbar {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal .vertical-tab-header-group {
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal .modal-content .vertical-tab-content {
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal .modal-content .vertical-tab-header-group:nth-child(2) {
|
|
|
|
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal-setting-back-button {
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal-content {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal-close-button {
|
|
|
|
|
|
top: var(--scale-2-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .community-theme-screenshot {
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Modal CLose Button──────────*/
|
|
|
|
|
|
.is-mobile .modal .vertical-tab-header::before {
|
|
|
|
|
|
content: "Settings";
|
|
|
|
|
|
font-family: var(--font-interface-theme);
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
position: sticky;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
height: 47px;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal-setting-back-button {
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal-setting-back-button span {
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal-close-button {
|
|
|
|
|
|
margin: var(--scale-2-4);
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Buttons
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.is-mobile button {
|
|
|
|
|
|
margin: 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Vault Launch Progress
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.is-mobile .progress-bar-message {
|
|
|
|
|
|
font-size: var(--font-scale-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Phone */
|
|
|
|
|
|
@media (max-width: 400pt) {
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++++Variables+++++++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.is-mobile {
|
|
|
|
|
|
/*──────────Typography Modular Scale──────────*/
|
|
|
|
|
|
/* Based on Standard 16px */
|
|
|
|
|
|
--line-width: 400pt;
|
|
|
|
|
|
--scale-ratio: 1.23;
|
|
|
|
|
|
--font-scale-000: 0.652em;
|
|
|
|
|
|
--font-scale-00: 0.694em;
|
|
|
|
|
|
--font-scale-0: 0.783em;
|
|
|
|
|
|
--font-scale-0-5: 0.875em;
|
|
|
|
|
|
--font-scale-1: 1em;
|
|
|
|
|
|
--font-scale-2: 1.12em;
|
|
|
|
|
|
--font-scale-3: 1.23em;
|
|
|
|
|
|
--font-scale-4: 1.378em;
|
|
|
|
|
|
--font-scale-5: 1.513em;
|
|
|
|
|
|
--font-scale-6: 1.695em;
|
|
|
|
|
|
--font-scale-7: 1.861em;
|
|
|
|
|
|
--font-scale-8: 2.085em;
|
|
|
|
|
|
--font-scale-9: 2.289em;
|
|
|
|
|
|
--font-scale-10: 2.564em;
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
+++++++++Content / Active Note++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Editor
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/* iOS Modal extending to Status Bar fix */
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal:not(.modal.mod-settings), .is-mobile .prompt, .is-mobile .suggestion-container, .is-mobile .menu {
|
|
|
|
|
|
border-top-left-radius: var(--scale-2-8);
|
|
|
|
|
|
border-top-right-radius: var(--scale-2-8);
|
|
|
|
|
|
border-bottom-left-radius: 0;
|
|
|
|
|
|
border-bottom-right-radius: 0;
|
|
|
|
|
|
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal:not(.modal.mod-settings), .is-mobile .prompt {
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .suggestion-container {
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
max-height: 200px;
|
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal.mod-settings {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
max-height: 100%;
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal.mod-community-theme .modal-content {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-2-3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .prompt kbd {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile.is-ios .modal.mod-settings {
|
|
|
|
|
|
top: auto;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
max-height: calc(100% - 42px);
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile.is-ios .modal-bg {
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 400pt) {
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++++Variables+++++++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.is-mobile {
|
|
|
|
|
|
/*──────────Typography Modular Scale──────────*/
|
|
|
|
|
|
/* Based on Standard 16px */
|
|
|
|
|
|
--line-width: 400pt;
|
|
|
|
|
|
--scale-ratio: 1.32;
|
|
|
|
|
|
--font-scale-000: 0.652em;
|
|
|
|
|
|
--font-scale-00: 0.694em;
|
|
|
|
|
|
--font-scale-0: 0.783em;
|
|
|
|
|
|
--font-scale-0-5: 0.875em;
|
|
|
|
|
|
--font-scale-1: 1em;
|
|
|
|
|
|
--font-scale-2: 1.179em;
|
|
|
|
|
|
--font-scale-3: 1.32em;
|
|
|
|
|
|
--font-scale-4: 1.557em;
|
|
|
|
|
|
--font-scale-5: 1.742em;
|
|
|
|
|
|
--font-scale-6: 2.055em;
|
|
|
|
|
|
--font-scale-7: 2.3em;
|
|
|
|
|
|
--font-scale-8: 2.712em;
|
|
|
|
|
|
--font-scale-9: 3.036em;
|
|
|
|
|
|
--font-scale-10: 3.58em;
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
+++++++++++++++Workspace++++++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Workspace Sidebar
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
+++++++++Content / Active Note++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
+++++++++++Other Components+++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Modals
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/*─────────Settings Modal──────────*/
|
|
|
|
|
|
/*─────────Menu/Options Modal──────────*/
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Pull Down Action
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .workspace-drawer:not(.is-pinned) {
|
|
|
|
|
|
width: 100vw;
|
|
|
|
|
|
max-width: 360pt;
|
|
|
|
|
|
height: calc(100vh - var(--scale-8-6));
|
|
|
|
|
|
margin: var(--scale-8-3) var(--scale-8-3);
|
|
|
|
|
|
border-radius: var(--scale-2-8);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
box-shadow: 0px 0px 16px 0px var(--background-modifier-box-shadow);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal, .is-mobile .prompt {
|
|
|
|
|
|
top: auto;
|
|
|
|
|
|
bottom: auto;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
max-width: 75%;
|
|
|
|
|
|
border-radius: var(--scale-2-8);
|
|
|
|
|
|
box-shadow: var(--shadow-m) var(--background-modifier-box-shadow);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .modal.mod-settings {
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) {
|
|
|
|
|
|
flex-direction: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) .setting-item-control {
|
|
|
|
|
|
width: 300px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .menu {
|
|
|
|
|
|
border-top-left-radius: var(--scale-2-8);
|
|
|
|
|
|
border-top-right-radius: var(--scale-2-8);
|
|
|
|
|
|
border-bottom-left-radius: 0;
|
|
|
|
|
|
border-bottom-right-radius: 0;
|
|
|
|
|
|
box-shadow: var(--shadow-m) var(--background-modifier-box-shadow);
|
|
|
|
|
|
}
|
|
|
|
|
|
.is-mobile .pull-down-action {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
width: 75%;
|
|
|
|
|
|
margin: var(--scale-2-8) auto;
|
|
|
|
|
|
padding: var(--scale-2-8) var(--scale-2-8) var(--scale-2-8) var(--scale-2-8);
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
border-radius: var(--scale-2-8);
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1000pt) {
|
|
|
|
|
|
.is-mobile {
|
|
|
|
|
|
/*──────────Aside HTML / Sidenotes──────────*/
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
Graph View
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
──────────────────────────────────────*/
|
|
|
|
|
|
.workspace-leaf-content[data-type=graph] .view-content {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.graph-controls {
|
|
|
|
|
|
max-width: initial;
|
|
|
|
|
|
padding: var(--scale-8-1) var(--scale-8-3) var(--scale-8-2) var(--scale-8-1);
|
|
|
|
|
|
margin-top: var(--scale-2-2);
|
|
|
|
|
|
margin-left: var(--scale-2-2);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
transition: var(--duration-fast-2) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.graph-controls.is-close {
|
|
|
|
|
|
padding: var(--scale-8-1) var(--scale-8-1) var(--scale-8-1) var(--scale-8-1);
|
|
|
|
|
|
margin-top: var(--scale-2-2);
|
|
|
|
|
|
margin-left: var(--scale-2-2);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
.graph-controls.is-close .graph-controls-buttons.mod-open, .graph-controls.is-close .graph-controls-buttons.mod-animate {
|
|
|
|
|
|
padding: var(--scale-2-4) var(--scale-2-4) var(--scale-2-4) var(--scale-2-4);
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Graph View Colors──────────*/
|
|
|
|
|
|
.theme-light .graph-view.color-fill,
|
|
|
|
|
|
.theme-dark .graph-view.color-fill {
|
|
|
|
|
|
color: var(--graph-color-node-resolved);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .graph-view.color-fill-unresolved,
|
|
|
|
|
|
.theme-dark .graph-view.color-fill-unresolved {
|
|
|
|
|
|
color: var(--graph-color-node-unresolved);
|
|
|
|
|
|
opacity: var(--graph-color-node-unresolved-opacity);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .graph-view.color-fill-tag,
|
|
|
|
|
|
.theme-dark .graph-view.color-fill-tag {
|
|
|
|
|
|
color: var(--graph-color-node-tag);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .graph-view.color-fill-attachment,
|
|
|
|
|
|
.theme-dark .graph-view.color-fill-attachment {
|
|
|
|
|
|
color: var(--graph-color-node-attachment);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .graph-view.color-fill-focused,
|
|
|
|
|
|
.theme-dark .graph-view.color-fill-focused { /* Focused Node */
|
|
|
|
|
|
color: var(--graph-color-node-focused);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .graph-view.color-circle,
|
|
|
|
|
|
.theme-dark .graph-view.color-circle { /* Node Cirle on Hover (Border) */
|
|
|
|
|
|
color: var(--graph-color-node-border-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .graph-view.color-arrow,
|
|
|
|
|
|
.theme-dark .graph-view.color-arrow {
|
|
|
|
|
|
color: var(--graph-color-node-arrow);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .graph-view.color-line,
|
|
|
|
|
|
.theme-dark .graph-view.color-line {
|
|
|
|
|
|
color: var(--graph-color-node-line);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .graph-view.color-line-highlight,
|
|
|
|
|
|
.theme-dark .graph-view.color-line-highlight { /* Node Line on Hover */
|
|
|
|
|
|
color: var(--graph-color-node-line-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .graph-view.color-text,
|
|
|
|
|
|
.theme-dark .graph-view.color-text {
|
|
|
|
|
|
color: var(--graph-color-node-text);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Graph View Controls for Light Theme ~*/
|
|
|
|
|
|
.theme-light .graph-controls {
|
|
|
|
|
|
background-color: var(--color-l-white);
|
|
|
|
|
|
color: var(--color-l-gray-60);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
box-shadow: var(--shadow-s) var(--color-l-shadow-100);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .graph-controls.is-close {
|
|
|
|
|
|
min-width: inherit;
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .graph-controls .setting-item-name {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Graph View Controls for Dark Theme ~*/
|
|
|
|
|
|
.theme-dark .graph-controls {
|
|
|
|
|
|
background-color: var(--color-d-gray-70);
|
|
|
|
|
|
color: var(--color-d-gray-50);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
box-shadow: var(--shadow-s) var(--color-d-shadow-100);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .graph-controls.is-close {
|
|
|
|
|
|
min-width: inherit;
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .graph-controls .setting-item-name {
|
|
|
|
|
|
color: var(--color-d-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Backlinks and Outgoing Links
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/* Backlink Pane */
|
|
|
|
|
|
.popover .backlink-pane,
|
|
|
|
|
|
.backlink-pane {
|
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .backlink-pane > .tree-item-self,
|
|
|
|
|
|
.backlink-pane > .tree-item-self {
|
|
|
|
|
|
flex-direction: row-reverse;
|
|
|
|
|
|
color: var(--md-color-text-normal);
|
|
|
|
|
|
font-weight: var(--font-bold);
|
|
|
|
|
|
margin-top: 3px;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .backlink-pane > .tree-item-self:hover,
|
|
|
|
|
|
.backlink-pane > .tree-item-self:hover {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .backlink-pane > .tree-item-self.is-collapsed,
|
|
|
|
|
|
.backlink-pane > .tree-item-self.is-collapsed {
|
|
|
|
|
|
color: var(--md-color-text-muted);
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .backlink-pane > .tree-item-self.is-collapsed:active,
|
|
|
|
|
|
.backlink-pane > .tree-item-self.is-collapsed:active {
|
|
|
|
|
|
color: var(--md-color-text-faint);
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .backlink-pane > .tree-item-self span.tree-item-icon.collapse-icon,
|
|
|
|
|
|
.backlink-pane > .tree-item-self span.tree-item-icon.collapse-icon {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .backlink-pane > .tree-item-self .tree-item-inner,
|
|
|
|
|
|
.backlink-pane > .tree-item-self .tree-item-inner {
|
|
|
|
|
|
flex: auto 1 1;
|
|
|
|
|
|
text-transform: capitalize;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .backlink-pane > .tree-item-self .tree-item-flair-outer,
|
|
|
|
|
|
.backlink-pane > .tree-item-self .tree-item-flair-outer {
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .backlink-pane > .tree-item-self .tree-item-flair,
|
|
|
|
|
|
.backlink-pane > .tree-item-self .tree-item-flair {
|
|
|
|
|
|
font-family: inherit;
|
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
margin-right: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .backlink-pane .search-result-container,
|
|
|
|
|
|
.backlink-pane .search-result-container {
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
margin: var(--scale-2-2) var(--scale-2-3) var(--scale-2-3) var(--scale-2-3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .backlink-pane .search-result-container .tree-item.search-result,
|
|
|
|
|
|
.backlink-pane .search-result-container .tree-item.search-result {
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-2-3);
|
|
|
|
|
|
margin-bottom: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .backlink-pane .search-result-container .tree-item-self,
|
|
|
|
|
|
.backlink-pane .search-result-container .tree-item-self {
|
|
|
|
|
|
padding: var(--scale-2-4) var(--scale-2-4) var(--scale-2-4) var(--scale-2-8);
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
margin-bottom: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .backlink-pane .search-result-container .search-result-file-matches,
|
|
|
|
|
|
.backlink-pane .search-result-container .search-result-file-matches {
|
|
|
|
|
|
padding-bottom: var(--scale-2-1);
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .backlink-pane .search-result-container .search-result-file-match,
|
|
|
|
|
|
.backlink-pane .search-result-container .search-result-file-match {
|
|
|
|
|
|
width: calc(100% - var(--scale-8-1));
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Outgoing Link Pane */
|
|
|
|
|
|
.outgoing-link-pane > .tree-item-self {
|
|
|
|
|
|
flex-direction: row-reverse;
|
|
|
|
|
|
font-size: var(--font-scale-1);
|
|
|
|
|
|
font-weight: var(--font-bold);
|
|
|
|
|
|
margin-top: 3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.outgoing-link-pane > .tree-item-self:hover {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.outgoing-link-pane > .tree-item-self span.tree-item-icon.collapse-icon {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.outgoing-link-pane > .tree-item-self .tree-item-inner {
|
|
|
|
|
|
flex: auto 1 1;
|
|
|
|
|
|
text-transform: capitalize;
|
|
|
|
|
|
}
|
|
|
|
|
|
.outgoing-link-pane > .tree-item-self.is-clickable .tree-item-flair {
|
|
|
|
|
|
font-family: inherit;
|
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
margin-right: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.outgoing-link-pane .search-result-container {
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
margin: var(--scale-2-2) var(--scale-0-0) var(--scale-2-2) var(--scale-2-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.outgoing-link-pane .search-result-container .tree-item-self {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
padding: var(--scale-2-4) var(--scale-2-4) var(--scale-2-4) var(--scale-2-8);
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.outgoing-link-pane .search-result-container .tree-item-self:last-of-type {
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
border-bottom-left-radius: var(--scale-2-4);
|
|
|
|
|
|
border-bottom-right-radius: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.outgoing-link-pane .search-result-container .tree-item-self.tree-item-self.tree-item-self:active {
|
|
|
|
|
|
color: var(--text-faint);
|
|
|
|
|
|
background: var(--background-primary-alt);
|
|
|
|
|
|
}
|
|
|
|
|
|
.outgoing-link-pane .search-result-container .search-result-file-matches {
|
|
|
|
|
|
padding-bottom: var(--scale-2-1);
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.outgoing-link-pane .search-result-container .search-result-file-match {
|
|
|
|
|
|
width: calc(100% - var(--scale-2-6));
|
|
|
|
|
|
margin: var(--scale-2-3) var(--scale-2-1) var(--scale-2-4) var(--scale-2-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.outgoing-link-pane .search-result-container .search-result-file-match:last-of-type {
|
|
|
|
|
|
margin-bottom: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
.outgoing-link-pane .search-result-container .search-result-file-match-destination-file {
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
color: var(--text-normal);
|
|
|
|
|
|
border-radius: var(--scale-2-8);
|
|
|
|
|
|
padding: var(--scale-2-1) var(--scale-2-5) var(--scale-2-2) var(--scale-2-5);
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Backlinks on Document */
|
|
|
|
|
|
.popover .workspace-leaf-content[data-type=markdown] .nav-header,
|
|
|
|
|
|
.mod-root .workspace-leaf-content[data-type=markdown] .nav-header {
|
|
|
|
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
padding-bottom: var(--scale-2-4);
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .workspace-leaf-content[data-type=markdown] .nav-buttons-container,
|
|
|
|
|
|
.mod-root .workspace-leaf-content[data-type=markdown] .nav-buttons-container {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .workspace-leaf-content[data-type=markdown] .embedded-backlinks,
|
|
|
|
|
|
.mod-root .workspace-leaf-content[data-type=markdown] .embedded-backlinks {
|
|
|
|
|
|
margin-top: 3em;
|
|
|
|
|
|
margin-bottom: 1em;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .workspace-leaf-content[data-type=markdown] .embedded-backlinks .search-input-container,
|
|
|
|
|
|
.mod-root .workspace-leaf-content[data-type=markdown] .embedded-backlinks .search-input-container {
|
|
|
|
|
|
margin-right: calc(4 * var(--scale-8-5) - 24px);
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .workspace-leaf-content[data-type=markdown] .embedded-backlinks .search-input-container .search-input-clear-button:before,
|
|
|
|
|
|
.mod-root .workspace-leaf-content[data-type=markdown] .embedded-backlinks .search-input-container .search-input-clear-button:before {
|
|
|
|
|
|
top: -10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .workspace-leaf-content[data-type=markdown] .embedded-backlinks .backlink-pane,
|
|
|
|
|
|
.mod-root .workspace-leaf-content[data-type=markdown] .embedded-backlinks .backlink-pane {
|
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .workspace-leaf-content[data-type=markdown] .embedded-backlinks .backlink-pane > .tree-item-self,
|
|
|
|
|
|
.mod-root .workspace-leaf-content[data-type=markdown] .embedded-backlinks .backlink-pane > .tree-item-self {
|
|
|
|
|
|
font-size: var(--font-scale-2);
|
|
|
|
|
|
margin-top: 3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .workspace-leaf-content[data-type=markdown] .embedded-backlinks .backlink-pane .search-result-container,
|
|
|
|
|
|
.mod-root .workspace-leaf-content[data-type=markdown] .embedded-backlinks .backlink-pane .search-result-container {
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
padding: var(--scale-2-4) var(--scale-2-4) var(--scale-2-1) var(--scale-2-4);
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
margin-top: var(--scale-2-2);
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popover .workspace-leaf-content[data-type=markdown] .embedded-backlinks .backlink-pane .search-result-container .tree-item-self,
|
|
|
|
|
|
.mod-root .workspace-leaf-content[data-type=markdown] .embedded-backlinks .backlink-pane .search-result-container .tree-item-self {
|
|
|
|
|
|
font-size: var(--font-scale-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Font for Source View */
|
|
|
|
|
|
.cm-s-obsidian .backlink-pane > .tree-item-self {
|
|
|
|
|
|
font-family: var(--font-editor-header);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Font for Preview View */
|
|
|
|
|
|
.markdown-preview-view .backlink-pane > .tree-item-self {
|
|
|
|
|
|
font-family: var(--font-preview-header);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* "Link" Button */
|
|
|
|
|
|
.search-result-file-match-replace-button.search-result-file-match-replace-button {
|
|
|
|
|
|
padding: var(--scale-2-1) var(--scale-2-3) var(--scale-2-2) var(--scale-2-3) !important;
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
margin-top: auto;
|
|
|
|
|
|
margin-bottom: auto;
|
|
|
|
|
|
margin-right: var(--scale-2-5);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Outline Pane
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.outline {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-leaf-content[data-type=outline] .tree-item-self {
|
|
|
|
|
|
padding: calc(1px + var(--scale-2-2)) var(--scale-2-2) calc(1px + var(--scale-2-2)) calc(5px + var(--scale-8-3));
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-leaf-content[data-type=outline] .tree-item-self .tree-item-icon {
|
|
|
|
|
|
margin-left: -21px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
Slides
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
──────────────────────────────────────*/
|
|
|
|
|
|
.reveal {
|
|
|
|
|
|
color: var(--md-color-text);
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
}
|
|
|
|
|
|
.reveal .progress {
|
|
|
|
|
|
height: var(--scale-8-1);
|
|
|
|
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .reveal .progress {
|
|
|
|
|
|
background: var(--color-l-gray-30);
|
|
|
|
|
|
color: var(--color-l-blue-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .reveal .progress {
|
|
|
|
|
|
background: var(--color-d-black);
|
|
|
|
|
|
color: var(--color-d-blue-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .reveal .controls {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .reveal .controls {
|
|
|
|
|
|
color: var(--color-d-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
.reveal p {
|
|
|
|
|
|
color: var(--md-color-text);
|
|
|
|
|
|
margin-left: var(--scale-8-4);
|
|
|
|
|
|
margin-right: var(--scale-8-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.reveal h1 {
|
|
|
|
|
|
color: var(--h1-text-color);
|
|
|
|
|
|
font-size: var(--h1);
|
|
|
|
|
|
line-height: var(--header-line-height);
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
text-transform: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.reveal h2 {
|
|
|
|
|
|
color: var(--h2-text-color);
|
|
|
|
|
|
font-size: var(--h2);
|
|
|
|
|
|
line-height: var(--header-line-height);
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
text-transform: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.reveal h3 {
|
|
|
|
|
|
color: var(--h3-text-color);
|
|
|
|
|
|
font-size: var(--h3);
|
|
|
|
|
|
line-height: var(--header-line-height);
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
text-transform: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.reveal h4 {
|
|
|
|
|
|
color: var(--h4-text-color);
|
|
|
|
|
|
font-size: var(--h4);
|
|
|
|
|
|
line-height: var(--header-line-height);
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
text-transform: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.reveal h5 {
|
|
|
|
|
|
color: var(--h5-text-color);
|
|
|
|
|
|
font-size: var(--h5);
|
|
|
|
|
|
line-height: var(--header-line-height);
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
text-transform: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.reveal h6 {
|
|
|
|
|
|
color: var(--h6-text-color);
|
|
|
|
|
|
font-size: var(--h6);
|
|
|
|
|
|
line-height: var(--header-line-height);
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
text-transform: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.reveal img {
|
|
|
|
|
|
height: clamp(200px, 60vh, 960px);
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.reveal .slides > section {
|
|
|
|
|
|
padding: 0 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.slides-close-btn {
|
|
|
|
|
|
top: var(--scale-8-2);
|
|
|
|
|
|
right: var(--scale-8-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.slides-close-btn svg {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.slides-close-btn::before {
|
|
|
|
|
|
content: "×";
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
Community Plugins
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
──────────────────────────────────────*/
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Calendar Plugin
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
#calendar-container {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-2-4) var(--scale-0-0) var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
#calendar-container .nav {
|
|
|
|
|
|
margin: var(--scale-2-4) var(--scale-0-0) var(--scale-2-2) var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
#calendar-container .day, #calendar-container .week-num {
|
|
|
|
|
|
padding: var(--scale-0-0) var(--scale-2-2) var(--scale-2-2) var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
#calendar-container .day {
|
|
|
|
|
|
margin: var(--scale-0-0) var(--scale-0-0) var(--scale-0-0) var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
#calendar-container .today {
|
|
|
|
|
|
font-weight: var(--font-bold);
|
|
|
|
|
|
}
|
|
|
|
|
|
#calendar-container .week-num {
|
|
|
|
|
|
margin: var(--scale-0-0) var(--scale-2-2) var(--scale-0-0) var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
#calendar-container thead {
|
|
|
|
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
#calendar-container .arrow svg {
|
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D%0A%3C/style%3E%3Cpolygon points='10,16 20,6 21.4,7.4 12.8,16 21.4,24.6 20,26 '/%3E%3Crect id='_x3C_Transparent_Rectangle_x3E_' class='st0' width='32' height='32'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
#calendar-container .arrow svg > path {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light #calendar-container {
|
|
|
|
|
|
--color-background-day-empty: transparent;
|
|
|
|
|
|
--color-background-day-active: transparent;
|
|
|
|
|
|
--color-background-day-hover: var(--color-l-gray-40);
|
|
|
|
|
|
--color-dot: var(--color-l-blue-300);
|
|
|
|
|
|
--color-text-title: var(--text-normal);
|
|
|
|
|
|
--color-text-heading: var(--color-l-gray-60);
|
|
|
|
|
|
--color-text-day: var(--color-l-gray-80);
|
|
|
|
|
|
--color-text-today: var(--text-normal);
|
|
|
|
|
|
--color-text-weeknum: var(--text-muted);
|
|
|
|
|
|
--color-arrow: var(--color-l-gray-50);
|
|
|
|
|
|
--color-arrow-hover: var(--color-l-gray-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light #calendar-container .active, .theme-light #calendar-container .active.today {
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
color: var(--color-l-black);
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
border: 1px inset rgba(100, 100, 100, 0.2);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(100, 100, 100, 0.1) inset, 0px 1px 2px 0px rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light #calendar-container .week-num:hover, .theme-light #calendar-container .day:hover {
|
|
|
|
|
|
color: var(--color-l-black);
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 1px rgba(209, 209, 209, 0.5) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light #calendar-container .week-num:active, .theme-light #calendar-container .day:active {
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light #calendar-container .reset-button:hover, .theme-light #calendar-container .arrow:hover > svg {
|
|
|
|
|
|
color: var(--color-l-gray-70);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark #calendar-container {
|
|
|
|
|
|
--color-background-day-empty: transparent;
|
|
|
|
|
|
--color-background-day-active: transparent;
|
|
|
|
|
|
--color-background-day-hover: var(--color-d-gray-50);
|
|
|
|
|
|
--color-dot: var(--color-d-blue-900);
|
|
|
|
|
|
--color-text-title: var(--text-normal);
|
|
|
|
|
|
--color-text-heading: var(--color-d-gray-40);
|
|
|
|
|
|
--color-text-day: var(--color-d-gray-20);
|
|
|
|
|
|
--color-text-today: var(--text-normal);
|
|
|
|
|
|
--color-text-weeknum: var(--text-muted);
|
|
|
|
|
|
--color-arrow: var(--color-d-gray-30);
|
|
|
|
|
|
--color-arrow-hover: var(--color-d-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark #calendar-container .active, .theme-dark #calendar-container .active.today {
|
|
|
|
|
|
background: var(--color-d-gray-70);
|
|
|
|
|
|
color: var(--color-d-white);
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.15) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark #calendar-container .week-num:hover, .theme-dark #calendar-container .day:hover {
|
|
|
|
|
|
color: var(--color-d-white);
|
|
|
|
|
|
background: var(--color-d-gray-70);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark #calendar-container .week-num:active, .theme-dark #calendar-container .day:active {
|
|
|
|
|
|
background: var(--color-d-gray-100);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark #calendar-container .reset-button:hover, .theme-dark #calendar-container .arrow:hover > svg {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Removes Scrollbar in Calendar */
|
|
|
|
|
|
.workspace-leaf-content[data-type=calendar] ::-webkit-scrollbar {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Sliding Panes (Andy's Mode)
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
body.plugin-sliding-panes:not(.plugin-sliding-panes-rotate-header) .mod-root .workspace-leaf:not(:first-of-type) {
|
|
|
|
|
|
border-left: 1px solid var(--background-modifier-border) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
body.plugin-sliding-panes-rotate-header {
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
/* Removes shadow inside of Note Header Title */
|
|
|
|
|
|
}
|
|
|
|
|
|
body.plugin-sliding-panes-rotate-header .workspace .mod-root .workspace-leaf.mod-active .workspace-leaf-content .view-header, body.plugin-sliding-panes-rotate-header .workspace .mod-root .workspace-leaf:not(.workspace-leaf.mod-active) .workspace-leaf-content .view-header {
|
|
|
|
|
|
border-right: 1px solid var(--background-modifier-border) !important;
|
|
|
|
|
|
border-left: 1px solid var(--background-modifier-border) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
body.plugin-sliding-panes-rotate-header .view-header-title-container::before {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
body.plugin-sliding-panes-rotate-header .view-header {
|
|
|
|
|
|
/* Alignment Fixes for 36px width */
|
|
|
|
|
|
}
|
|
|
|
|
|
body.plugin-sliding-panes-rotate-header .view-header .view-action[aria-label="More options"] svg {
|
|
|
|
|
|
transform: rotate(90deg);
|
|
|
|
|
|
margin-bottom: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
body.plugin-sliding-panes-rotate-header .view-header .view-header-icon {
|
|
|
|
|
|
left: 3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
body.plugin-sliding-panes-rotate-header .view-header .view-actions {
|
|
|
|
|
|
margin-left: 3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
body.plugin-sliding-panes-stacking .workspace > .mod-root > .workspace-leaf {
|
|
|
|
|
|
box-shadow: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Dataview
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/* Dataview Tables */
|
|
|
|
|
|
table.dataview {
|
|
|
|
|
|
word-break: normal;
|
|
|
|
|
|
overflow-wrap: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* padding fix for LP */
|
|
|
|
|
|
.block-language-dataview.node-insert-event > div.markdown-rendered.cm-embed-block {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .dataview {
|
|
|
|
|
|
/* Source View */
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .dataview.table-view-table {
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .dataview.table-view-table > thead > tr > th {
|
|
|
|
|
|
font-size: var(--font-scale-1);
|
|
|
|
|
|
border-width: 0px;
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-right: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .dataview.table-view-table thead, .markdown-source-view.mod-cm6 .dataview.table-view-table tr, .markdown-source-view.mod-cm6 .dataview.table-view-table td, .markdown-source-view.mod-cm6 .dataview.table-view-table th {
|
|
|
|
|
|
padding: 4px 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .dataview.table-view-table thead {
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .dataview.table-view-table thead.table-view-thead tr th {
|
|
|
|
|
|
font-size: var(--font-scale-1);
|
|
|
|
|
|
color: var(--md-color-code-red-1);
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .dataview.table-view-table .table-view-tbody tr {
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .dataview.table-view-table .table-view-tbody td {
|
|
|
|
|
|
padding: 4px 10px;
|
|
|
|
|
|
border-right: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .markdown-source-view.mod-cm6 .dataview.table-view-table .table-view-tbody tr {
|
|
|
|
|
|
background: var(--color-l-whiter);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .markdown-source-view.mod-cm6 .dataview.table-view-table .table-view-tbody tr {
|
|
|
|
|
|
background: var(--color-d-blacker);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .dataview.table-view-table .table-view-tbody td:not(td:last-of-type) {
|
|
|
|
|
|
padding: 4px 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .dataview.table-view-table ul.dataview-ul {
|
|
|
|
|
|
list-style: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view .dataview {
|
|
|
|
|
|
/* Preview View */
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view .dataview.table-view-table {
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view .dataview.table-view-table > thead > tr > th {
|
|
|
|
|
|
font-size: var(--font-scale-1);
|
|
|
|
|
|
border-width: 0px;
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-right: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view .dataview.table-view-table .table-view-tbody tr {
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view .dataview.table-view-table .table-view-tbody td {
|
|
|
|
|
|
padding: 4px 10px;
|
|
|
|
|
|
border-right: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-preview-view .dataview.table-view-table ul.dataview-ul {
|
|
|
|
|
|
list-style: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Dataview Task List */
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .cm-embed-block .block-language-dataview h4 {
|
|
|
|
|
|
margin: 15px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .cm-embed-block .block-language-dataview h4:first-of-type {
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .cm-embed-block .block-language-dataview .dataview.result-group input.task-list-item-checkbox {
|
|
|
|
|
|
margin-right: var(--scale-2-3);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Dataview List */
|
|
|
|
|
|
.markdown-source-view.mod-cm6 .cm-embed-block .block-language-dataview ul.dataview.list-view-ul {
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Supercharged Links
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
/* Supercharged Links Reset for Source View */
|
|
|
|
|
|
.cm-s-obsidian span.cm-hmd-internal-link span[data-link-tags], .cm-s-obsidian span[data-link-tags] .cm-underline {
|
|
|
|
|
|
color: inherit;
|
|
|
|
|
|
text-decoration: inherit;
|
|
|
|
|
|
text-underline-position: inherit;
|
|
|
|
|
|
text-decoration-thickness: inherit;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Supercharged Links Reset for Preview View */
|
|
|
|
|
|
.internal-link.data-link-icon {
|
|
|
|
|
|
color: inherit;
|
|
|
|
|
|
transition: var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Map View
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.workspace-leaf-content[data-type=map] img {
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-leaf-content[data-type=map] button {
|
|
|
|
|
|
background: var(--interactive-accent);
|
|
|
|
|
|
color: var(--text-on-accent);
|
|
|
|
|
|
margin-top: var(--scale-2-2);
|
|
|
|
|
|
margin-bottom: var(--scale-2-3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-leaf-content[data-type=map] input[type=checkbox] {
|
|
|
|
|
|
vertical-align: text-top;
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
border-radius: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-leaf-content[data-type=map] input[type=checkbox]:checked {
|
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2z'%3E%3C/path%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-leaf-content[data-type=map] .graph-controls {
|
|
|
|
|
|
max-width: 242px;
|
|
|
|
|
|
padding: var(--scale-2-6) var(--scale-2-6) var(--scale-2-6) var(--scale-2-6);
|
|
|
|
|
|
margin-right: var(--scale-8-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-leaf-content[data-type=map] .graph-control-content {
|
|
|
|
|
|
margin-top: var(--scale-2-3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.workspace-leaf-content[data-type=map] .extra-marker .svg-inline--fa, .workspace-leaf-content[data-type=map] .extra-marker i.fa, .workspace-leaf-content[data-type=map] .extra-marker i.fab, .workspace-leaf-content[data-type=map] .extra-marker i.fas, .workspace-leaf-content[data-type=map] .extra-marker i.far, .workspace-leaf-content[data-type=map] .extra-marker i.fal {
|
|
|
|
|
|
margin-top: 11px;
|
|
|
|
|
|
margin-left: 1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Hover Editor
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.hover-editor.popover {
|
|
|
|
|
|
--he-popover-border-radius: var(--scale-2-4);
|
|
|
|
|
|
--he-title-bar-height: 24px;
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hover-editor.popover .popover-titlebar .popover-title.popover-title {
|
|
|
|
|
|
font-weight: var(--font-bold);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hover-editor.popover.show-navbar .popover-titlebar {
|
|
|
|
|
|
box-shadow: 0px -1px 0px 0px var(--background-modifier-border) inset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hover-editor.popover.is-minimized {
|
|
|
|
|
|
box-shadow: var(--shadow-s) var(--background-modifier-box-shadow);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .hover-editor.popover {
|
|
|
|
|
|
--he-title-bar-inactive-pinned-bg: var(--background-primary);
|
|
|
|
|
|
--he-title-bar-inactive-fg: var(--text-faint);
|
|
|
|
|
|
--he-title-bar-active-action: var(--he-title-bar-inactive-fg);
|
|
|
|
|
|
--he-title-bar-inactive-action: var(--text-faint);
|
|
|
|
|
|
--he-title-bar-active-pinned-bg: var(--background-primary-alt);
|
|
|
|
|
|
--he-title-bar-active-fg: var(--color-l-gray-80);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .hover-editor.popover.is-active {
|
|
|
|
|
|
--he-title-bar-active-action: var(--he-title-bar-active-fg);
|
|
|
|
|
|
--he-title-bar-inactive-action: var(--he-title-bar-active-fg);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .hover-editor.popover.is-active .popover-titlebar {
|
|
|
|
|
|
--he-title-bar-active-bg: var(--background-primary);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .hover-editor.popover:not(.is-pinned) {
|
|
|
|
|
|
--he-title-bar-inactive-bg: var(--background-primary);
|
|
|
|
|
|
--he-title-bar-inactive-action: var(--text-faint);
|
|
|
|
|
|
--he-title-bar-active-fg: var(--color-l-gray-80);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-error) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .hover-editor.popover .popover-action {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0 var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .hover-editor.popover .popover-action.mod-show-navbar:hover {
|
|
|
|
|
|
background: var(--color-l-blue-300);
|
|
|
|
|
|
color: var(--color-l-whiter);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .hover-editor.popover .popover-action.mod-minimize:hover {
|
|
|
|
|
|
background: var(--color-l-blue-500);
|
|
|
|
|
|
color: var(--color-l-whiter);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .hover-editor.popover .popover-action.mod-maximize:hover {
|
|
|
|
|
|
background: var(--color-l-yellow-500);
|
|
|
|
|
|
color: var(--color-l-whiter);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .hover-editor.popover .popover-action.mod-close:hover {
|
|
|
|
|
|
background: var(--color-l-red-500);
|
|
|
|
|
|
color: var(--color-l-whiter);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .hover-editor.popover {
|
|
|
|
|
|
--he-title-bar-inactive-pinned-bg: var(--background-primary);
|
|
|
|
|
|
--he-title-bar-inactive-fg: var(--text-faint);
|
|
|
|
|
|
--he-title-bar-active-action: var(--he-title-bar-inactive-fg);
|
|
|
|
|
|
--he-title-bar-inactive-action: var(--text-faint);
|
|
|
|
|
|
--he-title-bar-active-pinned-bg: var(--background-primary-alt);
|
|
|
|
|
|
--he-title-bar-active-fg: var(--color-d-gray-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .hover-editor.popover.is-active {
|
|
|
|
|
|
--he-title-bar-active-action: var(--he-title-bar-active-fg);
|
|
|
|
|
|
--he-title-bar-inactive-action: var(--he-title-bar-active-fg);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .hover-editor.popover.is-active .popover-titlebar {
|
|
|
|
|
|
--he-title-bar-active-bg: var(--background-primary);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .hover-editor.popover:not(.is-pinned) {
|
|
|
|
|
|
--he-title-bar-inactive-bg: var(--background-primary);
|
|
|
|
|
|
--he-title-bar-inactive-action: var(--text-faint);
|
|
|
|
|
|
--he-title-bar-active-fg: var(--color-d-gray-20);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-error) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .hover-editor.popover .popover-action {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0 var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .hover-editor.popover .popover-action.mod-show-navbar:hover {
|
|
|
|
|
|
background: var(--color-d-blue-300);
|
|
|
|
|
|
color: var(--color-d-whiter);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .hover-editor.popover .popover-action.mod-minimize:hover {
|
|
|
|
|
|
background: var(--color-d-blue-700);
|
|
|
|
|
|
color: var(--color-d-whiter);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .hover-editor.popover .popover-action.mod-maximize:hover {
|
|
|
|
|
|
background: var(--color-d-yellow-700);
|
|
|
|
|
|
color: var(--color-d-whiter);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .hover-editor.popover .popover-action.mod-close:hover {
|
|
|
|
|
|
background: var(--color-d-red-700);
|
|
|
|
|
|
color: var(--color-d-whiter);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hover-editor.popover .workspace-leaf {
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Full Calendar Plugin
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
.fc {
|
|
|
|
|
|
--fc-button-active-bg-color: var(--interactive-accent) !important;
|
|
|
|
|
|
--fc-event-bg-color: var(--text-highlight-bg) !important;
|
|
|
|
|
|
--fc-now-indicator-color: var(--interactive-accent) !important;
|
|
|
|
|
|
--fc-highlight-color: var(--background-primary-alt) !important;
|
|
|
|
|
|
--fc-today-bg-color: var(--background-primary-alt) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.fc-button-active {
|
|
|
|
|
|
background-color: var(--fc-button-active-bg-color) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.fc th {
|
|
|
|
|
|
background: var(--background-primary-alt);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.fc .fc-button-primary:not(:disabled):active,
|
|
|
|
|
|
.fc .fc-button-primary:not(:disabled).fc-button-active {
|
|
|
|
|
|
border-color: transparent;
|
|
|
|
|
|
border-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.fc .fc-button-primary:not(:disabled):active:focus,
|
|
|
|
|
|
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
|
|
|
|
|
|
box-shadow: initial !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.fc .fc-highlight {
|
|
|
|
|
|
background: transparent !important;
|
|
|
|
|
|
background: transparent !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
|
|
|
|
|
|
margin-bottom: 0em !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.fc-v-event .fc-event-title {
|
|
|
|
|
|
display: inline-block !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.fc .fc-timegrid-divider {
|
|
|
|
|
|
background: var(--fc-border-color) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.fc .fc-timegrid-now-indicator-line {
|
|
|
|
|
|
border-color: black !important;
|
|
|
|
|
|
border-color: var(--fc-now-indicator-color, black) !important;
|
|
|
|
|
|
border-width: 2px 0 0 !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.fc-theme-standard .fc-list-day-cushion {
|
|
|
|
|
|
background-color: var(--background-primary-alt) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Style Settings Plugin Styling
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
div.style-settings-container {
|
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-container[data-level="0"] {
|
|
|
|
|
|
margin-left: 4px;
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-container .setting-item:not(:first-child) {
|
|
|
|
|
|
padding-top: var(--scale-8-1);
|
|
|
|
|
|
padding-bottom: var(--scale-8-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-container .setting-item:first-child:not(.style-settings-heading) {
|
|
|
|
|
|
padding-top: var(--scale-8-1);
|
|
|
|
|
|
padding-bottom: var(--scale-8-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-container .setting-item-description {
|
|
|
|
|
|
line-height: var(--line-height-0-5);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-container .setting-item-description strong {
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-container[data-level="1"], div.style-settings-container[data-level="2"], div.style-settings-container[data-level="3"], div.style-settings-container[data-level="4"], div.style-settings-container[data-level="5"], div.style-settings-container[data-level="6"] {
|
|
|
|
|
|
padding-top: var(--scale-8-1);
|
|
|
|
|
|
border-left: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
margin-left: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-container[data-level="1"] .style-settings-heading, div.style-settings-container[data-level="2"] .style-settings-heading, div.style-settings-container[data-level="3"] .style-settings-heading, div.style-settings-container[data-level="4"] .style-settings-heading, div.style-settings-container[data-level="5"] .style-settings-heading, div.style-settings-container[data-level="6"] .style-settings-heading {
|
|
|
|
|
|
padding-top: var(--scale-2-4);
|
|
|
|
|
|
padding-bottom: var(--scale-2-4);
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-heading {
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-heading.setting-item {
|
|
|
|
|
|
padding-top: var(--scale-8-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-heading .setting-item-description {
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
padding-left: 26px;
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-heading[data-level="0"][data-id=primary-ceciliamay] .style-settings-collapse-indicator svg.right-triangle {
|
|
|
|
|
|
transform: initial;
|
|
|
|
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23,3H13a1,1,0,0,0-1,1V7.27L9.6,3.11a2,2,0,0,0-3.47,0h0L.13,13.5a1,1,0,0,0,0,1A1,1,0,0,0,1,15H5.29A6.91,6.91,0,0,0,5,17a7,7,0,0,0,14,0,6.91,6.91,0,0,0-.29-2H23a1,1,0,0,0,1-1V4A1,1,0,0,0,23,3ZM2.73,13,7.86,4.11,11.29,10a7,7,0,0,0-5,3ZM12,22a5,5,0,1,1,5-5A5,5,0,0,1,12,22Zm10-9H17.74A7.07,7.07,0,0,0,14,10.29V5h8Z'/%3E%3C/svg%3E");
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-heading[data-level="0"] {
|
|
|
|
|
|
border-top: unset;
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-heading[data-level="0"] + .style-settings-container {
|
|
|
|
|
|
padding-left: var(--scale-8-2);
|
|
|
|
|
|
border-left: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-heading[data-level="0"] + .style-settings-container .style-settings-collapse-indicator {
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-heading[data-level="1"] + .style-settings-container, div.style-settings-heading[data-level="2"] + .style-settings-container, div.style-settings-heading[data-level="3"] + .style-settings-container, div.style-settings-heading[data-level="4"] + .style-settings-container, div.style-settings-heading[data-level="5"] + .style-settings-container, div.style-settings-heading[data-level="6"] + .style-settings-container {
|
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
|
padding-left: var(--scale-8-2);
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-heading[data-id=primary-wiki][data-level="1"], div.style-settings-heading[data-id=primary-wiki][data-level="2"], div.style-settings-heading[data-id=primary-wiki][data-level="3"] {
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
div.style-settings-heading[data-id=primary-wiki] .style-settings-collapse-indicator, div.style-settings-heading[data-id=primary-wiki] .setting-editor-extra-setting-button {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.style-settings-collapse-indicator svg {
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vertical-tab-content > .setting-item.setting-item-heading.style-settings-heading {
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.setting-item.setting-item-heading.style-settings-heading:hover .style-settings-collapse-indicator {
|
|
|
|
|
|
color: var(--interactive-accent-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.setting-item.setting-item-heading.style-settings-heading:hover .setting-item-name {
|
|
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed) .style-settings-collapse-indicator {
|
|
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
div.workspace-leaf-content[data-type=style-settings] .view-content {
|
|
|
|
|
|
padding: 20px 35px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
div.workspace-leaf-content[data-type=style-settings] .view-content .style-settings-container div.setting-item:not(.setting-item-heading) {
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* vertically center toggles, dropdowns, etc. */
|
|
|
|
|
|
.view-content .style-settings-container .setting-item:not(.setting-item-heading) {
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* removes padding-top on toggles, dropdowns, etc. */
|
|
|
|
|
|
.view-content .style-settings-container .setting-item:not(.setting-item-heading) .setting-item-control {
|
|
|
|
|
|
padding-top: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
div.themed-color-wrapper > div {
|
|
|
|
|
|
margin-right: var(--scale-2-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal div.themed-color-wrapper > div {
|
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
div.themed-color-wrapper > div + div {
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
margin-right: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal div.themed-color-wrapper > div + div {
|
|
|
|
|
|
margin-top: var(--scale-2-5);
|
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light div.themed-color-wrapper > div.theme-light {
|
|
|
|
|
|
background: var(--color-l-whiter);
|
|
|
|
|
|
border: 1px solid var(--color-l-gray-40);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 3px var(--color-l-gray-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light div.themed-color-wrapper > div.theme-dark {
|
|
|
|
|
|
background: var(--color-l-gray-100);
|
|
|
|
|
|
border: 1px solid var(--color-l-gray-80);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 3px var(--color-l-black);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark div.themed-color-wrapper > div.theme-light {
|
|
|
|
|
|
background: var(--color-d-whiter);
|
|
|
|
|
|
border: 1px solid var(--color-d-gray-20);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 3px var(--color-d-gray-10);
|
|
|
|
|
|
margin-right: var(--scale-8-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark div.themed-color-wrapper > div.theme-dark {
|
|
|
|
|
|
background: var(--color-d-black);
|
|
|
|
|
|
border: 1px solid var(--color-d-gray-50);
|
|
|
|
|
|
box-shadow: 0px 0px 0px 3px var(--color-d-blacker);
|
|
|
|
|
|
margin-right: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pickr-reset.pickr-reset.pickr-reset button[aria-label="Restore default"] {
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.pickr-reset.pickr-reset.pickr-reset button[aria-label="Restore default"]:hover, .pickr-reset.pickr-reset.pickr-reset button[aria-label="Restore default"]:focus {
|
|
|
|
|
|
color: var(--text-normal);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.pickr-reset.pickr-reset.pickr-reset button[aria-label="Restore default"]:active {
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
button.pcr-button.pcr-button.pcr-button[type=button][aria-label="toggle color picker dialog"] {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
border: 1px solid gray;
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────── fonts ──────────*/
|
|
|
|
|
|
/* inter alternative version */
|
|
|
|
|
|
.inter-alt {
|
|
|
|
|
|
-webkit-font-feature-settings: "cv01", "cv05", "cv06", "cv11";
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* tabular nums */
|
|
|
|
|
|
.tabular-nums * {
|
|
|
|
|
|
font-variant-numeric: tabular-nums;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* scroll__scalable-fonts */
|
|
|
|
|
|
body.scroll__scalable-fonts div:where(.workspace:not(.workspace .workspace-tab-container-inner), .modal, .prompt) {
|
|
|
|
|
|
font-size: var(--font-scale-1);
|
|
|
|
|
|
/*──────────Typography Modular Scale──────────*/
|
|
|
|
|
|
/* Based on Standard 16px, Ratio 1.388 */
|
|
|
|
|
|
--font-scale-000: calc(var(--font-text-size) * 0.547);
|
|
|
|
|
|
--font-scale-00: calc(var(--font-text-size) * 0.676);
|
|
|
|
|
|
--font-scale-0: calc(var(--font-text-size) * 0.81);
|
|
|
|
|
|
--font-scale-0-5: calc(var(--font-text-size) * 0.875);
|
|
|
|
|
|
--font-scale-1: calc(var(--font-text-size) * 1);
|
|
|
|
|
|
--font-scale-2: calc(var(--font-text-size) * 1.188);
|
|
|
|
|
|
--font-scale-3: calc(var(--font-text-size) * 1.388);
|
|
|
|
|
|
--font-scale-4: calc(var(--font-text-size) * 1.648);
|
|
|
|
|
|
--font-scale-5: calc(var(--font-text-size) * 1.927);
|
|
|
|
|
|
--font-scale-6: calc(var(--font-text-size) * 2.288);
|
|
|
|
|
|
--font-scale-7: calc(var(--font-text-size) * 2.678);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────── workspace-components ──────────*/
|
|
|
|
|
|
/* vault title */
|
|
|
|
|
|
.vault-title__titlebar .titlebar-text, .vault-title__file-explorer .nav-folder-title[data-path="/"] {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* hide note header, show on hover */
|
|
|
|
|
|
.hide__note-header:not(.plugin-sliding-panes, .plugin-sliding-panes-rotate-header, .plugin-sliding-panes-stacking, .plugin-sliding-select-orientation-sideway, .is-mobile) .workspace-leaf .view-header.view-header.view-header {
|
|
|
|
|
|
height: var(--scale-8-1) !important;
|
|
|
|
|
|
border-bottom: 1px solid transparent !important;
|
|
|
|
|
|
transition: var(--duration-fast-2) var(--motion-delay);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__note-header:not(.plugin-sliding-panes, .plugin-sliding-panes-rotate-header, .plugin-sliding-panes-stacking, .plugin-sliding-select-orientation-sideway, .is-mobile) .workspace-leaf .view-header.view-header.view-header:hover {
|
|
|
|
|
|
height: var(--scale-2-18) !important;
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border) !important;
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__note-header:not(.plugin-sliding-panes, .plugin-sliding-panes-rotate-header, .plugin-sliding-panes-stacking, .plugin-sliding-select-orientation-sideway, .is-mobile) .view-content {
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__note-header:not(.plugin-sliding-panes, .plugin-sliding-panes-rotate-header, .plugin-sliding-panes-stacking, .plugin-sliding-select-orientation-sideway, .is-mobile) .view-header-title, .hide__note-header:not(.plugin-sliding-panes, .plugin-sliding-panes-rotate-header, .plugin-sliding-panes-stacking, .plugin-sliding-select-orientation-sideway, .is-mobile) .view-header-icon, .hide__note-header:not(.plugin-sliding-panes, .plugin-sliding-panes-rotate-header, .plugin-sliding-panes-stacking, .plugin-sliding-select-orientation-sideway, .is-mobile) .view-header .view-actions {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
transition: opacity var(--duration-fast-2) var(--motion-delay);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__note-header:not(.plugin-sliding-panes, .plugin-sliding-panes-rotate-header, .plugin-sliding-panes-stacking, .plugin-sliding-select-orientation-sideway, .is-mobile) .view-header-title:hover, .hide__note-header:not(.plugin-sliding-panes, .plugin-sliding-panes-rotate-header, .plugin-sliding-panes-stacking, .plugin-sliding-select-orientation-sideway, .is-mobile) .view-header-icon:hover, .hide__note-header:not(.plugin-sliding-panes, .plugin-sliding-panes-rotate-header, .plugin-sliding-panes-stacking, .plugin-sliding-select-orientation-sideway, .is-mobile) .view-header .view-actions:hover {
|
|
|
|
|
|
transition: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__note-header:not(.plugin-sliding-panes, .plugin-sliding-panes-rotate-header, .plugin-sliding-panes-stacking, .plugin-sliding-select-orientation-sideway, .is-mobile) .view-header:hover .view-header-title, .hide__note-header:not(.plugin-sliding-panes, .plugin-sliding-panes-rotate-header, .plugin-sliding-panes-stacking, .plugin-sliding-select-orientation-sideway, .is-mobile) .view-header:hover .view-header-icon, .hide__note-header:not(.plugin-sliding-panes, .plugin-sliding-panes-rotate-header, .plugin-sliding-panes-stacking, .plugin-sliding-select-orientation-sideway, .is-mobile) .view-header:hover .view-actions {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__note-header:not(.plugin-sliding-panes, .plugin-sliding-panes-rotate-header, .plugin-sliding-panes-stacking, .plugin-sliding-select-orientation-sideway, .is-mobile) .graph-controls.is-close {
|
|
|
|
|
|
margin-top: 36px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* unwrap file titles in file explorer */
|
|
|
|
|
|
.linewrap-file__file-explorer .nav-file-title {
|
|
|
|
|
|
width: max-content;
|
|
|
|
|
|
padding-right: var(--scale-8-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.linewrap-file__file-explorer .nav-file-title-content {
|
|
|
|
|
|
white-space: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* unwrap folder titles in file explorer */
|
|
|
|
|
|
.linewrap-folder__file-explorer .nav-folder-title {
|
|
|
|
|
|
width: max-content;
|
|
|
|
|
|
padding-right: var(--scale-8-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.linewrap-folder__file-explorer .nav-folder-title {
|
|
|
|
|
|
white-space: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* hide side dock ribbon */
|
|
|
|
|
|
.hide__sidedockribbon-full:not(.is-mobile) .side-dock-ribbon {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.hide__sidedockribbon-hover:not(.is-mobile) {
|
|
|
|
|
|
--sdr-left-height: clamp(150px, 20vh, 1200px);
|
|
|
|
|
|
--sdr-left-height-hover: clamp(150px, 40vh, 1200px);
|
|
|
|
|
|
--sdr-right-height: 45px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-hover:not(.is-mobile) .side-dock-ribbon.side-dock-ribbon {
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
overflow-y: hidden;
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-hover:not(.is-mobile) .side-dock-ribbon.side-dock-ribbon:hover {
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
transform: scale(1.15);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-hover:not(.is-mobile) .side-dock-ribbon.side-dock-ribbon:not(.is-collapsed) {
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-hover:not(.is-mobile) .side-dock-ribbon.side-dock-ribbon.mod-left {
|
|
|
|
|
|
left: -28px;
|
|
|
|
|
|
top: calc(50% - var(--sdr-left-height) / 2);
|
|
|
|
|
|
height: var(--sdr-left-height);
|
|
|
|
|
|
border-top-right-radius: var(--scale-2-4);
|
|
|
|
|
|
border-bottom-right-radius: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-hover:not(.is-mobile) .side-dock-ribbon.side-dock-ribbon.mod-left:hover {
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
top: calc(50% - var(--sdr-left-height-hover) / 2);
|
|
|
|
|
|
height: var(--sdr-left-height-hover);
|
|
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-hover:not(.is-mobile) .side-dock-ribbon.side-dock-ribbon.mod-right {
|
|
|
|
|
|
right: -28px;
|
|
|
|
|
|
top: calc(50% - var(--sdr-right-height) / 2);
|
|
|
|
|
|
height: var(--sdr-right-height);
|
|
|
|
|
|
border-top-left-radius: var(--scale-2-4);
|
|
|
|
|
|
border-bottom-left-radius: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-hover:not(.is-mobile) .side-dock-ribbon.side-dock-ribbon.mod-right:hover {
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-hover:not(.is-mobile) .side-dock-ribbon.side-dock-ribbon::-webkit-scrollbar {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.hide__sidedockribbon-minifloating:not(.is-mobile) {
|
|
|
|
|
|
/* hide status bar fix */
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-minifloating:not(.is-mobile) .side-dock-ribbon {
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
opacity: 0.5;
|
|
|
|
|
|
transition: opacity var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-minifloating:not(.is-mobile) .side-dock-ribbon:hover {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-minifloating:not(.is-mobile) .side-dock-ribbon.is-collapsed {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-minifloating:not(.is-mobile) .mod-left.side-dock-ribbon {
|
|
|
|
|
|
width: 36px;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
margin-left: var(--scale-2-6);
|
|
|
|
|
|
margin-bottom: var(--scale-2-6);
|
|
|
|
|
|
transition: var(--duration-fast-2) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-minifloating:not(.is-mobile) .mod-left.side-dock-ribbon:hover {
|
|
|
|
|
|
flex: 0 0 var(--scale-2-18);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-minifloating:not(.is-mobile) .mod-left.side-dock-ribbon .side-dock-actions {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-minifloating:not(.is-mobile) .mod-left.side-dock-ribbon .side-dock-ribbon-action {
|
|
|
|
|
|
padding-bottom: var(--scale-2-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-minifloating:not(.is-mobile) .mod-left.side-dock-ribbon .workspace-ribbon-collapse-btn {
|
|
|
|
|
|
justify-items: flex-end;
|
|
|
|
|
|
padding: var(--scale-2-4) var(--scale-2-4) var(--scale-2-2) var(--scale-2-4);
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-minifloating:not(.is-mobile) .mod-right.side-dock-ribbon {
|
|
|
|
|
|
transition: var(--duration-fast-2) var(--motion-smooth);
|
|
|
|
|
|
width: 36px;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
margin-right: var(--scale-8-2);
|
|
|
|
|
|
margin-bottom: var(--scale-8-5);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-minifloating:not(.is-mobile) .mod-right.side-dock-ribbon .workspace-ribbon-collapse-btn {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-minifloating:not(.is-mobile).hider-status .mod-right.side-dock-ribbon, .hide__sidedockribbon-minifloating:not(.is-mobile).hide__status-bar .mod-right.side-dock-ribbon {
|
|
|
|
|
|
margin-bottom: var(--scale-8-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.hide__sidedockribbon-fullfloating:not(.is-mobile) {
|
|
|
|
|
|
/* hide status bar fix */
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-fullfloating:not(.is-mobile) .side-dock-ribbon {
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
opacity: 0.5;
|
|
|
|
|
|
transition: opacity var(--duration-superfast) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-fullfloating:not(.is-mobile) .side-dock-ribbon:hover {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-fullfloating:not(.is-mobile) .side-dock-ribbon.is-collapsed {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-fullfloating:not(.is-mobile) .mod-left.side-dock-ribbon {
|
|
|
|
|
|
width: 36px;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
margin-left: var(--scale-2-6);
|
|
|
|
|
|
margin-bottom: var(--scale-2-6);
|
|
|
|
|
|
transition: var(--duration-fast-2) var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-fullfloating:not(.is-mobile) .mod-left.side-dock-ribbon:hover {
|
|
|
|
|
|
flex: 0 0 var(--scale-2-18);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-fullfloating:not(.is-mobile) .mod-left.side-dock-ribbon .side-dock-ribbon-action {
|
|
|
|
|
|
padding-bottom: var(--scale-2-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-fullfloating:not(.is-mobile) .mod-left.side-dock-ribbon .workspace-ribbon-collapse-btn {
|
|
|
|
|
|
justify-items: flex-end;
|
|
|
|
|
|
padding: var(--scale-2-4) var(--scale-2-4) var(--scale-2-2) var(--scale-2-4);
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-fullfloating:not(.is-mobile) .mod-right.side-dock-ribbon {
|
|
|
|
|
|
transition: var(--duration-fast-2) var(--motion-smooth);
|
|
|
|
|
|
width: 36px;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
margin-right: var(--scale-2-6);
|
|
|
|
|
|
margin-bottom: var(--scale-8-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-fullfloating:not(.is-mobile) .mod-right.side-dock-ribbon .workspace-ribbon-collapse-btn {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hide__sidedockribbon-fullfloating:not(.is-mobile).hider-status .mod-right.side-dock-ribbon, .hide__sidedockribbon-fullfloating:not(.is-mobile).hide__status-bar .mod-right.side-dock-ribbon {
|
|
|
|
|
|
margin-bottom: var(--scale-2-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* hide status bar */
|
|
|
|
|
|
.hide__status-bar .status-bar {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* only show sync status bar */
|
|
|
|
|
|
.sync-only-status-bar .status-bar .status-bar-item:not(.plugin-sync) {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* tab header */
|
|
|
|
|
|
/* Size */
|
|
|
|
|
|
.tab-header__size-small .workspace-tab-header {
|
|
|
|
|
|
height: var(--scale-8-4);
|
|
|
|
|
|
padding: var(--scale-2-3) calc(1px + var(--scale-2-3)) var(--scale-2-3) calc(1px + var(--scale-2-3));
|
|
|
|
|
|
margin: var(--scale-0-0) var(--scale-2-1) var(--scale-2-1) var(--scale-2-1);
|
|
|
|
|
|
border-radius: calc(1px + var(--scale-2-3));
|
|
|
|
|
|
}
|
|
|
|
|
|
.tab-header__size-small .workspace-tab-header-container {
|
|
|
|
|
|
margin-top: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
.tab-header__size-small .workspace-tab-header-inner-icon {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.tab-header__size-small .workspace-tab-header-inner-icon svg {
|
|
|
|
|
|
width: 15px !important;
|
|
|
|
|
|
height: 15px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Style */
|
|
|
|
|
|
.tab-header__style-minimal .workspace-tab-header {
|
|
|
|
|
|
height: calc(-1px + var(--scale-8-4));
|
|
|
|
|
|
margin-top: var(--scale-2-1);
|
|
|
|
|
|
margin-bottom: var(--scale-2-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.tab-header__style-minimal .workspace-tab-header .workspace-tab-header-inner-icon svg {
|
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
|
}
|
|
|
|
|
|
.tab-header__style-minimal .workspace-tab-header-container {
|
|
|
|
|
|
margin-top: var(--scale-0-0);
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
.tab-header__style-minimal .workspace-tab-header.is-active.is-active:nth-child(3n+1), .tab-header__style-minimal .workspace-tab-header.is-active.is-active:nth-child(3n+2), .tab-header__style-minimal .workspace-tab-header.is-active.is-active:nth-child(3n+3) {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
border: 1px solid transparent !important;
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.tab-header__style-minimal .workspace-tab-header:not(.is-active):nth-child(3n+1), .tab-header__style-minimal .workspace-tab-header:not(.is-active):nth-child(3n+2), .tab-header__style-minimal .workspace-tab-header:not(.is-active):nth-child(3n+3) {
|
|
|
|
|
|
border: 1px solid transparent !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.tab-header__style-minimal .workspace-tab-header:not(.is-active):nth-child(3n+1):hover, .tab-header__style-minimal .workspace-tab-header:not(.is-active):nth-child(3n+1):active, .tab-header__style-minimal .workspace-tab-header:not(.is-active):nth-child(3n+2):hover, .tab-header__style-minimal .workspace-tab-header:not(.is-active):nth-child(3n+2):active, .tab-header__style-minimal .workspace-tab-header:not(.is-active):nth-child(3n+3):hover, .tab-header__style-minimal .workspace-tab-header:not(.is-active):nth-child(3n+3):active {
|
|
|
|
|
|
border: 1px solid transparent !important;
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
translate: initial;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Alignment */
|
|
|
|
|
|
/** Left **/
|
|
|
|
|
|
.tab-header__align-modleft-center .mod-left-split .workspace-tab-header-container {
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.tab-header__align-modleft-center .mod-left-split .workspace-tab-header-container .workspace-tab-container-inner {
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.tab-header__align-modleft-right .mod-left-split .workspace-tab-header-container {
|
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
}
|
|
|
|
|
|
.tab-header__align-modleft-right .mod-left-split .workspace-tab-header-container .workspace-tab-container-inner {
|
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/** Right **/
|
|
|
|
|
|
.tab-header__align-modright-center .mod-right-split .workspace-tab-header-container {
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.tab-header__align-modright-center .mod-right-split .workspace-tab-header-container .workspace-tab-container-inner {
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.tab-header__align-modright-left .mod-right-split .workspace-tab-header-container {
|
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
|
}
|
|
|
|
|
|
.tab-header__align-modright-left .mod-right-split .workspace-tab-header-container .workspace-tab-container-inner {
|
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Color Alignment */
|
|
|
|
|
|
/** Left Sidebar **/
|
|
|
|
|
|
/*** Right to Left */
|
|
|
|
|
|
body.tab-header__left-color-rtl.theme-light .mod-left-split .workspace-tab-header.is-active:nth-child(3n+1) {
|
|
|
|
|
|
color: var(--color-l-blue-500);
|
|
|
|
|
|
border: 1px solid var(--color-l-blue-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
body.tab-header__left-color-rtl.theme-light .mod-left-split .workspace-tab-header.is-active:nth-child(3n+2) {
|
|
|
|
|
|
color: var(--color-l-red-500);
|
|
|
|
|
|
border: 1px solid var(--color-l-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
body.tab-header__left-color-rtl.theme-light .mod-left-split .workspace-tab-header.is-active:nth-child(3n+3) {
|
|
|
|
|
|
color: var(--color-l-yellow-500);
|
|
|
|
|
|
border: 1px solid var(--color-l-yellow-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
body.tab-header__left-color-rtl.theme-dark .mod-left-split .workspace-tab-header.is-active:nth-child(3n+1) {
|
|
|
|
|
|
color: var(--color-d-blue-700);
|
|
|
|
|
|
border: 1px solid var(--color-d-blue-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
body.tab-header__left-color-rtl.theme-dark .mod-left-split .workspace-tab-header.is-active:nth-child(3n+2) {
|
|
|
|
|
|
color: var(--color-d-red-700);
|
|
|
|
|
|
border: 1px solid var(--color-d-red-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
body.tab-header__left-color-rtl.theme-dark .mod-left-split .workspace-tab-header.is-active:nth-child(3n+3) {
|
|
|
|
|
|
color: var(--color-d-yellow-700);
|
|
|
|
|
|
border: 1px solid var(--color-d-yellow-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/** Right Sidebar **/
|
|
|
|
|
|
/*** Left to Right ***/
|
|
|
|
|
|
body.tab-header__right-color-ltr.theme-light .mod-right-split .workspace-tab-header.is-active.is-active:nth-child(3n+1) {
|
|
|
|
|
|
color: var(--color-l-yellow-500);
|
|
|
|
|
|
border: 1px solid var(--color-l-yellow-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
body.tab-header__right-color-ltr.theme-light .mod-right-split .workspace-tab-header.is-active.is-active:nth-child(3n+2) {
|
|
|
|
|
|
color: var(--color-l-red-500);
|
|
|
|
|
|
border: 1px solid var(--color-l-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
body.tab-header__right-color-ltr.theme-light .mod-right-split .workspace-tab-header.is-active.is-active:nth-child(3n+3) {
|
|
|
|
|
|
color: var(--color-l-blue-500);
|
|
|
|
|
|
border: 1px solid var(--color-l-blue-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
body.tab-header__right-color-ltr.theme-dark .mod-right-split .workspace-tab-header.is-active.is-active:nth-child(3n+1) {
|
|
|
|
|
|
color: var(--color-d-yellow-700);
|
|
|
|
|
|
border: 1px solid var(--color-d-yellow-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
body.tab-header__right-color-ltr.theme-dark .mod-right-split .workspace-tab-header.is-active.is-active:nth-child(3n+2) {
|
|
|
|
|
|
color: var(--color-d-red-700);
|
|
|
|
|
|
border: 1px solid var(--color-d-red-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
body.tab-header__right-color-ltr.theme-dark .mod-right-split .workspace-tab-header.is-active.is-active:nth-child(3n+3) {
|
|
|
|
|
|
color: var(--color-d-blue-700);
|
|
|
|
|
|
border: 1px solid var(--color-d-blue-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Wrap */
|
|
|
|
|
|
.tab-header__wrap .workspace-tab-header {
|
|
|
|
|
|
margin-left: var(--scale-2-1);
|
|
|
|
|
|
margin-right: var(--scale-2-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
.tab-header__wrap .workspace-tab-container-inner {
|
|
|
|
|
|
margin-left: var(--scale-2-1);
|
|
|
|
|
|
margin-right: var(--scale-2-1);
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
.tab-header__wrap.tab-header__size-small .workspace-tab-container-inner {
|
|
|
|
|
|
margin-left: var(--scale-0-0);
|
|
|
|
|
|
margin-right: var(--scale-0-0);
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Animation */
|
|
|
|
|
|
.tab-header__anim-none .workspace-tab-header.workspace-tab-header.workspace-tab-header:not(.is-active):hover, .tab-header__anim-none .workspace-tab-header.workspace-tab-header.workspace-tab-header:active {
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
transform: none;
|
|
|
|
|
|
transition: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────── header-size__preset ──────────*/
|
|
|
|
|
|
body.header-size__medium { /* 1.24 Scale Ratio */
|
|
|
|
|
|
--h1: 1.907em;
|
|
|
|
|
|
--h2: 1.707em;
|
|
|
|
|
|
--h3: 1.538em;
|
|
|
|
|
|
--h4: 1.377em;
|
|
|
|
|
|
--h5: 1.24em;
|
|
|
|
|
|
--h6: 1.11em;
|
|
|
|
|
|
}
|
|
|
|
|
|
body.header-size__small { /* 1.12 Scale Ratio */
|
|
|
|
|
|
--h1: 1.405em;
|
|
|
|
|
|
--h2: 1.33em;
|
|
|
|
|
|
--h3: 1.254em;
|
|
|
|
|
|
--h4: 1.187em;
|
|
|
|
|
|
--h5: 1.12em;
|
|
|
|
|
|
--h6: 1.06em;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────── header-color__preset ──────────*/
|
|
|
|
|
|
.theme-light.header-color__yrb { /* YRB Light Mode Colors */
|
|
|
|
|
|
--h1-text-color: var(--color-l-yellow-700);
|
|
|
|
|
|
--h2-text-color: var(--color-l-red-700);
|
|
|
|
|
|
--h3-text-color: var(--color-l-blue-700);
|
|
|
|
|
|
--h4-text-color: var(--color-l-yellow-700);
|
|
|
|
|
|
--h5-text-color: var(--color-l-red-700);
|
|
|
|
|
|
--h6-text-color: var(--color-l-blue-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light.header-color__ogv { /* OGV Light Mode Colors */
|
|
|
|
|
|
--h1-text-color: var(--color-l-orange-700);
|
|
|
|
|
|
--h2-text-color: var(--color-l-green-700);
|
|
|
|
|
|
--h3-text-color: var(--color-l-violet-700);
|
|
|
|
|
|
--h4-text-color: var(--color-l-orange-700);
|
|
|
|
|
|
--h5-text-color: var(--color-l-green-700);
|
|
|
|
|
|
--h6-text-color: var(--color-l-violet-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light.header-color__rainbow { /* Rainbow Light Mode Colors */
|
|
|
|
|
|
--h1-text-color: var(--color-l-red-700);
|
|
|
|
|
|
--h2-text-color: var(--color-l-orange-500);
|
|
|
|
|
|
--h3-text-color: var(--color-l-yellow-700);
|
|
|
|
|
|
--h4-text-color: var(--color-l-green-700);
|
|
|
|
|
|
--h5-text-color: var(--color-l-blue-700);
|
|
|
|
|
|
--h6-text-color: var(--color-l-violet-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark.header-color__yrb { /* YRB Dark Mode Colors */
|
|
|
|
|
|
--h1-text-color: var(--color-d-yellow-300);
|
|
|
|
|
|
--h2-text-color: var(--color-d-red-300);
|
|
|
|
|
|
--h3-text-color: var(--color-d-blue-500);
|
|
|
|
|
|
--h4-text-color: var(--color-d-yellow-300);
|
|
|
|
|
|
--h5-text-color: var(--color-d-red-300);
|
|
|
|
|
|
--h6-text-color: var(--color-d-blue-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark.header-color__ogv { /* OGV Dark Mode Colors */
|
|
|
|
|
|
--h1-text-color: var(--color-d-orange-300);
|
|
|
|
|
|
--h2-text-color: var(--color-d-green-300);
|
|
|
|
|
|
--h3-text-color: var(--color-d-violet-500);
|
|
|
|
|
|
--h4-text-color: var(--color-d-orange-300);
|
|
|
|
|
|
--h5-text-color: var(--color-d-green-300);
|
|
|
|
|
|
--h6-text-color: var(--color-d-violet-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark.header-color__rainbow { /* Rainbow Dark Mode Colors */
|
|
|
|
|
|
--h1-text-color: var(--color-d-red-300);
|
|
|
|
|
|
--h2-text-color: var(--color-d-orange-300);
|
|
|
|
|
|
--h3-text-color: var(--color-d-yellow-300);
|
|
|
|
|
|
--h4-text-color: var(--color-d-green-500);
|
|
|
|
|
|
--h5-text-color: var(--color-d-blue-500);
|
|
|
|
|
|
--h6-text-color: var(--color-d-violet-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────── header features ──────────*/
|
|
|
|
|
|
body {
|
|
|
|
|
|
--h1-bg-color: var(--color-highlight-red);
|
|
|
|
|
|
--h2-bg-color: var(--color-highlight-orange);
|
|
|
|
|
|
--h3-bg-color: var(--color-highlight-yellow);
|
|
|
|
|
|
--h4-bg-color: var(--color-highlight-green);
|
|
|
|
|
|
--h5-bg-color: var(--color-highlight-blue);
|
|
|
|
|
|
--h6-bg-color: var(--color-highlight-violet);
|
|
|
|
|
|
--h1-border-width: 1px;
|
|
|
|
|
|
--h2-border-width: 1px;
|
|
|
|
|
|
--h3-border-width: 1px;
|
|
|
|
|
|
--h4-border-width: 1px;
|
|
|
|
|
|
--h5-border-width: 1px;
|
|
|
|
|
|
--h6-border-width: 1px;
|
|
|
|
|
|
--h1-border-color: var(--background-modifier-border);
|
|
|
|
|
|
--h2-border-color: var(--background-modifier-border);
|
|
|
|
|
|
--h3-border-color: var(--background-modifier-border);
|
|
|
|
|
|
--h4-border-color: var(--background-modifier-border);
|
|
|
|
|
|
--h5-border-color: var(--background-modifier-border);
|
|
|
|
|
|
--h6-border-color: var(--background-modifier-border);
|
|
|
|
|
|
--h1-border-radius: 0px;
|
|
|
|
|
|
--h2-border-radius: 0px;
|
|
|
|
|
|
--h3-border-radius: 0px;
|
|
|
|
|
|
--h4-border-radius: 0px;
|
|
|
|
|
|
--h5-border-radius: 0px;
|
|
|
|
|
|
--h6-border-radius: 0px;
|
|
|
|
|
|
--h1-text-align: left;
|
|
|
|
|
|
--h2-text-align: left;
|
|
|
|
|
|
--h3-text-align: left;
|
|
|
|
|
|
--h4-text-align: left;
|
|
|
|
|
|
--h5-text-align: left;
|
|
|
|
|
|
--h6-text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-line.HyperMD-header-1,
|
|
|
|
|
|
.cm-line.HyperMD-header-1 {
|
|
|
|
|
|
/* add background */
|
|
|
|
|
|
/* add border at the bottom */
|
|
|
|
|
|
/* text align */
|
|
|
|
|
|
text-align: var(--h1-text-align);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h1-background .CodeMirror-line.HyperMD-header-1,
|
|
|
|
|
|
.h1-background .cm-line.HyperMD-header-1 {
|
|
|
|
|
|
background: var(--h1-bg-color);
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-4);
|
|
|
|
|
|
border-radius: var(--h1-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h1-border .CodeMirror-line.HyperMD-header-1,
|
|
|
|
|
|
.h1-border .cm-line.HyperMD-header-1 {
|
|
|
|
|
|
padding-bottom: var(--scale-2-4);
|
|
|
|
|
|
border-bottom: var(--h1-border-width) solid var(--h1-border-color);
|
|
|
|
|
|
border-radius: var(--h1-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.CodeMirror-line.HyperMD-header-2,
|
|
|
|
|
|
.cm-line.HyperMD-header-2 {
|
|
|
|
|
|
/* add background */
|
|
|
|
|
|
/* add border at the bottom */
|
|
|
|
|
|
/* text align */
|
|
|
|
|
|
text-align: var(--h2-text-align);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h2-background .CodeMirror-line.HyperMD-header-2,
|
|
|
|
|
|
.h2-background .cm-line.HyperMD-header-2 {
|
|
|
|
|
|
background: var(--h2-bg-color);
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-4);
|
|
|
|
|
|
border-radius: var(--h2-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h2-border .CodeMirror-line.HyperMD-header-2,
|
|
|
|
|
|
.h2-border .cm-line.HyperMD-header-2 {
|
|
|
|
|
|
padding-bottom: var(--scale-2-4);
|
|
|
|
|
|
border-bottom: 1px solid var(--h2-border-color);
|
|
|
|
|
|
border-radius: var(--h2-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.CodeMirror-line.HyperMD-header-3,
|
|
|
|
|
|
.cm-line.HyperMD-header-3 {
|
|
|
|
|
|
/* add background */
|
|
|
|
|
|
/* add border at the bottom */
|
|
|
|
|
|
/* text align */
|
|
|
|
|
|
text-align: var(--h3-text-align);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h3-background .CodeMirror-line.HyperMD-header-3,
|
|
|
|
|
|
.h3-background .cm-line.HyperMD-header-3 {
|
|
|
|
|
|
background: var(--h3-bg-color);
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-4);
|
|
|
|
|
|
border-radius: var(--h3-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h3-border .CodeMirror-line.HyperMD-header-3,
|
|
|
|
|
|
.h3-border .cm-line.HyperMD-header-3 {
|
|
|
|
|
|
padding-bottom: var(--scale-2-4);
|
|
|
|
|
|
border-bottom: 1px solid var(--h3-border-color);
|
|
|
|
|
|
border-radius: var(--h3-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.CodeMirror-line.HyperMD-header-4,
|
|
|
|
|
|
.cm-line.HyperMD-header-4 {
|
|
|
|
|
|
/* add background */
|
|
|
|
|
|
/* add border at the bottom */
|
|
|
|
|
|
/* text align */
|
|
|
|
|
|
text-align: var(--h4-text-align);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h4-background .CodeMirror-line.HyperMD-header-4,
|
|
|
|
|
|
.h4-background .cm-line.HyperMD-header-4 {
|
|
|
|
|
|
background: var(--h4-bg-color);
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-4);
|
|
|
|
|
|
border-radius: var(--h4-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h4-border .CodeMirror-line.HyperMD-header-4,
|
|
|
|
|
|
.h4-border .cm-line.HyperMD-header-4 {
|
|
|
|
|
|
padding-bottom: var(--scale-2-4);
|
|
|
|
|
|
border-bottom: 1px solid var(--h4-border-color);
|
|
|
|
|
|
border-radius: var(--h4-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.CodeMirror-line.HyperMD-header-5,
|
|
|
|
|
|
.cm-line.HyperMD-header-5 {
|
|
|
|
|
|
/* add background */
|
|
|
|
|
|
/* add border at the bottom */
|
|
|
|
|
|
/* text align */
|
|
|
|
|
|
text-align: var(--h5-text-align);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h5-background .CodeMirror-line.HyperMD-header-5,
|
|
|
|
|
|
.h5-background .cm-line.HyperMD-header-5 {
|
|
|
|
|
|
background: var(--h5-bg-color);
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-4);
|
|
|
|
|
|
border-radius: var(--h5-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h5-border .CodeMirror-line.HyperMD-header-5,
|
|
|
|
|
|
.h5-border .cm-line.HyperMD-header-5 {
|
|
|
|
|
|
padding-bottom: var(--scale-2-4);
|
|
|
|
|
|
border-bottom: 1px solid var(--h5-border-color);
|
|
|
|
|
|
border-radius: var(--h5-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.CodeMirror-line.HyperMD-header-6,
|
|
|
|
|
|
.cm-line.HyperMD-header-6 {
|
|
|
|
|
|
/* add background */
|
|
|
|
|
|
/* add border at the bottom */
|
|
|
|
|
|
/* text align */
|
|
|
|
|
|
text-align: var(--h6-text-align);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h6-background .CodeMirror-line.HyperMD-header-6,
|
|
|
|
|
|
.h6-background .cm-line.HyperMD-header-6 {
|
|
|
|
|
|
background: var(--h6-bg-color);
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-4);
|
|
|
|
|
|
border-radius: var(--h6-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h6-border .CodeMirror-line.HyperMD-header-6,
|
|
|
|
|
|
.h6-border .cm-line.HyperMD-header-6 {
|
|
|
|
|
|
padding-bottom: var(--scale-2-4);
|
|
|
|
|
|
border-bottom: 1px solid var(--h6-border-color);
|
|
|
|
|
|
border-radius: var(--h6-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
|
|
/* add background */
|
|
|
|
|
|
/* add border at the bottom */
|
|
|
|
|
|
/* text align */
|
|
|
|
|
|
text-align: var(--h1-text-align);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h1-background h1 {
|
|
|
|
|
|
background: var(--h1-bg-color);
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-4);
|
|
|
|
|
|
border-radius: var(--h1-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h1-border h1 {
|
|
|
|
|
|
padding-bottom: var(--scale-2-4);
|
|
|
|
|
|
border-bottom: var(--h1-border-width) solid var(--h1-border-color);
|
|
|
|
|
|
border-radius: var(--h1-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
|
|
/* add background */
|
|
|
|
|
|
/* add border at the bottom */
|
|
|
|
|
|
/* text align */
|
|
|
|
|
|
text-align: var(--h2-text-align);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h2-background h2 {
|
|
|
|
|
|
background: var(--h2-bg-color);
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-4);
|
|
|
|
|
|
border-radius: var(--h2-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h2-border h2 {
|
|
|
|
|
|
padding-bottom: var(--scale-2-4);
|
|
|
|
|
|
border-bottom: 1px solid var(--h2-border-color);
|
|
|
|
|
|
border-radius: var(--h2-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
|
|
/* add background */
|
|
|
|
|
|
/* add border at the bottom */
|
|
|
|
|
|
/* text align */
|
|
|
|
|
|
text-align: var(--h3-text-align);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h3-background h3 {
|
|
|
|
|
|
background: var(--h3-bg-color);
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-4);
|
|
|
|
|
|
border-radius: var(--h3-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h3-border h3 {
|
|
|
|
|
|
padding-bottom: var(--scale-2-4);
|
|
|
|
|
|
border-bottom: 1px solid var(--h3-border-color);
|
|
|
|
|
|
border-radius: var(--h3-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
|
|
/* add background */
|
|
|
|
|
|
/* add border at the bottom */
|
|
|
|
|
|
/* text align */
|
|
|
|
|
|
text-align: var(--h4-text-align);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h4-background h4 {
|
|
|
|
|
|
background: var(--h4-bg-color);
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-4);
|
|
|
|
|
|
border-radius: var(--h4-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h4-border h4 {
|
|
|
|
|
|
padding-bottom: var(--scale-2-4);
|
|
|
|
|
|
border-bottom: 1px solid var(--h4-border-color);
|
|
|
|
|
|
border-radius: var(--h4-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h5 {
|
|
|
|
|
|
/* add background */
|
|
|
|
|
|
/* add border at the bottom */
|
|
|
|
|
|
/* text align */
|
|
|
|
|
|
text-align: var(--h5-text-align);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h5-background h5 {
|
|
|
|
|
|
background: var(--h5-bg-color);
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-4);
|
|
|
|
|
|
border-radius: var(--h5-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h5-border h5 {
|
|
|
|
|
|
padding-bottom: var(--scale-2-4);
|
|
|
|
|
|
border-bottom: 1px solid var(--h5-border-color);
|
|
|
|
|
|
border-radius: var(--h5-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h6 {
|
|
|
|
|
|
/* add background */
|
|
|
|
|
|
/* add border at the bottom */
|
|
|
|
|
|
/* text align */
|
|
|
|
|
|
text-align: var(--h6-text-align);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h6-background h6 {
|
|
|
|
|
|
background: var(--h6-bg-color);
|
|
|
|
|
|
padding: var(--scale-2-2) var(--scale-2-4);
|
|
|
|
|
|
border-radius: var(--h6-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
.h6-border h6 {
|
|
|
|
|
|
padding-bottom: var(--scale-2-4);
|
|
|
|
|
|
border-bottom: 1px solid var(--h6-border-color);
|
|
|
|
|
|
border-radius: var(--h6-border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────── note ──────────*/
|
|
|
|
|
|
/* multicolor highlight */
|
|
|
|
|
|
.no-multicolor-highlight {
|
|
|
|
|
|
--md-color-highlight-text: var(--text-normal);
|
|
|
|
|
|
--md-color-highlight-bg: var(--color-highlight-yellow);
|
|
|
|
|
|
--md-color-bold-highlight-text: var(--text-normal);
|
|
|
|
|
|
--md-color-bold-highlight-bg: var(--color-highlight-yellow);
|
|
|
|
|
|
--md-color-italic-highlight-text: var(--text-normal);
|
|
|
|
|
|
--md-color-italic-highlight-bg: var(--color-highlight-yellow);
|
|
|
|
|
|
--md-color-bi-highlight-text: var(--text-normal);
|
|
|
|
|
|
--md-color-bi-highlight-bg: var(--color-highlight-yellow);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* bullet color */
|
|
|
|
|
|
.md-bullet-color-muted.theme-light span.cm-formatting.cm-formatting-list, .md-bullet-color-muted.theme-light span.list-bullet, .md-bullet-color-muted.theme-light li::marker, .md-bullet-color-muted.theme-dark span.cm-formatting.cm-formatting-list, .md-bullet-color-muted.theme-dark span.list-bullet, .md-bullet-color-muted.theme-dark li::marker {
|
|
|
|
|
|
color: var(--md-color-text-muted);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.md-bullet-color-normal.theme-light span.cm-formatting.cm-formatting-list, .md-bullet-color-normal.theme-light span.list-bullet, .md-bullet-color-normal.theme-light li::marker, .md-bullet-color-normal.theme-dark span.cm-formatting.cm-formatting-list, .md-bullet-color-normal.theme-dark span.list-bullet, .md-bullet-color-normal.theme-dark li::marker {
|
|
|
|
|
|
color: var(--md-color-text);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* center embeds */
|
|
|
|
|
|
body.center-embeds img {
|
|
|
|
|
|
display: block !important;
|
|
|
|
|
|
margin-left: auto !important;
|
|
|
|
|
|
margin-right: auto !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
body.center-embeds .markdown-source-view.mod-cm6 .cm-content > * {
|
|
|
|
|
|
margin: auto auto !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* embed styling */
|
|
|
|
|
|
.note-embeds__style-minimal .popover .markdown-embed,
|
|
|
|
|
|
.note-embeds__style-minimal .markdown-embed {
|
|
|
|
|
|
border: 0px solid transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.note-embeds__style-minimal .popover .markdown-embed .markdown-preview-view,
|
|
|
|
|
|
.note-embeds__style-minimal .markdown-embed .markdown-preview-view {
|
|
|
|
|
|
padding: 0 var(--scale-8-3);
|
|
|
|
|
|
}
|
|
|
|
|
|
.note-embeds__style-minimal .popover .markdown-embed-title,
|
|
|
|
|
|
.note-embeds__style-minimal .markdown-embed-title {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.note-embeds__style-clean .popover .markdown-embed,
|
|
|
|
|
|
.note-embeds__style-clean .markdown-embed {
|
|
|
|
|
|
--md-embed-bg: transparent;
|
|
|
|
|
|
background: var(--md-embed-bg);
|
|
|
|
|
|
border: 0px solid transparent;
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.note-embeds__style-clean .popover .markdown-embed-content.markdown-embed-content.markdown-embed-content.markdown-embed-content.markdown-embed-content::-webkit-scrollbar-thumb,
|
|
|
|
|
|
.note-embeds__style-clean .markdown-embed-content.markdown-embed-content.markdown-embed-content.markdown-embed-content.markdown-embed-content::-webkit-scrollbar-thumb {
|
|
|
|
|
|
border-color: var(--md-embed-bg);
|
|
|
|
|
|
}
|
|
|
|
|
|
.note-embeds__style-clean .popover .markdown-embed-title,
|
|
|
|
|
|
.note-embeds__style-clean .markdown-embed-title {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.note-embeds__style-clean .popover .markdown-embed .markdown-preview-view,
|
|
|
|
|
|
.note-embeds__style-clean .markdown-embed .markdown-preview-view {
|
|
|
|
|
|
padding: 0 var(--scale-2-4) 0 var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.full-height-embeds .markdown-embed-content {
|
|
|
|
|
|
max-height: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
.full-height-embeds .markdown-preview-sizer.markdown-preview-section {
|
|
|
|
|
|
padding-bottom: 0 !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* hide metadata box in preview */
|
|
|
|
|
|
.hide__metadata-box .frontmatter-container {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* checkbox border radius style */
|
|
|
|
|
|
.squircle__checkbox {
|
|
|
|
|
|
--ch-radius: var(--scale-2-3);
|
|
|
|
|
|
--ach-radius-noborder: var(--scale-0-0);
|
|
|
|
|
|
--ach-radius-curved: var(--scale-2-3);
|
|
|
|
|
|
--ach-radius-squircle: var(--scale-2-3);
|
|
|
|
|
|
--ach-radius-round: var(--scale-2-3);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.circle__checkbox {
|
|
|
|
|
|
--ch-radius: var(--scale-8-2);
|
|
|
|
|
|
--ach-radius-noborder: var(--scale-0-0);
|
|
|
|
|
|
--ach-radius-curved: var(--scale-2-2);
|
|
|
|
|
|
--ach-radius-squircle: var(--scale-8-2);
|
|
|
|
|
|
--ach-radius-round: var(--scale-8-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.square__checkbox {
|
|
|
|
|
|
--ch-radius: var(--scale-0-0);
|
|
|
|
|
|
--ach-radius-noborder: var(--scale-0-0);
|
|
|
|
|
|
--ach-radius-curved: var(--scale-0-0);
|
|
|
|
|
|
--ach-radius-squircle: var(--scale-0-0);
|
|
|
|
|
|
--ach-radius-round: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* @settings
|
|
|
|
|
|
|
|
|
|
|
|
name: Primary Theme Settings
|
|
|
|
|
|
id: primary-ceciliamay
|
|
|
|
|
|
settings:
|
|
|
|
|
|
-
|
|
|
|
|
|
id: preset-fonts
|
|
|
|
|
|
title: 🔤 Fonts & Typography
|
|
|
|
|
|
description: Adjust global font settings. Includes settings for Header fonts, Body fonts, Line Height, and other features.
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 1
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: font-preview-header
|
|
|
|
|
|
title: Preset Preview Header Font
|
|
|
|
|
|
type: variable-select
|
|
|
|
|
|
default: '"Karla", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Karla
|
|
|
|
|
|
value: '"Karla", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Lora
|
|
|
|
|
|
value: '"Lora", Georgia, Times New Roman, serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Inter
|
|
|
|
|
|
value: '"Inter", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Quicksand
|
|
|
|
|
|
value: '"Quicksand", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Roboto Slab
|
|
|
|
|
|
value: '"Roboto Slab", Georgia, Times New Roman, serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: font-preview
|
|
|
|
|
|
title: Preset Preview Body Font
|
|
|
|
|
|
type: variable-select
|
|
|
|
|
|
default: '"Karla", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Karla
|
|
|
|
|
|
value: '"Karla", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Lora
|
|
|
|
|
|
value: '"Lora", Georgia, Times New Roman, serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Inter
|
|
|
|
|
|
value: '"Inter", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Quicksand
|
|
|
|
|
|
value: '"Quicksand", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Roboto Slab
|
|
|
|
|
|
value: '"Roboto Slab", Georgia, Times New Roman, serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: font-editor-header
|
|
|
|
|
|
title: Preset Editor Header Font
|
|
|
|
|
|
type: variable-select
|
|
|
|
|
|
default: '"Karla", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Karla
|
|
|
|
|
|
value: '"Karla", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Lora
|
|
|
|
|
|
value: '"Lora", Georgia, Times New Roman, serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Inter
|
|
|
|
|
|
value: '"Inter", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Quicksand
|
|
|
|
|
|
value: '"Quicksand", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Roboto Slab
|
|
|
|
|
|
value: '"Roboto Slab", Georgia, Times New Roman, serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: font-editor
|
|
|
|
|
|
title: Preset Editor Body Font
|
|
|
|
|
|
type: variable-select
|
|
|
|
|
|
default: '"Karla", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Karla
|
|
|
|
|
|
value: '"Karla", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Lora
|
|
|
|
|
|
value: '"Lora", Georgia, Times New Roman, serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Inter
|
|
|
|
|
|
value: '"Inter", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Quicksand
|
|
|
|
|
|
value: '"Quicksand", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Roboto Slab
|
|
|
|
|
|
value: '"Roboto Slab", Georgia, Times New Roman, serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: font-interface-theme
|
|
|
|
|
|
title: Preset Interface Font
|
|
|
|
|
|
type: variable-select
|
|
|
|
|
|
default: '"Karla", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Karla
|
|
|
|
|
|
value: '"Karla", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Lora
|
|
|
|
|
|
value: '"Lora", Georgia, Times New Roman, serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Inter
|
|
|
|
|
|
value: '"Inter", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Quicksand
|
|
|
|
|
|
value: '"Quicksand", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Roboto Slab
|
|
|
|
|
|
value: '"Roboto Slab", Georgia, Times New Roman, serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: inter-alt
|
|
|
|
|
|
title: Enable Inter's Alternative Font Settings
|
|
|
|
|
|
description: Recommended if you're using Inter. This will enable you to use alternative font settings from Inter that better fit with Primary.
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: tabular-nums
|
|
|
|
|
|
title: Use Tabular Numbers
|
|
|
|
|
|
description: Evenly spaces out numbers.
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: scroll__scalable-fonts
|
|
|
|
|
|
title: Scale UI Font Size on Scroll
|
|
|
|
|
|
description: Obsidian allows you to change a note's font sizes on scroll. Toggling this on will allow you to change all of Obsidian's font sizes on scroll.
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: global-fonts__custom
|
|
|
|
|
|
title: Custom Fonts
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 2
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: font-preview-header
|
|
|
|
|
|
title: Custom Preview Header Font
|
|
|
|
|
|
description:
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: '"Karla", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: font-preview
|
|
|
|
|
|
title: Custom Preview Body Font
|
|
|
|
|
|
description:
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: '"Karla", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: font-editor-header
|
|
|
|
|
|
title: Custom Edit Header Font
|
|
|
|
|
|
description:
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: '"Karla", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: font-editor
|
|
|
|
|
|
title: Custom Edit Body Font
|
|
|
|
|
|
description:
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: '"Karla", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: font-monospace-theme
|
|
|
|
|
|
title: Code Font
|
|
|
|
|
|
description:
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: '"Cascadia Code", Inconsolata, Courier, monospace'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: font-interface-theme
|
|
|
|
|
|
title: Interface Font
|
|
|
|
|
|
description:
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: '"Karla", -apple-system,
|
|
|
|
|
|
BlinkMacSystemFont, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: line-height-1
|
|
|
|
|
|
title: Line Height
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: '1.53em'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: workspace-components
|
|
|
|
|
|
title: ⬛ Workspace Components
|
|
|
|
|
|
description: Adjust parts of Obsidian such as the sidebars, tabs, titlebars, and more.
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 1
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: vault-title__titlebar
|
|
|
|
|
|
title: Hide Vault Title on Titlebar
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: vault-title__file-explorer
|
|
|
|
|
|
title: Hide Vault Title on File Explorer
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: linewrap-file__file-explorer
|
|
|
|
|
|
title: Unwrap File Titles in the File Explorer
|
|
|
|
|
|
description: Toggling this on will unwrap file titles in the File Explorer, meaning long titles will not go to the next line.
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: linewrap-folder__file-explorer
|
|
|
|
|
|
title: Unwrap Folder Titles in the File Explorer
|
|
|
|
|
|
description: Toggling this on will unwrap folder titles in the File Explorer, meaning long titles will not go to the next line.
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: hide__note-header
|
|
|
|
|
|
title: Hide Note Header Bar, Show on Hover (Desktop Only)
|
|
|
|
|
|
description: Note Header Bars are the bars at the top of a note where the note title, and menu options are located. Toggle on to hide note header bar on default. When hovered, note header bar will show.
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: hide__metadata-box
|
|
|
|
|
|
title: Hide Metadata Box
|
|
|
|
|
|
description: Different from the "Show Frontmatter" option in Obsidian. This setting removes the metadata box (one with aliases and tags only, not YAML).
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: hide__sidedockribbon
|
|
|
|
|
|
title: Side Dock Ribbon Style (Desktop Only)
|
|
|
|
|
|
description: Side Dock Ribbons are the narrow columns at the utmost left and right of Obsidian. Choose your preferred style.
|
|
|
|
|
|
type: class-select
|
|
|
|
|
|
allowEmpty: false
|
|
|
|
|
|
default: show__sidedockribbon
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Show Side Dock Ribbon
|
|
|
|
|
|
value: show__sidedockribbon
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Mini Floating Side Dock Ribbon
|
|
|
|
|
|
value: hide__sidedockribbon-minifloating
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Full Floating Side Dock Ribbon
|
|
|
|
|
|
value: hide__sidedockribbon-fullfloating
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Show on Hover Side Dock Ribbon
|
|
|
|
|
|
value: hide__sidedockribbon-hover
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Hide Side Dock Ribbon
|
|
|
|
|
|
value: hide__sidedockribbon-full
|
|
|
|
|
|
-
|
|
|
|
|
|
id: statusbar
|
|
|
|
|
|
title: Status Bar Style
|
|
|
|
|
|
type: class-select
|
|
|
|
|
|
allowEmpty: false
|
|
|
|
|
|
default: show__status-bar
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Show Full Status Bar
|
|
|
|
|
|
value: show__status-bar
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Only Obsidian Sync Icon
|
|
|
|
|
|
value: sync-only-status-bar
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Hide Status Bar
|
|
|
|
|
|
value: hide__status-bar
|
|
|
|
|
|
-
|
|
|
|
|
|
id: tab-header
|
|
|
|
|
|
title: ⏹️ Tab Headers
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 2
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: tab-header-size
|
|
|
|
|
|
title: Tab Header Size
|
|
|
|
|
|
description: Select your preferred tab header size.
|
|
|
|
|
|
type: class-select
|
|
|
|
|
|
allowEmpty: false
|
|
|
|
|
|
default: tab-header__size-regular
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Regular Size
|
|
|
|
|
|
value: tab-header__size-regular
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Small Size
|
|
|
|
|
|
value: tab-header__size-small
|
|
|
|
|
|
-
|
|
|
|
|
|
id: tab-header-style
|
|
|
|
|
|
title: Tab Header Style
|
|
|
|
|
|
description: Select your preferred tab header style.
|
|
|
|
|
|
type: class-select
|
|
|
|
|
|
allowEmpty: false
|
|
|
|
|
|
default: tab-header__style-original
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Original
|
|
|
|
|
|
value: tab-header__style-original
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Minimal
|
|
|
|
|
|
value: tab-header__style-minimal
|
|
|
|
|
|
-
|
|
|
|
|
|
id: tab-header-align-modleft
|
|
|
|
|
|
title: Tab Header Alignment for Left Sidebar
|
|
|
|
|
|
description: Select your preferred tab header alignment for the left sidebar.
|
|
|
|
|
|
type: class-select
|
|
|
|
|
|
allowEmpty: false
|
|
|
|
|
|
default: tab-header__align-modleft-left
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Left
|
|
|
|
|
|
value: tab-header__align-modleft-left
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Center
|
|
|
|
|
|
value: tab-header__align-modleft-center
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Right
|
|
|
|
|
|
value: tab-header__align-modleft-right
|
|
|
|
|
|
-
|
|
|
|
|
|
id: tab-header-align-modright
|
|
|
|
|
|
title: Tab Header Alignment for Right Sidebar
|
|
|
|
|
|
description: Select your preferred tab header alignment for the right sidebar.
|
|
|
|
|
|
type: class-select
|
|
|
|
|
|
allowEmpty: false
|
|
|
|
|
|
default: tab-header__align-modright-right
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Left
|
|
|
|
|
|
value: tab-header__align-modright-left
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Center
|
|
|
|
|
|
value: tab-header__align-modright-center
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Right
|
|
|
|
|
|
value: tab-header__align-modright-right
|
|
|
|
|
|
-
|
|
|
|
|
|
id: tab-header-color-modleft
|
|
|
|
|
|
title: Tab Header Color Movement for Left Sidebar
|
|
|
|
|
|
description: Select your preferred tab header color arrangement for the right sidebar.
|
|
|
|
|
|
type: class-select
|
|
|
|
|
|
allowEmpty: false
|
|
|
|
|
|
default: tab-header__left-color-ltr
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Left to Right
|
|
|
|
|
|
value: tab-header__left-color-ltr
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Right to Left
|
|
|
|
|
|
value: tab-header__left-color-rtl
|
|
|
|
|
|
-
|
|
|
|
|
|
id: tab-header-color-modright
|
|
|
|
|
|
title: Tab Header Color Movement for Right Sidebar
|
|
|
|
|
|
description: Select your preferred tab header color arrangement for the right sidebar.
|
|
|
|
|
|
type: class-select
|
|
|
|
|
|
allowEmpty: false
|
|
|
|
|
|
default: tab-header__right-color-rtl
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Left to Right
|
|
|
|
|
|
value: tab-header__right-color-ltr
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Right to Left
|
|
|
|
|
|
value: tab-header__right-color-rtl
|
|
|
|
|
|
-
|
|
|
|
|
|
id: tab-header__wrap
|
|
|
|
|
|
title: Allow Multiple Tab Header Rows
|
|
|
|
|
|
description: Toggle on to wrap tab headers and allow multiple rows. This a good option for those whose tabs get cut off due to overflow. It also reduces horizontal margins for the tab headers.
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: tab-header__anim-none
|
|
|
|
|
|
title: Turn Off Tab Header Animation
|
|
|
|
|
|
description: Toggle on to turn off the fun jumpy tab header animation.
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: header
|
|
|
|
|
|
title: 🅰️ Header Styling
|
|
|
|
|
|
description: Adjust how your header looks. Includes settings for font weight, style, size, line height, color, background color, and borders.
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 1
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: header-size__preset
|
|
|
|
|
|
title: Preset Header Sizes
|
|
|
|
|
|
type: class-select
|
|
|
|
|
|
allowEmpty: false
|
|
|
|
|
|
default: header-size__original
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Original Size
|
|
|
|
|
|
value: header-size__original
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Medium Size
|
|
|
|
|
|
value: header-size__medium
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Small Size
|
|
|
|
|
|
value: header-size__small
|
|
|
|
|
|
-
|
|
|
|
|
|
id: header-color__preset
|
|
|
|
|
|
title: Preset Header Colors
|
|
|
|
|
|
description:
|
|
|
|
|
|
type: class-select
|
|
|
|
|
|
allowEmpty: false
|
|
|
|
|
|
default: header-color__normal
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Text Colors Header
|
|
|
|
|
|
value: header-color__normal
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Primary Colors Header
|
|
|
|
|
|
value: header-color__yrb
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Secondary Colors Header
|
|
|
|
|
|
value: header-color__ogv
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Rainbow Colors Header
|
|
|
|
|
|
value: header-color__rainbow
|
|
|
|
|
|
-
|
|
|
|
|
|
id: header__custom
|
|
|
|
|
|
title: Custom Headers
|
|
|
|
|
|
description: Includes settings for Header text alignment, borders, background, and more.
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 2
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: header-1
|
|
|
|
|
|
title: Heading 1
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 3
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h1
|
|
|
|
|
|
title: Header 1 Size
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: '2.678em'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h1-weight
|
|
|
|
|
|
title: Header 1 Font Weight
|
|
|
|
|
|
description: You can put a number from 100 to 900. Or in lowercase letters, you can put normal, bold, lighter, or bolder.
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: 'bold'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h1-style
|
|
|
|
|
|
title: Header 1 Font Style
|
|
|
|
|
|
description: In lowercase letters, choose between normal, italic, or oblique.
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: 'normal'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h1-text-align
|
|
|
|
|
|
title: Header 1 Text Alignment
|
|
|
|
|
|
type: variable-select
|
|
|
|
|
|
default: 'left'
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Left
|
|
|
|
|
|
value: left
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Center
|
|
|
|
|
|
value: center
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Right
|
|
|
|
|
|
value: right
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h1-text-color
|
|
|
|
|
|
title: Header 1 Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(31, 45%, 20%)'
|
|
|
|
|
|
default-dark: 'hsl(34, 50%, 80%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h1-background
|
|
|
|
|
|
title: Enable Header 1 Background Color
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
default: false
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h1-bg-color
|
|
|
|
|
|
title: Header 1 Background Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'rgba(240, 79, 106, 0.2)'
|
|
|
|
|
|
default-dark: 'rgba(240, 79, 106, 0.2)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h1-border
|
|
|
|
|
|
title: Enable Header 1 Border
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
default: false
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h1-border-width
|
|
|
|
|
|
title: Header 1 Border Width (in pixels)
|
|
|
|
|
|
type: variable-number-slider
|
|
|
|
|
|
format: px
|
|
|
|
|
|
default: 1
|
|
|
|
|
|
min: 0
|
|
|
|
|
|
max: 16
|
|
|
|
|
|
step: 1
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h1-border-color
|
|
|
|
|
|
title: Header 1 Border Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(36, 37%, 83%)'
|
|
|
|
|
|
default-dark: 'hsl(33, 20%, 20%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h1-border-radius
|
|
|
|
|
|
title: Header 1 Border Radius (in pixels)
|
|
|
|
|
|
description: Recommended values are multiples of 2
|
|
|
|
|
|
type: variable-number-slider
|
|
|
|
|
|
format: px
|
|
|
|
|
|
default: 0
|
|
|
|
|
|
min: 0
|
|
|
|
|
|
max: 32
|
|
|
|
|
|
step: 1
|
|
|
|
|
|
-
|
|
|
|
|
|
id: header-2
|
|
|
|
|
|
title: Heading 2
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 3
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h2
|
|
|
|
|
|
title: Header 2 Size
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: '2.288em'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h2-weight
|
|
|
|
|
|
title: Header 2 Font Weight
|
|
|
|
|
|
description: You can put a number from 100 to 900. Or in lowercase letters, you can put normal, bold, lighter, or bolder.
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: 'bold'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h2-style
|
|
|
|
|
|
title: Header 2 Font Style
|
|
|
|
|
|
description: In lowercase letters, choose between normal, italic, or oblique.
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: 'normal'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h2-text-align
|
|
|
|
|
|
title: Header 2 Text Alignment
|
|
|
|
|
|
type: variable-select
|
|
|
|
|
|
default: 'left'
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Left
|
|
|
|
|
|
value: left
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Center
|
|
|
|
|
|
value: center
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Right
|
|
|
|
|
|
value: right
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h2-text-color
|
|
|
|
|
|
title: Header 2 Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(31, 45%, 20%)'
|
|
|
|
|
|
default-dark: 'hsl(34, 50%, 80%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h2-background
|
|
|
|
|
|
title: Enable Header 2 Background Color
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
default: false
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h2-bg-color
|
|
|
|
|
|
title: Header 2 Background Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'rgba(255, 115, 0, 0.2)'
|
|
|
|
|
|
default-dark: 'rgba(255, 115, 0, 0.2)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h2-border
|
|
|
|
|
|
title: Enable Header 2 Border
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
default: false
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h2-border-width
|
|
|
|
|
|
title: Header 2 Border Width (in pixels)
|
|
|
|
|
|
type: variable-number-slider
|
|
|
|
|
|
format: px
|
|
|
|
|
|
default: 1
|
|
|
|
|
|
min: 0
|
|
|
|
|
|
max: 16
|
|
|
|
|
|
step: 1
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h2-border-color
|
|
|
|
|
|
title: Header 2 Border Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(36, 37%, 83%)'
|
|
|
|
|
|
default-dark: 'hsl(33, 20%, 20%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h2-border-radius
|
|
|
|
|
|
title: Header 2 Border Radius (in pixels)
|
|
|
|
|
|
description: Recommended values are multiples of 2
|
|
|
|
|
|
type: variable-number-slider
|
|
|
|
|
|
format: px
|
|
|
|
|
|
default: 0
|
|
|
|
|
|
min: 0
|
|
|
|
|
|
max: 32
|
|
|
|
|
|
step: 1
|
|
|
|
|
|
-
|
|
|
|
|
|
id: header-3
|
|
|
|
|
|
title: Heading 3
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 3
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h3
|
|
|
|
|
|
title: Header 3 Size
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: '1.927em'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h3-weight
|
|
|
|
|
|
title: Header 3 Font Weight
|
|
|
|
|
|
description: You can put a number from 100 to 900. Or in lowercase letters, you can put normal, bold, lighter, or bolder.
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: 'bold'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h3-style
|
|
|
|
|
|
title: Header 3 Font Style
|
|
|
|
|
|
description: In lowercase letters, choose between normal, italic, or oblique.
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: 'normal'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h3-text-align
|
|
|
|
|
|
title: Header 3 Text Alignment
|
|
|
|
|
|
type: variable-select
|
|
|
|
|
|
default: 'left'
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Left
|
|
|
|
|
|
value: left
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Center
|
|
|
|
|
|
value: center
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Right
|
|
|
|
|
|
value: right
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h3-text-color
|
|
|
|
|
|
title: Header 3 Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(31, 45%, 20%)'
|
|
|
|
|
|
default-dark: 'hsl(34, 50%, 80%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h3-background
|
|
|
|
|
|
title: Enable Header 3 Background Color
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
default: false
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h3-bg-color
|
|
|
|
|
|
title: Header 3 Background Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'rgba(255, 187, 0, 0.2)'
|
|
|
|
|
|
default-dark: 'rgba(255, 187, 0, 0.2)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h3-border
|
|
|
|
|
|
title: Enable Header 3 Border
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
default: false
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h3-border-width
|
|
|
|
|
|
title: Header 3 Border Width (in pixels)
|
|
|
|
|
|
type: variable-number-slider
|
|
|
|
|
|
format: px
|
|
|
|
|
|
default: 1
|
|
|
|
|
|
min: 0
|
|
|
|
|
|
max: 16
|
|
|
|
|
|
step: 1
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h3-border-color
|
|
|
|
|
|
title: Header 3 Border Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(36, 37%, 83%)'
|
|
|
|
|
|
default-dark: 'hsl(33, 20%, 20%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h3-border-radius
|
|
|
|
|
|
title: Header 3 Border Radius (in pixels)
|
|
|
|
|
|
description: Recommended values are multiples of 2
|
|
|
|
|
|
type: variable-number-slider
|
|
|
|
|
|
format: px
|
|
|
|
|
|
default: 0
|
|
|
|
|
|
min: 0
|
|
|
|
|
|
max: 32
|
|
|
|
|
|
step: 1
|
|
|
|
|
|
-
|
|
|
|
|
|
id: header-4
|
|
|
|
|
|
title: Heading 4
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 3
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h4
|
|
|
|
|
|
title: Header 4 Size
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: '1.648em'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h4-weight
|
|
|
|
|
|
title: Header 4 Font Weight
|
|
|
|
|
|
description: You can put a number from 100 to 900. Or in lowercase letters, you can put normal, bold, lighter, or bolder.
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: 'bold'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h4-style
|
|
|
|
|
|
title: Header 4 Font Style
|
|
|
|
|
|
description: In lowercase letters, choose between normal, italic, or oblique.
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: 'normal'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h4-text-align
|
|
|
|
|
|
title: Header 4 Text Alignment
|
|
|
|
|
|
type: variable-select
|
|
|
|
|
|
default: 'left'
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Left
|
|
|
|
|
|
value: left
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Center
|
|
|
|
|
|
value: center
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Right
|
|
|
|
|
|
value: right
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h4-text-color
|
|
|
|
|
|
title: Header 4 Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(31, 45%, 20%)'
|
|
|
|
|
|
default-dark: 'hsl(34, 50%, 80%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h4-background
|
|
|
|
|
|
title: Enable Header 4 Background Color
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
default: false
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h4-bg-color
|
|
|
|
|
|
title: Header 4 Background Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'rgba(153, 189, 36, 0.2)'
|
|
|
|
|
|
default-dark: 'rgba(153, 189, 36, 0.2)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h4-border
|
|
|
|
|
|
title: Enable Header 4 Border
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
default: false
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h4-border-width
|
|
|
|
|
|
title: Header 4 Border Width (in pixels)
|
|
|
|
|
|
type: variable-number-slider
|
|
|
|
|
|
format: px
|
|
|
|
|
|
default: 1
|
|
|
|
|
|
min: 0
|
|
|
|
|
|
max: 16
|
|
|
|
|
|
step: 1
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h4-border-color
|
|
|
|
|
|
title: Header 4 Border Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(36, 37%, 83%)'
|
|
|
|
|
|
default-dark: 'hsl(33, 20%, 20%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h4-border-radius
|
|
|
|
|
|
title: Header 4 Border Radius (in pixels)
|
|
|
|
|
|
description: Recommended values are multiples of 2
|
|
|
|
|
|
type: variable-number-slider
|
|
|
|
|
|
format: px
|
|
|
|
|
|
default: 0
|
|
|
|
|
|
min: 0
|
|
|
|
|
|
max: 32
|
|
|
|
|
|
step: 1
|
|
|
|
|
|
-
|
|
|
|
|
|
id: header-5
|
|
|
|
|
|
title: Heading 5
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 3
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h5
|
|
|
|
|
|
title: Header 5 Size
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: '1.388em'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h5-weight
|
|
|
|
|
|
title: Header 5 Font Weight
|
|
|
|
|
|
description: You can put a number from 100 to 900. Or in lowercase letters, you can put normal, bold, lighter, or bolder.
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: 'bold'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h5-style
|
|
|
|
|
|
title: Header 5 Font Style
|
|
|
|
|
|
description: In lowercase letters, choose between normal, italic, or oblique.
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: 'normal'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h5-text-align
|
|
|
|
|
|
title: Header 5 Text Alignment
|
|
|
|
|
|
type: variable-select
|
|
|
|
|
|
default: 'left'
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Left
|
|
|
|
|
|
value: left
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Center
|
|
|
|
|
|
value: center
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Right
|
|
|
|
|
|
value: right
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h5-text-color
|
|
|
|
|
|
title: Header 5 Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(31, 45%, 20%)'
|
|
|
|
|
|
default-dark: 'hsl(34, 50%, 80%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h5-background
|
|
|
|
|
|
title: Enable Header 5 Background Color
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
default: false
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h5-bg-color
|
|
|
|
|
|
title: Header 5 Background Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'rgba(40, 178, 194, 0.2)'
|
|
|
|
|
|
default-dark: 'rgba(40, 178, 194, 0.2)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h5-border
|
|
|
|
|
|
title: Enable Header 5 Border Color
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
default: false
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h5-border-width
|
|
|
|
|
|
title: Header 5 Border Width (in pixels)
|
|
|
|
|
|
type: variable-number-slider
|
|
|
|
|
|
format: px
|
|
|
|
|
|
default: 1
|
|
|
|
|
|
min: 0
|
|
|
|
|
|
max: 16
|
|
|
|
|
|
step: 1
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(36, 37%, 83%)'
|
|
|
|
|
|
default-dark: 'hsl(33, 20%, 20%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h5-border-color
|
|
|
|
|
|
title: Header 5 Border Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(36, 37%, 83%)'
|
|
|
|
|
|
default-dark: 'hsl(33, 20%, 20%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h5-border-radius
|
|
|
|
|
|
title: Header 5 Border Radius (in pixels)
|
|
|
|
|
|
description: Recommended values are multiples of 2
|
|
|
|
|
|
type: variable-number-slider
|
|
|
|
|
|
format: px
|
|
|
|
|
|
default: 0
|
|
|
|
|
|
min: 0
|
|
|
|
|
|
max: 32
|
|
|
|
|
|
step: 1
|
|
|
|
|
|
-
|
|
|
|
|
|
id: header-6
|
|
|
|
|
|
title: Heading 6
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 3
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h6
|
|
|
|
|
|
title: Header 6 Size
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: '1.188em'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h6-weight
|
|
|
|
|
|
title: Header 6 Font Weight
|
|
|
|
|
|
description: You can put a number from 100 to 900. Or in lowercase letters, you can put normal, bold, lighter, or bolder.
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: 'bold'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h6-style
|
|
|
|
|
|
title: Header 6 Font Style
|
|
|
|
|
|
description: In lowercase letters, choose between normal, italic, or oblique.
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: 'normal'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h6-text-align
|
|
|
|
|
|
title: Header 6 Text Alignment
|
|
|
|
|
|
type: variable-select
|
|
|
|
|
|
default: 'left'
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Left
|
|
|
|
|
|
value: left
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Center
|
|
|
|
|
|
value: center
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Right
|
|
|
|
|
|
value: right
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h6-text-color
|
|
|
|
|
|
title: Header 6 Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(34, 28%, 60%)'
|
|
|
|
|
|
default-dark: 'hsl(35, 27%, 55%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h6-background
|
|
|
|
|
|
title: Enable Header 6 Background Color
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
default: false
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h6-bg-color
|
|
|
|
|
|
title: Header 6 Background Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'rgba(113, 122, 255, 0.2'
|
|
|
|
|
|
default-dark: 'rgba(113, 122, 255, 0.2'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h6-border
|
|
|
|
|
|
title: Enable Header 6 Border
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
default: false
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h6-border-width
|
|
|
|
|
|
title: Header 6 Border Width (in pixels)
|
|
|
|
|
|
type: variable-number-slider
|
|
|
|
|
|
format: px
|
|
|
|
|
|
default: 1
|
|
|
|
|
|
min: 0
|
|
|
|
|
|
max: 16
|
|
|
|
|
|
step: 1
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h6-border-color
|
|
|
|
|
|
title: Header 6 Border Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(36, 37%, 83%)'
|
|
|
|
|
|
default-dark: 'hsl(33, 20%, 20%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: h6-border-radius
|
|
|
|
|
|
title: Header 6 Border Radius (in pixels)
|
|
|
|
|
|
description: Recommended values are multiples of 2
|
|
|
|
|
|
type: variable-number-slider
|
|
|
|
|
|
format: px
|
|
|
|
|
|
default: 0
|
|
|
|
|
|
min: 0
|
|
|
|
|
|
max: 32
|
|
|
|
|
|
step: 1
|
|
|
|
|
|
-
|
|
|
|
|
|
id: header-line-height
|
|
|
|
|
|
title: Headers Line Height
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: '1.18'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: note
|
|
|
|
|
|
title: ✏️ Note
|
|
|
|
|
|
description: Adjust colors and features in notes. Includes settings for blockquotes, links, highlights, embeds, popovers and more.
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 1
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: no-md-activeline
|
|
|
|
|
|
title: Disable Activeline Highlighting
|
|
|
|
|
|
description: Toggle on to remove activeline highlighting. Keep it off to show it.
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: gray-md-formatting
|
|
|
|
|
|
title: Gray Out Markdown Formatting
|
|
|
|
|
|
description: Makes markdown formatting less noticeable in Editor View.
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: emphasis
|
|
|
|
|
|
title: 🖍️ Emphasis
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 2
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-bold
|
|
|
|
|
|
title: Bold Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(4, 72%, 55%)'
|
|
|
|
|
|
default-dark: 'hsl(4, 90%, 61%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-italic
|
|
|
|
|
|
title: Italic Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(205, 66%, 46%)'
|
|
|
|
|
|
default-dark: 'hsl(198, 57%, 55%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-bolditalic
|
|
|
|
|
|
title: Bold and Italic Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(32, 55%, 12%)'
|
|
|
|
|
|
default-dark: 'hsl(33, 66%, 90%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-strikethrough
|
|
|
|
|
|
title: Strikethrough Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(34, 37%, 70%)'
|
|
|
|
|
|
default-dark: 'hsl(34, 24%, 30%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-comment
|
|
|
|
|
|
title: Hidden Comments Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(34, 28%, 60%)'
|
|
|
|
|
|
default-dark: 'hsl(35, 27%, 55%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-comment
|
|
|
|
|
|
title: Footnote (at the end of the note, not the links) Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(31, 45%, 20%)'
|
|
|
|
|
|
default-dark: 'hsl(34, 50%, 80%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: Links
|
|
|
|
|
|
title: 🔗 Links
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 2
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: no-link-underline
|
|
|
|
|
|
title: Remove Link Underline
|
|
|
|
|
|
description: When toggled on, underlines on internal and external links will be removed.
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: Links
|
|
|
|
|
|
title: ❗ Resolved Links
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 3
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-reslink
|
|
|
|
|
|
title: Resolved Links
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(43, 100%, 42%)'
|
|
|
|
|
|
default-dark: 'hsl(50, 100%, 46%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-reslink-hover
|
|
|
|
|
|
title: Resolved Links on Hover
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(43, 78%, 52%)'
|
|
|
|
|
|
default-dark: 'hsl(46, 91%, 69%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-reslink-active
|
|
|
|
|
|
title: Resolved Links on Click
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(43, 89%, 38%)'
|
|
|
|
|
|
default-dark: 'hsl(43, 100%, 42%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: Links
|
|
|
|
|
|
title: ❔ Unresolved Links
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 3
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-unreslink
|
|
|
|
|
|
title: Unresolved Links
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(34, 28%, 60%)'
|
|
|
|
|
|
default-dark: 'hsl(35, 27%, 55%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-unreslink-hover
|
|
|
|
|
|
title: Unresolved Links on Hover
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(43, 100%, 42%)'
|
|
|
|
|
|
default-dark: 'hsl(50, 100%, 46%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-unreslink-active
|
|
|
|
|
|
title: Unresolved Links on Click
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(43, 89%, 38%)'
|
|
|
|
|
|
default-dark: 'hsl(43, 100%, 42%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: Links
|
|
|
|
|
|
title: 🌐 External Links
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 3
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-extlink
|
|
|
|
|
|
title: External Links
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(43, 100%, 42%)'
|
|
|
|
|
|
default-dark: 'hsl(50, 100%, 46%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-extlink-hover
|
|
|
|
|
|
title: External Links on Hover
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(43, 78%, 52%)'
|
|
|
|
|
|
default-dark: 'hsl(46, 91%, 69%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-extlink-active
|
|
|
|
|
|
title: External Links on Click
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(43, 89%, 38%)'
|
|
|
|
|
|
default-dark: 'hsl(43, 100%, 42%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: blockquotes
|
|
|
|
|
|
title: 👉 Blockquotes
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 2
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-blockquotes
|
|
|
|
|
|
title: Blockquotes Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(31, 45%, 20%)'
|
|
|
|
|
|
default-dark: 'hsl(34, 50%, 80%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-blockquotes-formatting
|
|
|
|
|
|
title: Blockquotes Syntax Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(34, 37%, 70%)'
|
|
|
|
|
|
default-dark: 'hsl(34, 24%, 30%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-blockquotes-border
|
|
|
|
|
|
title: Blockquotes Border Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(36, 37%, 83%)'
|
|
|
|
|
|
default-dark: 'hsl(33, 20%, 20%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-blockquotes-bg
|
|
|
|
|
|
title: Blockquotes Background Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(36, 36%, 96.9%)'
|
|
|
|
|
|
default-dark: 'hsl(26, 16%, 9%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: highlight
|
|
|
|
|
|
title: ⚡ Highlight
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 2
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: no-multicolor-highlight
|
|
|
|
|
|
title: Disable Multicolor Highlight
|
|
|
|
|
|
description: Turn off to disable multicolored highlighting.
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: custom-highlight
|
|
|
|
|
|
title: Custom Highlight
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 3
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-highlight-text
|
|
|
|
|
|
title: Highlight-only Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: false
|
|
|
|
|
|
default-light: 'hsl(31, 45%, 20%)'
|
|
|
|
|
|
default-dark: 'hsl(34, 50%, 80%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-highlight-bg
|
|
|
|
|
|
title: Highlight-only Background Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: rgb
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'rgba(255, 187, 0, 0.2)'
|
|
|
|
|
|
default-dark: 'rgba(255, 187, 0, 0.2)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-bold-highlight-text
|
|
|
|
|
|
title: Bold and Highlight Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(31, 45%, 20%)'
|
|
|
|
|
|
default-dark: 'hsl(34, 50%, 80%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-bold-highlight-bg
|
|
|
|
|
|
title: Bold and Highlight Background Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: rgb
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'rgba(240, 79, 106, 0.2)'
|
|
|
|
|
|
default-dark: 'rgba(240, 79, 106, 0.2)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-italic-highlight-text
|
|
|
|
|
|
title: Italic and Highlight Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(31, 45%, 20%)'
|
|
|
|
|
|
default-dark: 'hsl(34, 50%, 80%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-italic-highlight-bg
|
|
|
|
|
|
title: Italic and Highlight Background Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: rgb
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'rgba(40, 178, 194, 0.2)'
|
|
|
|
|
|
default-dark: 'rgba(40, 178, 194, 0.2)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-bi-highlight-text
|
|
|
|
|
|
title: Bold, Italic, and Highlight Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(31, 45%, 20%)'
|
|
|
|
|
|
default-dark: 'hsl(34, 50%, 80%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-color-bi-highlight-bg
|
|
|
|
|
|
title: Bold, Italic, and Highlight Background Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: rgb
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'rgba(153, 189, 36, 0.2)'
|
|
|
|
|
|
default-dark: 'rgba(153, 189, 36, 0.2)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: lists
|
|
|
|
|
|
title: 📃 Lists
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 2
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-bullet-color
|
|
|
|
|
|
title: Preset Bullet Color
|
|
|
|
|
|
description: Select your preferred bullet color (applied to all bullets, ordered and unordered)
|
|
|
|
|
|
type: class-select
|
|
|
|
|
|
allowEmpty: false
|
|
|
|
|
|
default: md-bullet-color-faint
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Like Body Text
|
|
|
|
|
|
value: md-bullet-color-normal
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Muted
|
|
|
|
|
|
value: md-bullet-color-muted
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Faint
|
|
|
|
|
|
value: md-bullet-color-faint
|
|
|
|
|
|
-
|
|
|
|
|
|
id: checkboxes
|
|
|
|
|
|
title: ✅ Checkboxes
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 2
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: checkbox-style
|
|
|
|
|
|
title: Checkbox Style
|
|
|
|
|
|
description: Note for Circle Checkboxes - Most of the checkboxes are circular, but some alternative checkboxes are kept square-ish because of the size of the inner icons.
|
|
|
|
|
|
type: class-select
|
|
|
|
|
|
allowEmpty: false
|
|
|
|
|
|
default: original__checkbox
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Original Checkboxes
|
|
|
|
|
|
value: original__checkbox
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Squircle Checkboxes
|
|
|
|
|
|
value: squircle__checkbox
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Circle Checkboxes
|
|
|
|
|
|
value: circle__checkbox
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Square Checkboxes
|
|
|
|
|
|
value: square__checkbox
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-checked-bg-color
|
|
|
|
|
|
title: Checked Background Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(154, 47%, 49%)'
|
|
|
|
|
|
default-dark: 'hsl(155, 81%, 24%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: note-embeds
|
|
|
|
|
|
title: 📍 Embeds
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 2
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: center-embeds
|
|
|
|
|
|
title: Center Embeds
|
|
|
|
|
|
description: When toggled on, all embeds (including images and other attachments) will be centered.
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: full-height-embeds
|
|
|
|
|
|
title: Full Height Markdown Embeds
|
|
|
|
|
|
description: Toggle on to remove scrolling and embed the whole note.
|
|
|
|
|
|
type: class-toggle
|
|
|
|
|
|
-
|
|
|
|
|
|
id: note-embeds__style
|
|
|
|
|
|
title: Markdown Embeds Style
|
|
|
|
|
|
description: Choose your preferred embedded note style.
|
|
|
|
|
|
type: class-select
|
|
|
|
|
|
allowEmpty: false
|
|
|
|
|
|
default: note-embeds__style-original
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Original
|
|
|
|
|
|
value: note-embeds__style-original
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Minimal
|
|
|
|
|
|
value: note-embeds__style-minimal
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Clean
|
|
|
|
|
|
value: note-embeds__style-clean
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-embed-bg
|
|
|
|
|
|
title: Markdown Embed Background Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: true
|
|
|
|
|
|
default-light: 'hsl(36, 37%, 92%)'
|
|
|
|
|
|
default-dark: 'hsl(30, 15%, 13%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: md-popover
|
|
|
|
|
|
title: 📤 Popovers
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 2
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: popover-default
|
|
|
|
|
|
title: Usual Popover Size (in view widths)
|
|
|
|
|
|
description: This variable is in view widths (percentage of the width of Obsidian's window). Being default at 40vw means that it has a width of 40% of the window's current width size. This allows the popover to dynamically resize depending on the window size. Changing the values of this variable will show you instant changes.
|
|
|
|
|
|
type: variable-number-slider
|
|
|
|
|
|
format: vw
|
|
|
|
|
|
default: 40
|
|
|
|
|
|
min: 10
|
|
|
|
|
|
max: 90
|
|
|
|
|
|
step: 1
|
|
|
|
|
|
-
|
|
|
|
|
|
id: popover-min
|
|
|
|
|
|
title: Minimum Popover Size (in pixels)
|
|
|
|
|
|
description: This variable is in pixels. Being the minimum width at 150px means that the dynamic resizing of the popover in relation to the window's width will not be smaller than this "Maximum Popover Size" value.
|
|
|
|
|
|
type: variable-number-slider
|
|
|
|
|
|
format: px
|
|
|
|
|
|
default: 150
|
|
|
|
|
|
min: 100
|
|
|
|
|
|
max: 1000
|
|
|
|
|
|
step: 1
|
|
|
|
|
|
-
|
|
|
|
|
|
id: popover-max
|
|
|
|
|
|
title: Maximum Popover Size (in pixels)
|
|
|
|
|
|
description: This variable is in pixels. Being the maximum width at 600px means that the dynamic resizing of the popover in relation to the window's width will not be bigger than this "Maximum Popover Size" value.
|
|
|
|
|
|
type: variable-number-slider
|
|
|
|
|
|
format: px
|
|
|
|
|
|
default: 600
|
|
|
|
|
|
min: 100
|
|
|
|
|
|
max: 1000
|
|
|
|
|
|
step: 1
|
|
|
|
|
|
-
|
|
|
|
|
|
id: graph-view
|
|
|
|
|
|
title: 🌐 Graph View
|
|
|
|
|
|
description: Adjust colors of your graph view.
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 1
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: graph-color-node-resolved
|
|
|
|
|
|
title: Resolved Note Node Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: false
|
|
|
|
|
|
default-light: 'hsl(205, 66%, 46%)'
|
|
|
|
|
|
default-dark: 'hsl(198, 75%, 35%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: graph-color-node-unresolved
|
|
|
|
|
|
title: Unresolved Note Node Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: false
|
|
|
|
|
|
default-light: 'hsl(43, 78%, 52%)'
|
|
|
|
|
|
default-dark: 'hsl(43, 100%, 42%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: graph-color-node-unresolved-opacity
|
|
|
|
|
|
title: Unresolved Note Node Opacity
|
|
|
|
|
|
type: variable-text
|
|
|
|
|
|
default: '1'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: graph-color-node-tag
|
|
|
|
|
|
title: Tag Node Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: false
|
|
|
|
|
|
default-light: 'hsl(4, 74%, 53%)'
|
|
|
|
|
|
default-dark: 'hsl(4, 65%, 60%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: graph-color-node-attachment
|
|
|
|
|
|
title: Attachment Node Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: false
|
|
|
|
|
|
default-light: 'hsl(154, 50%, 58%)'
|
|
|
|
|
|
default-dark: 'hsl(154, 52%, 46%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: graph-color-node-focused
|
|
|
|
|
|
title: Focused Node (Opened Note) Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: false
|
|
|
|
|
|
default-light: 'hsl(34, 27%, 40%)'
|
|
|
|
|
|
default-dark: 'hsl(34, 50%, 80%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: graph-color-node-border-hover
|
|
|
|
|
|
title: Node (on hover) Border Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: false
|
|
|
|
|
|
default-light: 'hsl(34, 37%, 70%)'
|
|
|
|
|
|
default-dark: 'hsl(34, 18%, 62%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: graph-color-node-arrow
|
|
|
|
|
|
title: Graph View Arrow Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: false
|
|
|
|
|
|
default-light: 'hsl(34, 28%, 60%)'
|
|
|
|
|
|
default-dark: 'hsl(33, 20%, 30%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: graph-color-node-line
|
|
|
|
|
|
title: Graph View Line Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: false
|
|
|
|
|
|
default-light: 'hsl(36, 34%, 85%)'
|
|
|
|
|
|
default-dark: 'hsl(33, 20%, 20%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: graph-color-node-line-hover
|
|
|
|
|
|
title: Graph View Line (on hover) Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: false
|
|
|
|
|
|
default-light: 'hsl(34, 37%, 70%)'
|
|
|
|
|
|
default-dark: 'hsl(33, 20%, 30%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: graph-color-node-text
|
|
|
|
|
|
title: Graph View Text Color
|
|
|
|
|
|
type: variable-themed-color
|
|
|
|
|
|
format: hsl
|
|
|
|
|
|
opacity: false
|
|
|
|
|
|
default-light: 'hsl(31, 45%, 20%)'
|
|
|
|
|
|
default-dark: 'hsl(34, 18%, 62%)'
|
|
|
|
|
|
-
|
|
|
|
|
|
id: interface-components
|
|
|
|
|
|
title: 🖱️ Interface Components
|
|
|
|
|
|
description: Adjust non-Obsidian native UI components (i.e. scrollbars).
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 1
|
|
|
|
|
|
collapsed: true
|
|
|
|
|
|
-
|
|
|
|
|
|
id: scrollbar-style
|
|
|
|
|
|
title: Scrollbar Style
|
|
|
|
|
|
description:
|
|
|
|
|
|
type: class-select
|
|
|
|
|
|
allowEmpty: false
|
|
|
|
|
|
default: scrollbar__thin
|
|
|
|
|
|
options:
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Thin
|
|
|
|
|
|
value: scrollbar__thin
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Mac (Grabbable)
|
|
|
|
|
|
value: scrollbar__mac
|
|
|
|
|
|
-
|
|
|
|
|
|
label: Hidden
|
|
|
|
|
|
value: scrollbar__hidden
|
|
|
|
|
|
-
|
|
|
|
|
|
id: primary-wiki
|
|
|
|
|
|
title: 💛 Support Primary's Development
|
|
|
|
|
|
description: Consider supporting Primary's Development by donating coffees at ko-fi.com/ceciliamay
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 1
|
|
|
|
|
|
collapsed: false
|
|
|
|
|
|
-
|
|
|
|
|
|
id: primary-wiki
|
|
|
|
|
|
title: 🎯 Follow Primary's Roadmap
|
|
|
|
|
|
description: Look into Primary's grand development through its roadmap at tinyurl.com/primary-board
|
|
|
|
|
|
type: heading
|
|
|
|
|
|
level: 1
|
|
|
|
|
|
collapsed: false
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
/*# sourceMappingURL=obsidian.css.map */
|
