|
|
|
|
|
/*
|
|
|
|
|
|
|
|
|
|
|
|
✦ P R I M A R Y ✦
|
|
|
|
|
|
|
|
|
|
|
|
Obsidian Theme v0.2.7 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: https://ko-fi.com/ceciliamay
|
|
|
|
|
|
|
|
|
|
|
|
README: https://github.com/ceciliamay/obsidian-theme-primary
|
|
|
|
|
|
|
|
|
|
|
|
Feel free to request for particular plugin support
|
|
|
|
|
|
or inform me of any issues through the GitHub link!
|
|
|
|
|
|
|
|
|
|
|
|
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 ->
|
|
|
|
|
|
* Dark Theme Specific
|
|
|
|
|
|
|
|
|
|
|
|
Fonts
|
|
|
|
|
|
Karla (sans-serif)
|
|
|
|
|
|
Lora (serif)
|
|
|
|
|
|
Cascadia Code (monospace)
|
|
|
|
|
|
|
|
|
|
|
|
Variables
|
|
|
|
|
|
Font Families
|
|
|
|
|
|
Font Weight
|
|
|
|
|
|
Typography Modular 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 (Containers & Sizing of Tab Contents)
|
|
|
|
|
|
Vault Title
|
|
|
|
|
|
Starred Files
|
|
|
|
|
|
View Content
|
|
|
|
|
|
Contaner for Outgoing Links and Backlinks Tab
|
|
|
|
|
|
Tags Tab
|
|
|
|
|
|
Outline Tab
|
|
|
|
|
|
Search Results Container
|
|
|
|
|
|
Tree Items for Tab (Links in Tabs)
|
|
|
|
|
|
File Explorer (Specifcs of Tab Contents)
|
|
|
|
|
|
File and Folder Icons for File Title - COMING SOON
|
|
|
|
|
|
File and Folder Relationship Lines - COMING SOON
|
|
|
|
|
|
Starred Files
|
|
|
|
|
|
Search Tab
|
|
|
|
|
|
File Explorer for Light Theme
|
|
|
|
|
|
File Explorer for Dark Theme
|
|
|
|
|
|
Status Bar
|
|
|
|
|
|
|
|
|
|
|
|
Content / Active Note
|
|
|
|
|
|
Note Header
|
|
|
|
|
|
Editor
|
|
|
|
|
|
Typography
|
|
|
|
|
|
Base
|
|
|
|
|
|
Headings
|
|
|
|
|
|
Note Markdown
|
|
|
|
|
|
Emphasis
|
|
|
|
|
|
Bold
|
|
|
|
|
|
Italic
|
|
|
|
|
|
Strikethrough
|
|
|
|
|
|
Highlight
|
|
|
|
|
|
Yellow
|
|
|
|
|
|
Multicolored Highlight - COMING SOON
|
|
|
|
|
|
Blockquotes
|
|
|
|
|
|
Internal Links
|
|
|
|
|
|
Resolved
|
|
|
|
|
|
Unresolved
|
|
|
|
|
|
External Links
|
|
|
|
|
|
Tags/Tag Pill
|
|
|
|
|
|
Lists
|
|
|
|
|
|
Ordered List/Number List
|
|
|
|
|
|
Unordered List/Bullet List
|
|
|
|
|
|
Relationship Lines (in Preview Mode, not Outliner) - COMING SOON
|
|
|
|
|
|
Edit Mode -> Gutter Collapse Icons
|
|
|
|
|
|
Checkboxes
|
|
|
|
|
|
Inline Code/Codeblocks
|
|
|
|
|
|
Copy Code Button
|
|
|
|
|
|
Aside/Sidenotes
|
|
|
|
|
|
Footnotes
|
|
|
|
|
|
Gutter Line Numbers
|
|
|
|
|
|
Active Line
|
|
|
|
|
|
Horizontal Rule
|
|
|
|
|
|
Embeds
|
|
|
|
|
|
Images
|
|
|
|
|
|
Markdown Embed
|
|
|
|
|
|
Mermaid JS (Diagram Generator)
|
|
|
|
|
|
Edit Mode -> Markdown Table
|
|
|
|
|
|
YAML/Metadata
|
|
|
|
|
|
YAML in Preview Mode
|
|
|
|
|
|
YAML in Edit Mode
|
|
|
|
|
|
Document Search
|
|
|
|
|
|
|
|
|
|
|
|
Graph View
|
|
|
|
|
|
Graph View Nodes
|
|
|
|
|
|
Graph View Controls
|
|
|
|
|
|
|
|
|
|
|
|
Other Components
|
|
|
|
|
|
Modals
|
|
|
|
|
|
File Explorer Search Modal
|
|
|
|
|
|
Modal Close
|
|
|
|
|
|
Settings Modal
|
|
|
|
|
|
Command, Quick Switcher etc. Modals
|
|
|
|
|
|
Menu/More Options Modal
|
|
|
|
|
|
Community Plugin 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
|
|
|
|
|
|
|
|
|
|
|
|
Community Plugins
|
|
|
|
|
|
Calendar by Lian Cain
|
|
|
|
|
|
Sliding Pane (Andy's Mode) by death_au
|
|
|
|
|
|
Dataview by Michael Brenan
|
|
|
|
|
|
Outliner Plugin (Edit Mode Relationship Lines) by Viacheslav Slinko
|
|
|
|
|
|
|
|
|
|
|
|
* More Plugins to Support - COMING SOON (See README)
|
|
|
|
|
|
* Submit a Plugin Support Request on Github
|
|
|
|
|
|
* and I'll try looking into it ;)
|
|
|
|
|
|
|
|
|
|
|
|
Custom Icons
|
|
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++Fonts (base64)++++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Karla Regular──────────*/
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: 'Karla';
|
|
|
|
|
|
src: url('data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
url('data:font/woff;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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
|
|
|
|
|
|
url('data:font/woff;charset=utf-8;base64,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
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Lora Regular──────────*/
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: 'Lora';
|
|
|
|
|
|
src: url('data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
url('data:font/woff;charset=utf-8;base64,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
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Lora Italic──────────*/
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: 'Lora';
|
|
|
|
|
|
src: url('data:font/woff2;charset=utf-8;base64,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
|
|
|
|
|
|
url('data:font/woff;charset=utf-8;base64,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
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
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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
|
|
|
|
|
|
url('data:font/woff;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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
|
|
|
|
|
|
url('data:font/woff;charset=utf-8;base64,d09GRgABAAAAAd4kABIAAAAES9QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAHeCAAAABwAAAAci8GkB0dERUYAAZjAAAAAbQAAAH5G203FR1BPUwABwsQAABtEAABGFEeMfb5HU1VCAAGZMAAAKZQAAG8Cmi8SiU9TLzIAAAIQAAAAYAAAAGBtJJWJY21hcAAACmwAAAUSAAAHho5vsYRjdnQgAAAZqAAAAPYAAAFAY/tGVmZwZ20AAA+AAAAIHgAAD5TiGZ5aZ2FzcAABmLAAAAAQAAAAEAA7ACZnbHlmAAAtsAABOI4AAr78a8juO2hlYWQAAAGUAAAANgAAADYuT87UaGhlYQAAAcwAAAAjAAAAJBhC/aNobXR4AAACcAAAB/oAAB54x3T2iGxvY2EAABqgAAATDQAAHpgKKowEbWF4cAAAAfAAAAAgAAAAIAtNAZluYW1lAAFmQAAADmEAACeBxNmJl3Bvc3QAAXSkAAAkCgAAVXSszKUvcHJlcAAAF6AAAAIGAAACpyTR8lYAAQAACDwGqK+NjfhfDzz1AB8IAAAAAADYz+FlAAAAAN1Nm5n+6v0REdgJHwACAAgAAgABAAAAAHjaY2BkYGDP+afAwMCy4d+rTzcEbzCkMAgxIAH26QCuRAf2AAABAAAHpQCcACcAWAAPAAIAEAAvAJoAAALEAHEAAwADAAQEsAGQAAUAAAUzBM3/5QCaBTMEzQB+As0AZAJ8AAACCwYJAgAAAgAEoQAC/0AA+fsABAAgAAAAAFNBSkEAgQAN//0HbP4gAAAIsgHgYAABn9/XAAAEJAWMAAAAIAAMeNrtmXtsVEUUxucuhQZQCQqopcpLxPLaIliooUqplEdBK1hetgqlykNFpS0gIKg80ihFiUUlGl8kiAi1NEowGMUYCVa0JSohMURRQYMSiogKxF6/M/Pd3eHubrsofxh0k1/O3Jm5d2bOzJw5ZzahSnVT+AU2KpVQ5eE8DPKQzgapoAAkJ1QFOiHfQXoUeA4U47kVJd5xjyO9AIwBw8Bg0B2MBHPB20C++zzqL+a7s8FwMBn8CCbgO3WQWWAmCDKNfDWOzzmmPyqdZdeAgaCIz0WsJ33fDcaDGlAKmoNq9uMY+pDA9n9Gu2jf2Yv0jeAmMIfpcpS9D9mH+ZWgLdMHwSXsE8bknoK8BfIY9bQUFIK1YBpIQdlGyFloqwWoZ/8KqPsxbFfGdDm4m3UwLqfCvO/0hewHlhvd6zwhCekekJvBSsyXlGWCRXj+HvII5DIwBenLwCNgOsk3eo/Kp5yLLB85PpKsefAj8/olx2pTzW/1pa6j4P5AnZT7qPQxPjwPEYguhnAuLGQuZM60rGN7PqnHPqcRGWS9JMos9q8pOY5rKpYMss9BS8eVcch+HG8y12k61+pQtn2wESl7ZgTnMSeKtNNF1K1f3gramH7rfeCXqdwbseRu7htP1nAdj+e8xStLueequee8fT8rUsr+do9wDhPNHlZTkdcecqLZh1o/85F3KKGq4YQ13nSrzdGgl9F7aP2UmTl1N1tz671r1ZN9Jmtd75MhUfQR5Dx64/HelXUodvlOPNezzUyr7RJwM3jAWicypp4Yx2HaNm8+5Zs7IBtgJzpwzcA+OvMAbKeDus7XAP1xVoNa2p7+YANsDmxJQOwYdOCgXWeJUs5enDDFkKtBCUgBG5A3HbICsifAKaTr1iLdAbxqcA6CLBTWQV4JeQSyF2SiUm4v69sl7Fcrg9g+bQ8nId0a8jaTjqDSOm8mWek86ruIukmnbr2zJtE6Z7K4BnZzjU3mOXM1aM33qzkfJdY+9eZoIZhCWyLlr7PO8nA9WXO6PuZYPcq1I2vxN2Pf9fg2sg7mzF3I8zfFamsxZQr7m2nZ8lXUx0yuu5zwOavXYzfwJOvK+NO4n+usb4j+WMd9D5xk3YHM+4j6C/p0N5O6S7N0J2U72a7wIGXQ6F58Dfcn6k/OsZUcXynPa9gM9xvL1osOT/Ab3hmRw/N6jjnD9Z5qT/0U0kZL3weADO5Faec62tUu1ll0H/W8iPUqw36C+x1kR9bJDJ87uo1J7MsNZl71OVRDvWRatl/Wz2bKfOoohToqt2yDt7bkuyvY/0LL3qSxbZmPPdgjj4Hp1vvp1nmRSOmdDfJ8F2ViFLvvt++Jlg32y2Ds8/ZcybjP4VjSf67GOu/OlTzb882T1vkWVSr6A8W0a9yT7lbM/Ru0m2NhJ2VNvWP8RPHhHdmrUpZL//4ovyW2/RBt7aWgi9mfTkdzrjhLAM4d53GwBrwJngJVjCvEjv6ONOIJ9Sc4bdD+cFcTYzidkfe0sQ3uYdqNdmbv6TijJWUbxhcXArSrOvGMvZ52ZSX3wb2m/zJmPYYs+tzteC6mcI+upc3OpV0ZR8ZSdxuoxww+Z5BrWZZBu1JHHyLN1HcPGD3qdTmNewN6dH/h2PpxDwpXsT8DuDaGMQZ4GfUl7urNec+z/BiPJCud78sbFOMdj0KrbJDPT/Ly8omXr9jHQuqs0vRRkD7LOtA+xFDrubvBe9bSS5eF3z/jO2dR7sdf/9+GesbgjUGPqTOfOxsixnsW+fEg79pp+z7gDB2zXmjeysLPnrTf/TsEJkbmJSTFLovIz4kPp7chdO/hew6xlMwnHxLv2V9vMKkj3rPy9THX16c4+q7HmRP5LckPlcUab2qMMhWlb/HCtasOkBzj+2mbI/Snn3qMceVFvCNawfhqF+QTkH8Y+69tSo2JV5w7IL9ln3bFJvDu+V3+X+d8n9//578JJsRpszw7Ps8QKssl3vMXBmcEgd/mvGQI2corSAsivu4Mq/1WxmdzhxpCPlwy/U7vHjSVvlIxY8Zs+oDZZCLjTy8mHUUbOIFlXS0CvueujIW3Gvup74D8TG2ENSZe1/caI6w+tTV3VDqG/oQxoOTNYxxUyPENY0zdlyyI37fXMcKy8F11zHjhRROHaHqY7+r/IOS+Z625a3TWmzueZogFHOjDeQ0g5nYQ+wQQFzRryzsqxK7OUdNG4H7S2tRVz5p7GOdjEiRJ5j1VS/YQuTc4ZMlDvrxTXHP3MAbZZdaDs8/0S70A3e1nbAD9uFvIZ6DKzINby7zj4bR6CHI2yOWdkPiPv4IEc/f/T30vz5c6K3/L5yt6/usZ/qXPL42VDvmWsfz8ssg87Tv73vHX0/EGfVYdi0Sp39Q3mvKd/X5zyKevj+5nh/pVb/WrPnKcTX2j0b5FiQVi6rcsdjtnzFdZI3HDaN5de3Yym/b0diuvj5UeZaVHR7HzFVa9TfgO9kKgCyg16WZyv3uSbYvddY2dUNu5NxbyXkDsjcT+X/GOdR/vsy8gsMGOS/CstvEO3Cvfyv8rG8zdkHOx9X5z5gsf8C4Ttk3tQFlLI7VPu477eT/37xazrwPrmXea6Vrq9TQl68k9fOh95olNFb3p/+n4DZ033LIrVn11gjIvXF/nicxTyvlcqcA6yO2QqyB3grd4D1+JvP6Q5QBlgUyQDGaACrlzR/4rQP6vUypZbVJZKlXNVCPVNtWg5qoCtRDpkargL7vkAGsAAHja7dV5UFVVAMfx3znngruyiILG5dyLPFFUFFIEVIwk0TI1cEFcEBJL0dRo0UwcFUxSJBTcUlHcaJEkFRJNx0bTFsRpzCV5eo/PXGqyxWna3j0dnw4z1R/905+dmbucP+6Zez8z93sAMNw/HgJRZ3gtVDPimWteGQBJVZNmSEUbLCJ5pICsICVkLSkjm8hmso1UkmpSQ+pJI7lBviHfE0k70xAaTWNoPB1Ek+homkrH0jSaTrNoDp1Hl9KVtISW0q10N62lh+kx+jE9TRtoI9NYa+bPAlhnFsrCWRRLZC+wRayQrWTb2Bl2XpuirdHWaZu0Cu19rUar045pZ7SL2jXtlnanbUIwguuCj+phem89Ro/Xh+kperqepc/W8/Ut+q+8OfflAVznJu/CHTyc9+bRPI4P4IP4ED6Hz+cr+Da+g+/l1fwAP8SPGl6Gv9HR0A3TcBi9jMlGqbHHqDYs45pJTW+znelnBpidzBCzmx
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++Variables+++++++++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
:root {
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Font Families──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
--font-sans:
|
|
|
|
|
|
'Karla', 'Rubik', 'Inter', -apple-system
|
|
|
|
|
|
BlinkMacSystemFont, 'Segoe UI', 'Ubuntu',
|
|
|
|
|
|
Helvetica, Arial, sans-serif;
|
|
|
|
|
|
--font-serif:
|
|
|
|
|
|
'Lora', 'Vollkorn', Georgia, Garamond, serif;
|
|
|
|
|
|
--font-monospace:
|
|
|
|
|
|
'Cascadia Code', 'JetBrains Mono', 'Fira Code',
|
|
|
|
|
|
Courier, monospace;
|
|
|
|
|
|
|
|
|
|
|
|
--font-preview: var(--font-sans);
|
|
|
|
|
|
--font-editor: var(--font-sans);
|
|
|
|
|
|
--font-header: var(--font-sans);
|
|
|
|
|
|
--font-code: var(--font-monospace);
|
|
|
|
|
|
|
|
|
|
|
|
/* Original Obsidian Font Variables */
|
|
|
|
|
|
--default-font: var(--font-sans);
|
|
|
|
|
|
--mermaid-font: var(--font-preview);
|
|
|
|
|
|
--reveal-font: var(--font-preview);
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Font Weight──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
--font-thin: 100;
|
|
|
|
|
|
--font-extra-light: 200;
|
|
|
|
|
|
--font-light: 300;
|
|
|
|
|
|
--font-regular: 400;
|
|
|
|
|
|
--font-medium: 500;
|
|
|
|
|
|
--font-semi-bold: 600;
|
|
|
|
|
|
--font-bold: 900;
|
|
|
|
|
|
--font-extra-bold: 800;
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Typography Modular Scale──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* Based on Standard 16px */
|
|
|
|
|
|
--line-width: 42em;
|
|
|
|
|
|
--scale-ratio: 1.48;
|
|
|
|
|
|
|
|
|
|
|
|
--font-scale-000: 0.547rem;
|
|
|
|
|
|
--font-scale-00: 0.676rem;
|
|
|
|
|
|
--font-scale-0: 0.81rem;
|
|
|
|
|
|
--font-scale-0-5: 0.875rem;
|
|
|
|
|
|
--font-scale-1: 1rem;
|
|
|
|
|
|
--font-scale-2: 1.198rem;
|
|
|
|
|
|
--font-scale-3: 1.48rem;
|
|
|
|
|
|
--font-scale-4: 1.774rem;
|
|
|
|
|
|
--font-scale-5: 2.19rem;
|
|
|
|
|
|
--font-scale-6: 2.625rem;
|
|
|
|
|
|
--font-scale-7: 3.242rem;
|
|
|
|
|
|
--font-scale-8: 3.885rem;
|
|
|
|
|
|
--font-scale-9: 4.798rem;
|
|
|
|
|
|
--font-scale-10: 5.75rem;
|
|
|
|
|
|
|
|
|
|
|
|
--line-height-000: 0.673em;
|
|
|
|
|
|
--line-height-00: 0.748em;
|
|
|
|
|
|
--line-height-0: 0.86em;
|
|
|
|
|
|
--line-height-1: 1.53em;
|
|
|
|
|
|
--line-height-2: 1.536em;
|
|
|
|
|
|
--line-height-3: 1.495em;
|
|
|
|
|
|
--line-height-4: 1.46em;
|
|
|
|
|
|
--line-height-5: 1.428em;
|
|
|
|
|
|
--line-height-6: 1.407em;
|
|
|
|
|
|
--line-height-7: 1.388em;
|
|
|
|
|
|
--line-height-8: 1.372em;
|
|
|
|
|
|
--line-height-9: 1.359em;
|
|
|
|
|
|
--line-height-10: 1.349em;
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────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──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
--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;
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Duration, Transitions & Animations──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* Duration */
|
|
|
|
|
|
|
|
|
|
|
|
--duration-none: 0;
|
|
|
|
|
|
--duration-fast-1: 220ms;
|
|
|
|
|
|
--duration-fast-2: 360ms;
|
|
|
|
|
|
--duration-moderate-1: 500ms;
|
|
|
|
|
|
--duration-moderate-2: 640ms;
|
|
|
|
|
|
--duration-slow-1: 760ms;
|
|
|
|
|
|
--duration-slow-2: 800ms;
|
|
|
|
|
|
|
|
|
|
|
|
/* 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-50);
|
|
|
|
|
|
|
|
|
|
|
|
--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-50);
|
|
|
|
|
|
|
|
|
|
|
|
--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);
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────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, 34%, 85%);
|
|
|
|
|
|
--color-l-gray-50: hsl(34, 37%, 70%);
|
|
|
|
|
|
--color-l-gray-60: hsl(34, 28%, 60%);
|
|
|
|
|
|
--color-l-gray-70: hsl(31, 23%, 46%);
|
|
|
|
|
|
--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-shadow-10: hsla(180, 1.7%, 20%, 10%);
|
|
|
|
|
|
--color-l-shadow-50: hsla(180, 1.7%, 20%, 30%);
|
|
|
|
|
|
--color-l-shadow-100: hsla(180, 1.7%, 20%, 60%);
|
|
|
|
|
|
|
|
|
|
|
|
--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, 100%, 35%);
|
|
|
|
|
|
|
|
|
|
|
|
--color-l-red: var(--color-l-red-500);
|
|
|
|
|
|
--color-l-red-300: hsl(4, 54%, 61%);
|
|
|
|
|
|
--color-l-red-500: hsl(4, 74%, 53%);
|
|
|
|
|
|
--color-l-red-700: hsl(4, 78%, 42%);
|
|
|
|
|
|
--color-l-red-900: hsl(4, 100%, 24%);
|
|
|
|
|
|
|
|
|
|
|
|
--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, 79%, 36%);
|
|
|
|
|
|
--color-l-blue-900: hsl(205, 95%, 25%);
|
|
|
|
|
|
|
|
|
|
|
|
--color-l-orange: var(--color-l-orange-500);
|
|
|
|
|
|
--color-l-orange-300: hsl(33, 87%, 56%);
|
|
|
|
|
|
--color-l-orange-500: hsl(28, 89%, 50%);
|
|
|
|
|
|
--color-l-orange-700: hsl(20, 76%, 46%);
|
|
|
|
|
|
--color-l-orange-900: hsl(17, 91%, 36%);
|
|
|
|
|
|
|
|
|
|
|
|
--color-l-green: var(--color-l-green-500);
|
|
|
|
|
|
--color-l-green-300: hsl(154, 50%, 58%);
|
|
|
|
|
|
--color-l-green-500: hsl(154, 47%, 49%);
|
|
|
|
|
|
--color-l-green-700: hsl(160, 57%, 37%);
|
|
|
|
|
|
--color-l-green-900: hsl(170, 80%, 27%);
|
|
|
|
|
|
|
|
|
|
|
|
--color-l-violet: var(--color-l-violet-500);
|
|
|
|
|
|
--color-l-violet-300: hsl(269, 47%, 71%);
|
|
|
|
|
|
--color-l-violet-500: hsl(262, 34%, 55%);
|
|
|
|
|
|
--color-l-violet-700: hsl(253, 41%, 42%);
|
|
|
|
|
|
--color-l-violet-900: hsl(246, 70%, 30%);
|
|
|
|
|
|
|
|
|
|
|
|
--color-l-highlight-yellow: hsla(43, 85%, 79%, 1);
|
|
|
|
|
|
--color-l-highlight-red: hsla(0, 91%, 87%, 1);
|
|
|
|
|
|
--color-l-highlight-blue: hsla(182, 66%, 84%, 1);
|
|
|
|
|
|
--color-l-highlight-orange: hsla(19, 100%, 79%, 1);
|
|
|
|
|
|
--color-l-highlight-green: hsla(124, 65%, 87%, 1);
|
|
|
|
|
|
--color-l-highlight-violet: hsla(245, 65%, 87%, 1);
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
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-10);
|
|
|
|
|
|
|
|
|
|
|
|
--background-modifier-success: var(--color-d-green-300);
|
|
|
|
|
|
--background-modifier-error: var(--color-d-red-900);
|
|
|
|
|
|
--background-modifier-error-hover: var(--color-d-red-700);
|
|
|
|
|
|
--background-modifier-cover: var(--color-d-shadow-50);
|
|
|
|
|
|
|
|
|
|
|
|
--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-gray-70);
|
|
|
|
|
|
|
|
|
|
|
|
--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);
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────The PRIMARY Color Palette for Dark Theme──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
--color-d-white: hsl(34, 50%, 80%);
|
|
|
|
|
|
|
|
|
|
|
|
--color-d-gray: var(--color-d-gray-50);
|
|
|
|
|
|
--color-d-gray-10: hsl(34, 18%, 62%); /* Text Faint */
|
|
|
|
|
|
--color-d-gray-20: hsl(35, 27%, 55%); /* Tree Item */
|
|
|
|
|
|
--color-d-gray-30: hsl(34, 24%, 30%); /* Text Disabled */
|
|
|
|
|
|
--color-d-gray-40: hsl(33, 20%, 30%); /* Icon Disabled */
|
|
|
|
|
|
--color-d-gray-50: hsl(33, 20%, 20%); /* Border */
|
|
|
|
|
|
--color-d-gray-60: hsl(32, 22%, 15%); /* Select Tree Item BG */
|
|
|
|
|
|
--color-d-gray-70: hsl(27, 14%, 15%); /* Note BG */
|
|
|
|
|
|
--color-d-gray-80: hsl(32, 19%, 13%); /* Status Bar */
|
|
|
|
|
|
--color-d-gray-90: hsl(30, 15%, 13%); /* Codes/ YAML*/
|
|
|
|
|
|
|
|
|
|
|
|
--color-d-black: hsl(27, 15%, 12%); /* Tabs BG */
|
|
|
|
|
|
|
|
|
|
|
|
--color-d-blacker: hsl(26, 16%, 9%); /* Shadow */
|
|
|
|
|
|
|
|
|
|
|
|
--color-d-shadow-10: rgba(0, 0, 0, 0.45);
|
|
|
|
|
|
--color-d-shadow-50: rgba(0, 0, 0, 0.75);
|
|
|
|
|
|
--color-d-shadow-100: rgba(0, 0, 0, 0.95);
|
|
|
|
|
|
|
|
|
|
|
|
--color-d-yellow: var(--color-d-yellow-500);
|
|
|
|
|
|
--color-d-yellow-300: hsl(50, 91%, 64%);
|
|
|
|
|
|
--color-d-yellow-500: hsl(50, 100%, 46%);
|
|
|
|
|
|
--color-d-yellow-700: hsl(43, 100%, 42%);
|
|
|
|
|
|
--color-d-yellow-900: hsl(50, 83%, 32%);
|
|
|
|
|
|
|
|
|
|
|
|
--color-d-red: var(--color-d-red-900);
|
|
|
|
|
|
--color-d-red-300: hsl(4, 88%, 74%);
|
|
|
|
|
|
--color-d-red-500: hsl(4, 65%, 60%);
|
|
|
|
|
|
--color-d-red-700: hsl(4, 86%, 56%);
|
|
|
|
|
|
--color-d-red-900: hsl(4, 50%, 52%);
|
|
|
|
|
|
|
|
|
|
|
|
--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, 55%, 47%);
|
|
|
|
|
|
|
|
|
|
|
|
--color-d-orange: var(--color-d-orange-500);
|
|
|
|
|
|
--color-d-orange-300: hsl(27, 100%, 67%);
|
|
|
|
|
|
--color-d-orange-500: hsl(24, 71%, 57%);
|
|
|
|
|
|
--color-d-orange-700: hsl(21, 60%, 51%);
|
|
|
|
|
|
--color-d-orange-900: hsl(20, 77%, 41%);
|
|
|
|
|
|
|
|
|
|
|
|
--color-d-green: var(--color-d-green-500);
|
|
|
|
|
|
--color-d-green-300: hsl(154, 66%, 72%);
|
|
|
|
|
|
--color-d-green-500: hsl(154, 52%, 46%);
|
|
|
|
|
|
--color-d-green-700: hsl(154, 38%, 40%);
|
|
|
|
|
|
--color-d-green-900: hsl(155, 81%, 24%);
|
|
|
|
|
|
|
|
|
|
|
|
--color-d-violet: var(--color-d-violet-500);
|
|
|
|
|
|
--color-d-violet-300: hsl(246, 100%, 83%);
|
|
|
|
|
|
--color-d-violet-500: hsl(244, 60%, 67%);
|
|
|
|
|
|
--color-d-violet-700: hsl(244, 52%, 57%);
|
|
|
|
|
|
--color-d-violet-900: hsl(239, 61%, 54%);
|
|
|
|
|
|
|
|
|
|
|
|
--color-d-highlight-yellow: rgb(109, 86, 17);
|
|
|
|
|
|
--color-d-highlight-red: hsl(4, 65%, 27%);
|
|
|
|
|
|
--color-d-highlight-blue: hsl(201, 79%, 23%);
|
|
|
|
|
|
--color-d-highlight-orange: hsl(27, 94%, 25%);
|
|
|
|
|
|
--color-d-highlight-green: hsl(115, 61%, 15%);
|
|
|
|
|
|
--color-d-highlight-violet: hsl(281, 39%, 24%);
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.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-minimize:hover {
|
|
|
|
|
|
color: var(--color-l-white);
|
|
|
|
|
|
background: var(--color-l-blue-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .titlebar-button.mod-maximize:hover {
|
|
|
|
|
|
color: var(--color-l-white);
|
|
|
|
|
|
background: var(--color-l-yellow-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .titlebar-button.mod-close:hover {
|
|
|
|
|
|
color: var(--color-l-white);
|
|
|
|
|
|
background: var(--color-l-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Titlebar for Dark Theme──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .titlebar {
|
|
|
|
|
|
background: var(--color-d-gray-70);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.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-minimize:hover {
|
|
|
|
|
|
color: var(--color-d-white);
|
|
|
|
|
|
background: var(--color-d-blue-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .titlebar-button.mod-maximize:hover {
|
|
|
|
|
|
color: var(--color-d-white);
|
|
|
|
|
|
background: var(--color-d-yellow-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .titlebar-button.mod-close:hover {
|
|
|
|
|
|
color: var(--color-d-white);
|
|
|
|
|
|
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 Icons Sizing */
|
|
|
|
|
|
|
|
|
|
|
|
.side-dock-ribbon-action {
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-4)
|
|
|
|
|
|
var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-ribbon.side-dock-ribbon
|
|
|
|
|
|
.workspace-ribbon-collapse-btn {
|
|
|
|
|
|
margin-top: var(--scale-2-3);
|
|
|
|
|
|
padding: var(--scale-2-4)
|
|
|
|
|
|
var(--scale-2-5);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-ribbon.side-dock-ribbon
|
|
|
|
|
|
.side-dock-settings {
|
|
|
|
|
|
margin-bottom: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Moves Left and Right Collapse Button to Bottom
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-ribbon.side-dock-ribbon.mod-left
|
|
|
|
|
|
.workspace-ribbon-collapse-btn {
|
|
|
|
|
|
order: 1;
|
|
|
|
|
|
margin-top: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-ribbon.side-dock-ribbon.mod-right {
|
|
|
|
|
|
flex-direction: column-reverse;
|
|
|
|
|
|
}*/
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────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+2):hover {
|
|
|
|
|
|
color: var(--color-l-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .workspace-ribbon
|
|
|
|
|
|
.side-dock-ribbon-action:nth-child(3n+3):hover {
|
|
|
|
|
|
color: var(--color-l-blue-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.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+2):hover {
|
|
|
|
|
|
color: var(--color-d-red-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .workspace-ribbon
|
|
|
|
|
|
.side-dock-ribbon-action:nth-child(3n+3):hover {
|
|
|
|
|
|
color: var(--color-d-blue-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.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──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
|
Aligns the Left Sidebar
|
|
|
|
|
|
Tabs from the left (left -> center)
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-split.mod-left-split
|
|
|
|
|
|
.workspace-tab-header-contrainer {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
|
Aligns the Right Sidebar
|
|
|
|
|
|
Tabs from the right (right -> center)
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
.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-0-0)
|
|
|
|
|
|
var(--scale-2-2);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.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-header,
|
|
|
|
|
|
.workspace-tab-header-inner,
|
|
|
|
|
|
.workspace-tab-container-before,
|
|
|
|
|
|
.workspace-tab-container-after {
|
|
|
|
|
|
transition: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.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-after .workspace-tab-header-inner,
|
|
|
|
|
|
.workspace-tab-container-after.is-after-active .workspace-tab-header-inner,
|
|
|
|
|
|
.workspace-tab-container-before.is-before-active .workspace-tab-header-inner,
|
|
|
|
|
|
.workspace-tab-header.is-before-active .workspace-tab-header-inner,
|
|
|
|
|
|
.workspace-tab-header.is-after-active,
|
|
|
|
|
|
.workspace-tab-header.is-after-active .workspace-tab-header-inner,
|
|
|
|
|
|
.workspace-tab-header.is-before-active,
|
|
|
|
|
|
.workspace-tab-header.is-after-active {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Tab Header Icon Sizing──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
body .workspace-tab-header
|
|
|
|
|
|
.workspace-tab-header-inner-icon svg {
|
|
|
|
|
|
height: var(--scale-8-2);
|
|
|
|
|
|
width: var(--scale-8-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Tab Header for Light Theme──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .workspace-tab-header:not(.workspace-tab-header.is-active) {
|
|
|
|
|
|
border: 1px solid var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.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,
|
|
|
|
|
|
0px 2px 4px 0px rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Tab Header Icons on Hover (except Active Tab) ~*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .workspace-tab-header:not(.workspace-tab-header.is-active):hover {
|
|
|
|
|
|
color: var(--color-l-gray-60);
|
|
|
|
|
|
border: 1px solid var(--color-l-gray-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Alternating Colored Headers (for Active Tab) — Left Panel ~*/
|
|
|
|
|
|
|
|
|
|
|
|
.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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Alternating Colored Headers (for Active Tab) — Right Panel ~*/
|
|
|
|
|
|
|
|
|
|
|
|
.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 Theme──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .workspace-tab-header:not(.workspace-tab-header.is-active) {
|
|
|
|
|
|
border: 1px solid var(--color-d-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.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,
|
|
|
|
|
|
0px 2px 4px 0px rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Tab Header Icons on Hover (except Active Tab) ~*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .workspace-tab-header:not(.workspace-tab-header.is-active):hover {
|
|
|
|
|
|
color: var(--color-d-gray-40);
|
|
|
|
|
|
border: 1px solid var(--color-d-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Alternating Colored Headers (for Active Tab) — Left Panel ~*/
|
|
|
|
|
|
|
|
|
|
|
|
.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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Alternating Colored Headers (for Active Tab) — Right Panel ~*/
|
|
|
|
|
|
|
|
|
|
|
|
.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-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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-split.mod-left-split .nav-buttons-container,
|
|
|
|
|
|
.workspace-split.mod-right-split .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-4);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Nav Header Icon Sizing──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
body .nav-action-button svg {
|
|
|
|
|
|
height: var(--scale-8-2);
|
|
|
|
|
|
width: var(--scale-8-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Nav Header Buttons for Light Theme──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.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-90);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .nav-action-button:not(.nav-action-button.is-active):hover {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Nav Header Buttons for Dark Theme──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.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:not(.nav-action-button.is-active):hover {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Tab Content
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Vault Title──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.nav-folder.mod-root > .nav-folder-title {
|
|
|
|
|
|
display: none; /* Remove display: to show Vault Title */
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
position: sticky;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
background: var(--background-secondary);
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
padding-bottom: var(--scale-2-4);
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
margin-bottom: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
.nav-folder.mod-root > .nav-folder-title:hover {
|
|
|
|
|
|
color: var(--text-normal) !important;
|
|
|
|
|
|
background: transparent !important;
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Starred Files──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.item-list {
|
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
|
padding-bottom: 20px;
|
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────View Content──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-split.mod-left-split .view-content,
|
|
|
|
|
|
.workspace-split.mod-right-split .view-content {
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
padding: var(--scale-2-4)
|
|
|
|
|
|
var(--scale-2-4)
|
|
|
|
|
|
var(--scale-2-4)
|
|
|
|
|
|
var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Contaner for Outgoing Links and Backlinks Tab──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.node-insert-event {
|
|
|
|
|
|
padding-right: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Tags Tab──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.tag-container {
|
|
|
|
|
|
font-size: var(--font-scale-1);
|
|
|
|
|
|
padding: var(--scale-2-4)
|
|
|
|
|
|
var(--scale-2-4)
|
|
|
|
|
|
var(--scale-2-4)
|
|
|
|
|
|
var(--scale-2-4);
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Outline Tab──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.outline {
|
|
|
|
|
|
font-size: var(--font-scale-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Search Results Container──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.search-result-container {
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.search-results-children {
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-6)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Tree Items for Tabs──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.tree-item-self {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tree-item-self-inner {
|
|
|
|
|
|
line-height: 1em;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Tree Items for Tabs for Light Theme ~*/
|
|
|
|
|
|
|
|
|
|
|
|
.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-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .tree-item-self.is-clickable:active {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.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:hover
|
|
|
|
|
|
.tree-item-flair {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
background: var(--color-l-gray-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Tree Items for Tabs for Dark Theme ~*/
|
|
|
|
|
|
|
|
|
|
|
|
.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:active {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
background: var(--color-d-blacker);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.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:hover
|
|
|
|
|
|
.tree-item-flair {
|
|
|
|
|
|
color: var(--color-d-white);
|
|
|
|
|
|
background: var(--color-d-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
File Explorer
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.nav-files-container {
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-4)
|
|
|
|
|
|
var(--scale-2-4)
|
|
|
|
|
|
var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nav-file-title,
|
|
|
|
|
|
.nav-folder-title,
|
|
|
|
|
|
.nav-vault-title,
|
|
|
|
|
|
.nav-folder-title {
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nav-folder-title,
|
|
|
|
|
|
.nav-file-title {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nav-folder-title {
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nav-file-title {
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.nav-file-title-content,
|
|
|
|
|
|
.search-result-file-title,
|
|
|
|
|
|
.nav-folder-title {
|
|
|
|
|
|
text-overflow: unset;
|
|
|
|
|
|
white-space: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Turns off "Show Full File Names" for
|
|
|
|
|
|
File Explorer
|
|
|
|
|
|
.nav-folder-title-content,
|
|
|
|
|
|
.nav-file-title-content {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
line-height: var(--scale-2-10);
|
|
|
|
|
|
} */
|
|
|
|
|
|
|
|
|
|
|
|
.nav-folder-collapse-indicator.collapse-icon {
|
|
|
|
|
|
margin-left: var(--scale-2-7);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────File and Folder Icons for File Explorer─────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* Not Done - COMING SOON */
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────File and Folder Relationship Lines for File Explorer─────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* Not Done - COMING SOON */
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Starred Files─────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-leaf-content[data-type="starred"] {
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-8-1)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-8-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-leaf-content[data-type="starred"]
|
|
|
|
|
|
.nav-file .nav-file-icon {
|
|
|
|
|
|
/* Adjusts the icon properly
|
|
|
|
|
|
margin-top: var(--scale-2-1);
|
|
|
|
|
|
margin-right: var(--scale-2-1); */
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Search Tab─────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-leaf-content[data-type="search"]
|
|
|
|
|
|
.search-results-children {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-8-1)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-8-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-leaf-content[data-type="search"]
|
|
|
|
|
|
.tree-item-self.search-result-file-title.is-clickable {
|
|
|
|
|
|
padding: var(--scale-2-2)
|
|
|
|
|
|
var(--scale-2-3)
|
|
|
|
|
|
var(--scale-2-2)
|
|
|
|
|
|
var(--scale-2-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-leaf-content[data-type="search"]
|
|
|
|
|
|
.tree-item.search-result.is-collapsed {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-leaf-content[data-type="search"]
|
|
|
|
|
|
.tree-item.search-result.is-collapsed
|
|
|
|
|
|
.tree-item-self {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
line-height: calc(var(--line-height-1) - 1px);
|
|
|
|
|
|
font-weight: var(--font-regular);
|
|
|
|
|
|
transition: font-weight
|
|
|
|
|
|
var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-leaf-content[data-type="search"]
|
|
|
|
|
|
.tree-item-self {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
line-height: calc(var(--line-height-1) - 1px);
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-leaf-content[data-type="search"]
|
|
|
|
|
|
.search-result-file-match {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
line-height: var(--line-height-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────File Explorer for Light Theme──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .nav-file-title,
|
|
|
|
|
|
.theme-light .nav-folder-title,
|
|
|
|
|
|
.theme-light .nav-vault-title,
|
|
|
|
|
|
.theme-light .nav-folder-title {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
.theme-light .nav-file-title:hover,
|
|
|
|
|
|
.theme-light .nav-folder-title:hover,
|
|
|
|
|
|
.theme-light .nav-vault-title:hover,
|
|
|
|
|
|
.theme-light .nav-folder-title:hover {
|
|
|
|
|
|
color: var(--color-l-gray-80) !important;
|
|
|
|
|
|
background: var(--color-l-gray-40) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
.theme-light .nav-file-title:active,
|
|
|
|
|
|
.theme-light .nav-folder-title:active,
|
|
|
|
|
|
.theme-light .nav-vault-title:active,
|
|
|
|
|
|
.theme-light .nav-folder-title:active {
|
|
|
|
|
|
color: var(--color-l-gray-80) !important;
|
|
|
|
|
|
background: var(--color-l-gray-10) !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 .workspace-leaf-content[data-type="search"]
|
|
|
|
|
|
.tree-item.search-result .search-result-file-match:hover {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light span.search-result-file-matched-text {
|
|
|
|
|
|
color: var(--color-l-black);
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
background: var(--color-l-highlight-yellow);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .workspace-leaf-content[data-type="search"]
|
|
|
|
|
|
.tree-item.search-result .search-result-file-match:hover
|
|
|
|
|
|
span.search-result-file-matched-text {
|
|
|
|
|
|
background: var(--color-l-yellow-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────File Explorer for Dark Theme──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .nav-file-title,
|
|
|
|
|
|
.theme-dark .nav-folder-title,
|
|
|
|
|
|
.theme-dark .nav-vault-title,
|
|
|
|
|
|
.theme-dark .nav-folder-title {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
.theme-dark .nav-file-title:hover,
|
|
|
|
|
|
.theme-dark .nav-folder-title:hover,
|
|
|
|
|
|
.theme-dark .nav-vault-title:hover,
|
|
|
|
|
|
.theme-dark .nav-folder-title:hover {
|
|
|
|
|
|
color: var(--color-d-gray-20) !important;
|
|
|
|
|
|
background: var(--color-d-gray-60) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
.theme-dark .nav-file-title:active,
|
|
|
|
|
|
.theme-dark .nav-folder-title:active,
|
|
|
|
|
|
.theme-dark .nav-vault-title:active,
|
|
|
|
|
|
.theme-dark .nav-folder-title:active {
|
|
|
|
|
|
color: var(--color-d-gray-20) !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.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 .nav-file-tag {
|
|
|
|
|
|
background: var(--color-d-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .workspace-leaf-content[data-type="search"]
|
|
|
|
|
|
.tree-item.search-result .search-result-file-match:hover {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
background: var(--color-d-gray-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark span.search-result-file-matched-text {
|
|
|
|
|
|
color: var(--color-d-black);
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
background: var(--color-d-yellow-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .workspace-leaf-content[data-type="search"]
|
|
|
|
|
|
.tree-item.search-result .search-result-file-match:hover
|
|
|
|
|
|
span.search-result-file-matched-text {
|
|
|
|
|
|
background: var(--color-d-yellow-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Status Bar
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.status-bar {
|
|
|
|
|
|
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-4)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-4);
|
|
|
|
|
|
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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Status Bar for Light Theme──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .status-bar-item {
|
|
|
|
|
|
color: var(--color-l-gray-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .status-bar-item:hover {
|
|
|
|
|
|
color: var(--color-l-gray-90);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Sync Icons for Status Bar ~*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .sync-status-icon.mod-working svg {
|
|
|
|
|
|
color: var(--color-l-red-300);
|
|
|
|
|
|
height: var(--scale-8-2);
|
|
|
|
|
|
width: var(--scale-8-2);
|
|
|
|
|
|
vertical-align: -3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .sync-status-icon.mod-success svg {
|
|
|
|
|
|
color: var(--color-l-gray-60);
|
|
|
|
|
|
height: var(--scale-8-2);
|
|
|
|
|
|
width: var(--scale-8-2);
|
|
|
|
|
|
vertical-align: -3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .sync-status-icon.mod-success:hover svg {
|
|
|
|
|
|
color: var(--color-l-green-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Status Bar for Dark Theme──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .status-bar-item {
|
|
|
|
|
|
color: var(--color-d-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .status-bar-item:hover {
|
|
|
|
|
|
color: var(--color-d-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Sync Icons for Status Bar ~*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .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 .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 .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;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Active Note Panel -> is Highlighted (Unlink Pane) */
|
|
|
|
|
|
.workspace-leaf.is-highlighted::before {
|
|
|
|
|
|
background: var(--color-l-highlight-yellow);
|
|
|
|
|
|
opacity: 0.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Note Header
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.view-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-title-container:after {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.view-header-icon,
|
|
|
|
|
|
.view-header-title,
|
|
|
|
|
|
.view-action {
|
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Some Fixes on Tiny Padding Issues */
|
|
|
|
|
|
.workspace-split.mod-vertical.mod-root
|
|
|
|
|
|
.workspace-leaf {
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Note Header for Light Theme─────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
.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-title {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Non-active Notes Icon Colors */
|
|
|
|
|
|
.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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Non-active Notes "Drag to Rearrange Icon on Hover */
|
|
|
|
|
|
.theme-light .workspace-leaf:not(.workspace-leaf.mod-active)
|
|
|
|
|
|
.view-header .view-header-icon:hover {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Action Icons for All Notes */
|
|
|
|
|
|
.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+2):hover {
|
|
|
|
|
|
color: var(--color-l-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .workspace-leaf .view-header
|
|
|
|
|
|
.view-action:nth-child(3n+3):hover {
|
|
|
|
|
|
color: var(--color-l-blue-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Note Header for Dark Theme─────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
.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-title {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Non-active Notes Icon Colors */
|
|
|
|
|
|
.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-title {
|
|
|
|
|
|
color: var(--color-d-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Non-active Notes "Drag to Rearrange Icon on Hover */
|
|
|
|
|
|
.theme-dark .workspace-leaf:not(.workspace-leaf.mod-active)
|
|
|
|
|
|
.view-header .view-header-icon:hover {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Action Icons for All Notes */
|
|
|
|
|
|
.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+2):hover {
|
|
|
|
|
|
color: var(--color-d-red-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .workspace-leaf .view-header
|
|
|
|
|
|
.view-action:nth-child(3n+3):hover {
|
|
|
|
|
|
color: var(--color-d-blue-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Editor
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-source-view.is-readable-line-width
|
|
|
|
|
|
.CodeMirror {
|
|
|
|
|
|
max-width: 672px;
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view.is-readable-line-width
|
|
|
|
|
|
.markdown-preview-sizer {
|
|
|
|
|
|
width: var(--line-width);
|
|
|
|
|
|
max-width: 80%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror .CodeMirror-line {
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-lines {
|
|
|
|
|
|
padding-top: calc(20px + var(--scale-2-8));
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Typography
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Body Typography Base──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view {
|
|
|
|
|
|
font-optical-sizing: auto;
|
|
|
|
|
|
font-family: var(--font-preview);
|
|
|
|
|
|
line-height: var(--line-height-1);
|
|
|
|
|
|
letter-spacing: var(--tracking-0);
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian {
|
|
|
|
|
|
font-optical-sizing: auto;
|
|
|
|
|
|
font-family: var(--font-editor);
|
|
|
|
|
|
line-height: var(--line-height-1);
|
|
|
|
|
|
letter-spacing: var(--tracking-0);
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Headings──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* Header Sizing */
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view h1,
|
|
|
|
|
|
.HyperMD-header-1,
|
|
|
|
|
|
.cm-header-1 {
|
|
|
|
|
|
font-family: var(--font-header);
|
|
|
|
|
|
font-size: var(--font-scale-7);
|
|
|
|
|
|
line-height: var(--line-height-7);
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
margin: var(--scale-8-2)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-8-2)
|
|
|
|
|
|
var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view h2,
|
|
|
|
|
|
.HyperMD-header-2,
|
|
|
|
|
|
.cm-header-2 {
|
|
|
|
|
|
font-family: var(--font-header);
|
|
|
|
|
|
font-size: var(--font-scale-6);
|
|
|
|
|
|
line-height: var(--line-height-6);
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
margin: var(--scale-8-2)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-8-2)
|
|
|
|
|
|
var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view h3,
|
|
|
|
|
|
.HyperMD-header-3,
|
|
|
|
|
|
.cm-header-3 {
|
|
|
|
|
|
font-family: var(--font-header);
|
|
|
|
|
|
font-size: var(--font-scale-5);
|
|
|
|
|
|
line-height: var(--line-height-5);
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
margin: var(--scale-8-2)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-8-2)
|
|
|
|
|
|
var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view h4,
|
|
|
|
|
|
.HyperMD-header-4,
|
|
|
|
|
|
.cm-header-4 {
|
|
|
|
|
|
font-family: var(--font-header);
|
|
|
|
|
|
font-size: var(--font-scale-4);
|
|
|
|
|
|
line-height: var(--line-height-4);
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
margin: var(--scale-8-2)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-8-2)
|
|
|
|
|
|
var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view h5,
|
|
|
|
|
|
.HyperMD-header-5,
|
|
|
|
|
|
.cm-header-5 {
|
|
|
|
|
|
font-family: var(--font-header);
|
|
|
|
|
|
font-size: var(--font-scale-3);
|
|
|
|
|
|
line-height: var(--line-height-3);
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
margin: var(--scale-8-2)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-8-2)
|
|
|
|
|
|
var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view h6,
|
|
|
|
|
|
.HyperMD-header-6,
|
|
|
|
|
|
.cm-header-6 {
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
font-family: var(--font-header);
|
|
|
|
|
|
font-size: var(--font-scale-2);
|
|
|
|
|
|
line-height: var(--line-height-2);
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
margin: var(--scale-8-2)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-8-2)
|
|
|
|
|
|
var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* +++ Heading Size +++ */
|
|
|
|
|
|
|
|
|
|
|
|
/* Heading Large Size */
|
|
|
|
|
|
|
|
|
|
|
|
:root .primary-header-large-size {
|
|
|
|
|
|
/*──────────Typography Modular Scale──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* Based on Standard 16px */
|
|
|
|
|
|
--scale-ratio: 1.48;
|
|
|
|
|
|
|
|
|
|
|
|
--font-scale-000: 0.547rem;
|
|
|
|
|
|
--font-scale-00: 0.676rem;
|
|
|
|
|
|
--font-scale-0: 0.81rem;
|
|
|
|
|
|
--font-scale-0-5: 0.875rem;
|
|
|
|
|
|
--font-scale-1: 1rem;
|
|
|
|
|
|
--font-scale-2: 1.198rem;
|
|
|
|
|
|
--font-scale-3: 1.48rem;
|
|
|
|
|
|
--font-scale-4: 1.774rem;
|
|
|
|
|
|
--font-scale-5: 2.19rem;
|
|
|
|
|
|
--font-scale-6: 2.625rem;
|
|
|
|
|
|
--font-scale-7: 3.242rem;
|
|
|
|
|
|
--font-scale-8: 3.885rem;
|
|
|
|
|
|
--font-scale-9: 4.798rem;
|
|
|
|
|
|
--font-scale-10: 5.75rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Heading Medium Size */
|
|
|
|
|
|
|
|
|
|
|
|
:root .primary-header-medium-size {
|
|
|
|
|
|
/*──────────Typography Modular Scale──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* Based on Standard 16px */
|
|
|
|
|
|
--scale-ratio: 1.32;
|
|
|
|
|
|
|
|
|
|
|
|
--font-scale-000: 0.652rem;
|
|
|
|
|
|
--font-scale-00: 0.694rem;
|
|
|
|
|
|
--font-scale-0: 0.783rem;
|
|
|
|
|
|
--font-scale-0-5: 0.875rem;
|
|
|
|
|
|
--font-scale-1: 1rem;
|
|
|
|
|
|
--font-scale-2: 1.179rem;
|
|
|
|
|
|
--font-scale-3: 1.32rem;
|
|
|
|
|
|
--font-scale-4: 1.557rem;
|
|
|
|
|
|
--font-scale-5: 1.742rem;
|
|
|
|
|
|
--font-scale-6: 2.055rem;
|
|
|
|
|
|
--font-scale-7: 2.3rem;
|
|
|
|
|
|
--font-scale-8: 2.712rem;
|
|
|
|
|
|
--font-scale-9: 3.036rem;
|
|
|
|
|
|
--font-scale-10: 3.58rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Heading Small Size */
|
|
|
|
|
|
|
|
|
|
|
|
:root .primary-header-small-size {
|
|
|
|
|
|
/*──────────Typography Modular Scale──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* Based on Standard 16px */
|
|
|
|
|
|
--scale-ratio: 1.23;
|
|
|
|
|
|
|
|
|
|
|
|
--font-scale-000: 0.652rem;
|
|
|
|
|
|
--font-scale-00: 0.694rem;
|
|
|
|
|
|
--font-scale-0: 0.783rem;
|
|
|
|
|
|
--font-scale-0-5: 0.875rem;
|
|
|
|
|
|
--font-scale-1: 1rem;
|
|
|
|
|
|
--font-scale-2: 1.12rem;
|
|
|
|
|
|
--font-scale-3: 1.23rem;
|
|
|
|
|
|
--font-scale-4: 1.378rem;
|
|
|
|
|
|
--font-scale-5: 1.513rem;
|
|
|
|
|
|
--font-scale-6: 1.695rem;
|
|
|
|
|
|
--font-scale-7: 1.861rem;
|
|
|
|
|
|
--font-scale-8: 2.085rem;
|
|
|
|
|
|
--font-scale-9: 2.289rem;
|
|
|
|
|
|
--font-scale-10: 2.564rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Note Markdown
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian span.cm-formatting.cm-strong, {
|
|
|
|
|
|
color: var(--color-l-gray-40);
|
|
|
|
|
|
font-weight: var(--font-regular);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Emphasis──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* Bold for Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .cm-s-obsidian .cm-strong,
|
|
|
|
|
|
.theme-light .markdown-preview-section strong {
|
|
|
|
|
|
color: var(--color-l-red);
|
|
|
|
|
|
transition: color
|
|
|
|
|
|
var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .markdown-preview-section strong:hover {
|
|
|
|
|
|
color: var(--color-l-red-900);
|
|
|
|
|
|
transition: color
|
|
|
|
|
|
var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Bold for Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .cm-s-obsidian .cm-strong,
|
|
|
|
|
|
.theme-dark .markdown-preview-section strong {
|
|
|
|
|
|
color: var(--color-d-red-700);
|
|
|
|
|
|
transition: color
|
|
|
|
|
|
var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .markdown-preview-section strong:hover {
|
|
|
|
|
|
color: var(--color-d-red-500);
|
|
|
|
|
|
transition: color
|
|
|
|
|
|
var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Italic for Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.cm-em, em {
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .cm-em,
|
|
|
|
|
|
.theme-light em {
|
|
|
|
|
|
color: var(--color-l-blue);
|
|
|
|
|
|
transition: color
|
|
|
|
|
|
var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light em:hover {
|
|
|
|
|
|
color: var(--color-l-blue-900);
|
|
|
|
|
|
transition: color
|
|
|
|
|
|
var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Italic for Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .cm-em,
|
|
|
|
|
|
.theme-dark em {
|
|
|
|
|
|
color: var(--color-d-blue-700);
|
|
|
|
|
|
transition: color
|
|
|
|
|
|
var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark em:hover {
|
|
|
|
|
|
color: var(--color-d-blue-900);
|
|
|
|
|
|
transition: color
|
|
|
|
|
|
var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Strikethrough */
|
|
|
|
|
|
|
|
|
|
|
|
.cm-strikethrough, del {
|
|
|
|
|
|
color: var(--text-faint);
|
|
|
|
|
|
text-decoration: line-through;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-strikethrough:hover, del:hover {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Highlight */
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Highlight for Light Theme ~*/
|
|
|
|
|
|
|
|
|
|
|
|
/* Yellow */
|
|
|
|
|
|
.theme-light .markdown-preview-view mark,
|
|
|
|
|
|
.theme-light .cm-s-obisidian span.cm-highlight {
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
background: var(--color-l-highlight-yellow);
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
transition: background
|
|
|
|
|
|
var(--duration-moderate-1)
|
|
|
|
|
|
var(--motion-jumpy);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .markdown-preview-view mark:hover {
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
filter: brightness(1) saturate(1.5);
|
|
|
|
|
|
transition: background
|
|
|
|
|
|
var(--duration-moderate-1)
|
|
|
|
|
|
var(--motion-jumpy);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Multi-colored Highlight for Light Theme
|
|
|
|
|
|
COMING SOON */
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Highlight for Dark Theme ~*/
|
|
|
|
|
|
|
|
|
|
|
|
/* Yellow */
|
|
|
|
|
|
.theme-dark .markdown-preview-view mark,
|
|
|
|
|
|
.theme-dark .cm-s-obisidian span.cm-highlight {
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
background: var(--color-d-highlight-yellow);
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
transition: background
|
|
|
|
|
|
var(--duration-moderate-1)
|
|
|
|
|
|
var(--motion-jumpy);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .markdown-preview-view mark:hover {
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
filter: brightness(1) saturate(1.5);
|
|
|
|
|
|
transition: background
|
|
|
|
|
|
var(--duration-moderate-1)
|
|
|
|
|
|
var(--motion-jumpy);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Multi-colored Highlight for Dark Theme
|
|
|
|
|
|
COMING SOON */
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Blockquotes──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
blockquote p {
|
|
|
|
|
|
display: inline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view blockquote {
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
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(--background-modifier-border);
|
|
|
|
|
|
margin-left: var(--scale-0-0);
|
|
|
|
|
|
margin-right: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
.HyperMD-quote.CodeMirror-line {
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-18)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-18) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Internal Links──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* Resolved Links */
|
|
|
|
|
|
.markdown-preview-view .internal-link {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
border-bottom: 1px solid currentColor;
|
|
|
|
|
|
transition: color
|
|
|
|
|
|
var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view .internal-link:hover {
|
|
|
|
|
|
transition: color
|
|
|
|
|
|
var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian span.cm-hmd-internal-link,
|
|
|
|
|
|
.cm-s-obsidian span.cm-hmd-internal-link:hover {
|
|
|
|
|
|
text-decoration: underline solid 1px;
|
|
|
|
|
|
transition: color
|
|
|
|
|
|
var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian span.cm-hmd-internal-link:hover {
|
|
|
|
|
|
color: var(--text-accent-hover);
|
|
|
|
|
|
transition: color
|
|
|
|
|
|
var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Unresolved Links */
|
|
|
|
|
|
.markdown-preview-view
|
|
|
|
|
|
.internal-link.is-unresolved {
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view
|
|
|
|
|
|
.internal-link.is-unresolved:hover {
|
|
|
|
|
|
color: var(--text-accent-hover);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────External Links──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.external-link {
|
|
|
|
|
|
word-break: break-all;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
border-bottom: 1px double currentColor;
|
|
|
|
|
|
border-width: 3px;
|
|
|
|
|
|
transition: color
|
|
|
|
|
|
var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
background-image: none;
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian span.cm-url,
|
|
|
|
|
|
.cm-s-obsidian span.cm-formatting-link.cm-link {
|
|
|
|
|
|
transition: color
|
|
|
|
|
|
var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian span.cm-url:hover,
|
|
|
|
|
|
.cm-s-obsidian span.cm-formatting-link.cm-link:hover {
|
|
|
|
|
|
transition: color
|
|
|
|
|
|
var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Tags/Tag Pill──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* Tag Pill in Preview Mode for Light Theme*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .tag:not(.token) {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
color: var(--color-l-blue-700);
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
font-weight: var(--font-bold);
|
|
|
|
|
|
line-height: var(--line-height-1);
|
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-4)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-4);
|
|
|
|
|
|
border: 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);
|
|
|
|
|
|
border-radius: var(--scale-2-8);
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .tag:not(.token):hover {
|
|
|
|
|
|
color: var(--color-l-blue-900);
|
|
|
|
|
|
background: var(--color-l-whiter);
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .tag:not(.token):active {
|
|
|
|
|
|
box-shadow: 0px 1px 0px 0px
|
|
|
|
|
|
rgba(100, 100, 100, 0.1) inset,
|
|
|
|
|
|
0px 1px 1px 0px rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Tag Pill in Edit Mode for Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .CodeMirror-line .cm-hashtag {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
font-weight: var(--font-bold);
|
|
|
|
|
|
line-height: var(--line-height-1);
|
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
border: 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);
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .cm-s-obsidian span.cm-hashtag.cm-meta {
|
|
|
|
|
|
color: var(--color-l-blue-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .CodeMirror-line span.cm-hashtag-begin {
|
|
|
|
|
|
border-top-left-radius: var(--scale-2-8);
|
|
|
|
|
|
border-bottom-left-radius: var(--scale-2-8);
|
|
|
|
|
|
padding-left: var(--scale-2-4);
|
|
|
|
|
|
border-right:none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .CodeMirror-line span.cm-hashtag-end {
|
|
|
|
|
|
border-top-right-radius: var(--scale-2-8);
|
|
|
|
|
|
border-bottom-right-radius: var(--scale-2-8);
|
|
|
|
|
|
padding-right: var(--scale-2-4);
|
|
|
|
|
|
border-left:none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Tag Pill in Preview Mode for Dark Theme*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .tag:not(.token) {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
color: var(--color-d-blue-500);
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
font-weight: var(--font-bold);
|
|
|
|
|
|
line-height: var(--line-height-1);
|
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-4)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-4);
|
|
|
|
|
|
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);
|
|
|
|
|
|
border-radius: var(--scale-2-8);
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .tag:not(.token):hover {
|
|
|
|
|
|
color: var(--color-d-blue-300);
|
|
|
|
|
|
background: var(--color-d-blacker);
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .tag:not(.token):active {
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px
|
|
|
|
|
|
rgba(0, 0, 0, 0.15) inset,
|
|
|
|
|
|
0px 2px 4px 0px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Tag Pill in Edit Mode for Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .CodeMirror-line .cm-hashtag {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
font-weight: var(--font-bold);
|
|
|
|
|
|
line-height: var(--line-height-1);
|
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
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);
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-hashtag.cm-meta {
|
|
|
|
|
|
color: var(--color-d-blue-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .CodeMirror-line span.cm-hashtag-begin {
|
|
|
|
|
|
border-top-left-radius: var(--scale-2-8);
|
|
|
|
|
|
border-bottom-left-radius: var(--scale-2-8);
|
|
|
|
|
|
padding-left: var(--scale-2-4);
|
|
|
|
|
|
border-right:none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .CodeMirror-line span.cm-hashtag-end {
|
|
|
|
|
|
border-top-right-radius: var(--scale-2-8);
|
|
|
|
|
|
border-bottom-right-radius: var(--scale-2-8);
|
|
|
|
|
|
padding-right: var(--scale-2-4);
|
|
|
|
|
|
border-left:none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Version 1 of Tag Pills / No Beveling / Flat Design
|
|
|
|
|
|
.theme-light .tag:not(.token) {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
color: var(--color-l-blue-500);
|
|
|
|
|
|
font-size: var(--font-scale-0);
|
|
|
|
|
|
font-weight: var(--font-bold);
|
|
|
|
|
|
line-height: var(--line-height-1);
|
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-4)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-4);
|
|
|
|
|
|
border: 2px solid var(--color-l-blue-500);
|
|
|
|
|
|
border-radius: var(--scale-2-8);
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .tag:not(.token):hover {
|
|
|
|
|
|
color: var(--color-l-blue-900);
|
|
|
|
|
|
border: 2px solid var(--color-l-blue-900);
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
} */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Lists──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view
|
|
|
|
|
|
.list-collapse-indicator {
|
|
|
|
|
|
margin-left: -3.5rem;
|
|
|
|
|
|
color: var(--text-faint);
|
|
|
|
|
|
margin-top: -1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view li,
|
|
|
|
|
|
.markdown-preview-view li p {
|
|
|
|
|
|
margin-top: var(--scale-2-2);
|
|
|
|
|
|
margin-bottom: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror pre.HyperMD-list-line.CodeMirror-line {
|
|
|
|
|
|
padding-top: var(--scale-0-0);
|
|
|
|
|
|
padding-bottom: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Ordered List / Number List ~*/
|
|
|
|
|
|
|
|
|
|
|
|
ol > li::marker,
|
|
|
|
|
|
.cm-s-obsidian span.cm-formatting-list {
|
|
|
|
|
|
font-weight: var(--font-regular);
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
font-family: var(--font-monospace);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ol {
|
|
|
|
|
|
list-style-type: decimal;
|
|
|
|
|
|
margin-left: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
ol ol {
|
|
|
|
|
|
list-style-type: lower-alpha;
|
|
|
|
|
|
}
|
|
|
|
|
|
ol ol ol {
|
|
|
|
|
|
list-style-type: decimal;
|
|
|
|
|
|
}
|
|
|
|
|
|
ol ol ol ol {
|
|
|
|
|
|
list-style-type: lower-alpha;
|
|
|
|
|
|
}
|
|
|
|
|
|
ol ol ol ol ol {
|
|
|
|
|
|
list-style-type: decimal;
|
|
|
|
|
|
}
|
|
|
|
|
|
ol ol ol ol ol ol {
|
|
|
|
|
|
list-style-type: lower-alpha;
|
|
|
|
|
|
}
|
|
|
|
|
|
ol ol ol ol ol ol ol {
|
|
|
|
|
|
list-style-type: decimal;
|
|
|
|
|
|
}
|
|
|
|
|
|
ol ol ol ol ol ol ol ol {
|
|
|
|
|
|
list-style-type: lower-alpha;
|
|
|
|
|
|
}
|
|
|
|
|
|
ol ol ol ol ol ol ol ol ol {
|
|
|
|
|
|
list-style-type: decimal;
|
|
|
|
|
|
}
|
|
|
|
|
|
ol ol ol ol ol ol ol ol ol ol {
|
|
|
|
|
|
list-style-type: lower-alpha;
|
|
|
|
|
|
}
|
|
|
|
|
|
ol ol ol ol ol ol ol ol ol ol ol {
|
|
|
|
|
|
list-style-type: decimal;
|
|
|
|
|
|
}
|
|
|
|
|
|
ol ol ol ol ol ol ol ol ol ol ol ol {
|
|
|
|
|
|
list-style-type: lower-alpha;
|
|
|
|
|
|
}
|
|
|
|
|
|
ol ol ol ol ol ol ol ol ol ol ol ol ol {
|
|
|
|
|
|
list-style-type: decimal;
|
|
|
|
|
|
}
|
|
|
|
|
|
ol ol ol ol ol ol ol ol ol ol ol ol ol ol {
|
|
|
|
|
|
list-style-type: lower-alpha;
|
|
|
|
|
|
}
|
|
|
|
|
|
ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol {
|
|
|
|
|
|
list-style-type: decimal;
|
|
|
|
|
|
}
|
|
|
|
|
|
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 > li::marker {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
margin-right: var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view
|
|
|
|
|
|
ul .list-collapse-indicator.collapse-indicator.collapse-icon {
|
|
|
|
|
|
padding-left: var(--scale-2-8);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ul {
|
|
|
|
|
|
padding-left: var(--scale-2-8);
|
|
|
|
|
|
padding-inline-start: 1rem;
|
|
|
|
|
|
list-style-position: outside;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ul {
|
|
|
|
|
|
list-style-type: "– ";
|
|
|
|
|
|
}
|
|
|
|
|
|
ul ul {
|
|
|
|
|
|
list-style-type: disc;
|
|
|
|
|
|
}
|
|
|
|
|
|
ul ul ul {
|
|
|
|
|
|
list-style-type: circle;
|
|
|
|
|
|
}
|
|
|
|
|
|
ul ul ul ul {
|
|
|
|
|
|
list-style-type: "▪ ";
|
|
|
|
|
|
}
|
|
|
|
|
|
ul ul ul ul ul {
|
|
|
|
|
|
list-style-type: "◽ ";
|
|
|
|
|
|
}
|
|
|
|
|
|
ul ul ul ul ul ul {
|
|
|
|
|
|
list-style-type: "– ";
|
|
|
|
|
|
}
|
|
|
|
|
|
ul ul ul ul ul ul ul {
|
|
|
|
|
|
list-style-type: disc;
|
|
|
|
|
|
}
|
|
|
|
|
|
ul ul ul ul ul ul ul ul {
|
|
|
|
|
|
list-style-type: circle;
|
|
|
|
|
|
}
|
|
|
|
|
|
ul ul ul ul ul ul ul ul ul {
|
|
|
|
|
|
list-style-type: "▪ ";
|
|
|
|
|
|
}
|
|
|
|
|
|
ul ul ul ul ul ul ul ul ul ul {
|
|
|
|
|
|
list-style-type: "◽ ";
|
|
|
|
|
|
}
|
|
|
|
|
|
ul ul ul ul ul ul ul ul ul ul ul {
|
|
|
|
|
|
list-style-type: "– ";
|
|
|
|
|
|
}
|
|
|
|
|
|
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 {
|
|
|
|
|
|
list-style-type: circle;
|
|
|
|
|
|
}
|
|
|
|
|
|
ul ul ul ul ul ul ul ul ul ul ul ul ul ul {
|
|
|
|
|
|
list-style-type: "▪ ";
|
|
|
|
|
|
}
|
|
|
|
|
|
ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {
|
|
|
|
|
|
list-style-type: "◽ ";
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Ordered, Unordered List Relationship Lines */
|
|
|
|
|
|
|
|
|
|
|
|
ol {
|
|
|
|
|
|
padding-left: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Edit Mode */
|
|
|
|
|
|
|
|
|
|
|
|
/* Gutter Collapse Icons in Edit Mode - Not Done */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Checkboxes──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
input[type=checkbox] {
|
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
|
appearance: none;
|
|
|
|
|
|
height: var(--scale-8-2) !important;
|
|
|
|
|
|
width: var(--scale-8-2) !important;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
border: 1px solid var(--text-faint);
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
margin-right: var(--scale-2-3);
|
|
|
|
|
|
vertical-align: -0.17rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input[type=checkbox]:hover {
|
|
|
|
|
|
background: var(--text-faint);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input[type=checkbox]:focus{
|
|
|
|
|
|
outline: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input[type=checkbox]:checked {
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 70%;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-image: url('data:image/svg+xml; utf8, <svg width="12px" height="10px" viewBox="0 0 12 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-4.000000, -6.000000)" fill="%23ffffff"><path d="M8.1043257,14.0367999 L4.52468714,10.5420499 C4.32525014,10.3497722 4.32525014,10.0368095 4.52468714,9.8424863 L5.24777413,9.1439454 C5.44721114,8.95166768 5.77142411,8.95166768 5.97086112,9.1439454 L8.46638057,11.5903727 L14.0291389,6.1442083 C14.2285759,5.95193057 14.5527889,5.95193057 14.7522259,6.1442083 L15.4753129,6.84377194 C15.6747499,7.03604967 15.6747499,7.35003511 15.4753129,7.54129009 L8.82741268,14.0367999 C8.62797568,14.2290777 8.3037627,14.2290777 8.1043257,14.0367999"></path></g></g></svg>');
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view .task-list-item {
|
|
|
|
|
|
padding-inline-start:25px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Checkbox for Light Theme */
|
|
|
|
|
|
.theme-light input[type=checkbox]:checked {
|
|
|
|
|
|
background-color: var(--color-l-green-300);
|
|
|
|
|
|
border: 1px solid var(--color-l-green-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Checkbox for Dark Theme */
|
|
|
|
|
|
.theme-dark input[type=checkbox]:checked {
|
|
|
|
|
|
background-color: var(--color-d-green-700);
|
|
|
|
|
|
border: 1px solid var(--color-d-green-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Inline Code/Codeblocks──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view code,
|
|
|
|
|
|
.markdown-preview.view pre {
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian div
|
|
|
|
|
|
.HyperMD-codeblock-begin-bg,
|
|
|
|
|
|
.cm-s-obsidian div.HyperMD-codeblock-bg,
|
|
|
|
|
|
.cm-s-obsidian div.HyperMD-codeblock-end-bg,
|
|
|
|
|
|
.cm-s-obsidian pre.HyperMD-codeblock,
|
|
|
|
|
|
.cm-s-obsidian span.HyperMD-codeblock,
|
|
|
|
|
|
.cm-s-obsidian .CodeMirror-lines
|
|
|
|
|
|
pre.CodeMirror-line span.cm-inline-code,
|
|
|
|
|
|
.cm-s-obsidian span.cm-inline-code,
|
|
|
|
|
|
.markdown-preview-view code,
|
|
|
|
|
|
.markdown-preview-view pre,
|
|
|
|
|
|
.markdown-preview-view span.cm-inline-code,
|
|
|
|
|
|
.theme-light code[class*=language-],
|
|
|
|
|
|
.theme-light pre[class*=language-],
|
|
|
|
|
|
.theme-dark code[class*=language-],
|
|
|
|
|
|
.theme-dark pre[class*=language-] {
|
|
|
|
|
|
font-family: var(--font-code);
|
|
|
|
|
|
font-weight: var(--font-regular);
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
line-height: var(--line-height-2);
|
|
|
|
|
|
white-space: pre-wrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian span.cm-inline-code,
|
|
|
|
|
|
.markdown-preview-view span.cm-inline-code {
|
|
|
|
|
|
font-size: var(--font-scale-1);
|
|
|
|
|
|
line-height: var(--line-height-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian .HyperMD-codeblock span .cm-comment,
|
|
|
|
|
|
.markdown-preview-view code .token.comment {
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian .HyperMD-codeblock pre,
|
|
|
|
|
|
.cm-s-obsidian .HyperMD-codeblock pre.language-md,
|
|
|
|
|
|
.mardown-preview-view pre {
|
|
|
|
|
|
white-space: wrap;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-line span {
|
|
|
|
|
|
font-weight: var(--font-regular);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.copy-code-button {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-family: var(--default-font);
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
top: var(--scale-2-1);
|
|
|
|
|
|
right: var(--scale-2-2);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Codeblock/Inline Code Formatting for Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .markdown-preview-view code,
|
|
|
|
|
|
.theme-light .markdown-preview-view pre,
|
|
|
|
|
|
.theme-light .markdown-preview-view span.cm-inline-code,
|
|
|
|
|
|
.theme-light code[class*=language-],
|
|
|
|
|
|
.theme-light pre[class*=language-] {
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .cm-s-obsidian .HyperMD-codeblock,
|
|
|
|
|
|
.theme-light .CodeMirror-line span .cm-inline-code,
|
|
|
|
|
|
.theme-light .markdown-preview-view code,
|
|
|
|
|
|
.theme-light .markdown-preview-view pre,
|
|
|
|
|
|
.theme-light .markdown-preview-view span.cm-inline-code,
|
|
|
|
|
|
.theme-light code[class*=language-],
|
|
|
|
|
|
.theme-light pre[class*=language-] {
|
|
|
|
|
|
color: var(--color-l-red-300);
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .CodeMirror-line span.cm-math.cm-keyword,
|
|
|
|
|
|
.theme-light .CodeMirror-line span.cm-comment,
|
|
|
|
|
|
.theme-light .markdown-preview-view code .token.comment {
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .CodeMirror-line span .cm-math.cm-variable-2,
|
|
|
|
|
|
.theme-light .CodeMirror-line span.cm-tag.cm-bracket,
|
|
|
|
|
|
.theme-light .CodeMirror-line span.cm-tag.cm-tag,
|
|
|
|
|
|
.theme-light .markdown-preview-view span.token.datetime.number
|
|
|
|
|
|
.theme-light .token.property,
|
|
|
|
|
|
.theme-light .token.tag,
|
|
|
|
|
|
.theme-light .token.boolean,
|
|
|
|
|
|
.theme-light .token.number,
|
|
|
|
|
|
.theme-light .token.constant,
|
|
|
|
|
|
.theme-light .token.symbol,
|
|
|
|
|
|
.theme-light .token.deleted {
|
|
|
|
|
|
color: var(--color-l-red-300);
|
|
|
|
|
|
font-weight: var(--font-regular);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .CodeMirror-line span .cm-math,
|
|
|
|
|
|
.theme-light .markdown-preview-view code .token.property-access,
|
|
|
|
|
|
.theme-light .markdown-preview-view code .token.string,
|
|
|
|
|
|
.theme-light .markdown-preview-view code .token.parameter,
|
|
|
|
|
|
.theme-light .markdown-preview-view code .token.important,
|
|
|
|
|
|
.theme-light .markdown-preview-view span .token.attr-name,
|
|
|
|
|
|
.theme-light .token.regex,
|
|
|
|
|
|
.theme-light .token.variable {
|
|
|
|
|
|
color: var(--color-l-yellow-700);
|
|
|
|
|
|
font-weight: var(--font-regular);
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .CodeMirror-line span .cm-tag.cm-tag,
|
|
|
|
|
|
.theme-light .markdown-preview-view span.token.function,
|
|
|
|
|
|
.theme-light .markdown-preview-view code .token.url,
|
|
|
|
|
|
.theme-light .markdown-preview-view span .token.tag {
|
|
|
|
|
|
color: var(--color-l-blue-300);
|
|
|
|
|
|
font-weight: var(--font-regular);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .markdown-preview-view code .token.operator,
|
|
|
|
|
|
.theme-light .markdown-preview-view code .token.punctuation {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
font-weight: var(--font-regular);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Codeblock/Inline Code Formatting for Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .markdown-preview-view code,
|
|
|
|
|
|
.theme-dark .markdown-preview-view pre,
|
|
|
|
|
|
.theme-dark .markdown-preview-view span.cm-inline-code,
|
|
|
|
|
|
.theme-dark code[class*=language-],
|
|
|
|
|
|
.theme-dark pre[class*=language-] {
|
|
|
|
|
|
background: var(--color-d-gray-90);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .cm-s-obsidian .HyperMD-codeblock,
|
|
|
|
|
|
.theme-dark .CodeMirror-line span .cm-inline-code,
|
|
|
|
|
|
.theme-dark .markdown-preview-view code,
|
|
|
|
|
|
.theme-dark .markdown-preview-view pre,
|
|
|
|
|
|
.theme-dark .markdown-preview-view span.cm-inline-code,
|
|
|
|
|
|
.theme-dark code[class*=language-],
|
|
|
|
|
|
.theme-dark pre[class*=language-] {
|
|
|
|
|
|
color: var(--color-d-red-500);
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .CodeMirror-line span.cm-math.cm-keyword,
|
|
|
|
|
|
.theme-dark .CodeMirror-line span.cm-comment,
|
|
|
|
|
|
.theme-dark .markdown-preview-view code .token.comment {
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .CodeMirror-line span .cm-math.cm-variable-2,
|
|
|
|
|
|
.theme-dark .CodeMirror-line span.cm-tag.cm-bracket,
|
|
|
|
|
|
.theme-dark .CodeMirror-line span.cm-tag.cm-tag,
|
|
|
|
|
|
.theme-dark .markdown-preview-view span.token.datetime.number,
|
|
|
|
|
|
.theme-dark .token.boolean,
|
|
|
|
|
|
.theme-dark .token.number {
|
|
|
|
|
|
color: var(--color-d-red-500);
|
|
|
|
|
|
font-weight: var(--font-regular);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .CodeMirror-line span .cm-math,
|
|
|
|
|
|
.theme-dark .markdown-preview-view code .token.property-access,
|
|
|
|
|
|
.theme-dark .markdown-preview-view code .token.string,
|
|
|
|
|
|
.theme-dark .markdown-preview-view code .token.parameter,
|
|
|
|
|
|
.theme-dark .markdown-preview-view span .token.attr-name,
|
|
|
|
|
|
.theme-dark .markdown-preview-view code .token.important,
|
|
|
|
|
|
.theme-dark .token.regex,
|
|
|
|
|
|
.theme-dark .token.variable {
|
|
|
|
|
|
color: var(--color-d-yellow-700);
|
|
|
|
|
|
font-weight: var(--font-regular);
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .CodeMirror-line span .cm-tag.cm-tag,
|
|
|
|
|
|
.theme-dark .markdown-preview-view span.token.function,
|
|
|
|
|
|
.theme-dark .markdown-preview-view code .token.url,
|
|
|
|
|
|
.theme-dark .markdown-preview-view span .token.tag,
|
|
|
|
|
|
.theme-dark .token.atrule,
|
|
|
|
|
|
.theme-dark .token.attr-value,
|
|
|
|
|
|
.theme-dark .token.function,
|
|
|
|
|
|
.theme-dark .token.class-name {
|
|
|
|
|
|
color: var(--color-d-blue-300);
|
|
|
|
|
|
font-weight: var(--font-regular);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .markdown-preview-view code .token.operator,
|
|
|
|
|
|
.theme-dark .markdown-preview-view code .token.punctuation {
|
|
|
|
|
|
color: var(--color-d-gray-40);
|
|
|
|
|
|
font-weight: var(--font-regular);
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Aside HTML / Sidenotes──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
:root {
|
|
|
|
|
|
--aside-width: calc(var(--line-width) * 0.38);
|
|
|
|
|
|
--aside-margin: calc(-1 * (var(--aside-width)
|
|
|
|
|
|
+ var(--scale-8-3)));
|
|
|
|
|
|
--aside-header: "💭 Note";
|
|
|
|
|
|
--aside-hide-icon: "✨";
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
aside,
|
|
|
|
|
|
.aside-show,
|
|
|
|
|
|
.aside-hide,
|
|
|
|
|
|
.aside-in {
|
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
|
padding: var(--scale-2-8)
|
|
|
|
|
|
var(--scale-2-10)
|
|
|
|
|
|
var(--scale-2-8)
|
|
|
|
|
|
var(--scale-2-10);
|
|
|
|
|
|
margin: 0em 0em 1em var(--scale-2-8);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
z-index: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-readable-line-width aside,
|
|
|
|
|
|
.is-readable-line-width .aside-show,
|
|
|
|
|
|
.is-readable-line-width .aside-hide:hover {
|
|
|
|
|
|
margin-right: var(--aside-margin);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
aside .internal-embed.is-loaded:not(.image-embed),
|
|
|
|
|
|
aside .markdown-embed,
|
|
|
|
|
|
.aside-show .internal-embed.is-loaded:not(.image-embed),
|
|
|
|
|
|
.aside-show .markdown-embed,
|
|
|
|
|
|
.aside-hide .internal-embed.is-loaded:not(.image-embed),
|
|
|
|
|
|
.aside-hide .markdown-embed,
|
|
|
|
|
|
.aside-in .internal-embed.is-loaded:not(.image-embed),
|
|
|
|
|
|
.aside-in .markdown-embed {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
margin: var(--scale-8-1)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-8-1)
|
|
|
|
|
|
var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
aside .markdown-embed .markdown-preview-view,
|
|
|
|
|
|
.aside-show .markdown-embed .markdown-preview-view,
|
|
|
|
|
|
.aside-hide .markdown-embed .markdown-preview-view,
|
|
|
|
|
|
.aside-in .markdown-embed .markdown-preview-view {
|
|
|
|
|
|
max-height: 200px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
aside:before,
|
|
|
|
|
|
.aside-show:before,
|
|
|
|
|
|
.aside-hide:hover:before,
|
|
|
|
|
|
.aside-in:before {
|
|
|
|
|
|
content: var(--aside-header);
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
padding-bottom: var(--scale-2-3);
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
margin-bottom: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* <aside> Tag */
|
|
|
|
|
|
|
|
|
|
|
|
aside {
|
|
|
|
|
|
background: var(--background-primary-alt);
|
|
|
|
|
|
width: var(--aside-width);
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* <s> Tag */
|
|
|
|
|
|
s.aside-show,
|
|
|
|
|
|
s.aside-hide,
|
|
|
|
|
|
s.aside-in {
|
|
|
|
|
|
text-decoration: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Show Aside for Readable Line Width: OFF */
|
|
|
|
|
|
.aside-show {
|
|
|
|
|
|
background: var(--background-primary-alt);
|
|
|
|
|
|
width: var(--aside-width);
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
clear: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Hide and Hover */
|
|
|
|
|
|
.aside-hide {
|
|
|
|
|
|
background: var(--background-primary-alt);
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
clear: right;
|
|
|
|
|
|
width: 2.8em;
|
|
|
|
|
|
height: 2.8em;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
padding: 0.55em
|
|
|
|
|
|
0
|
|
|
|
|
|
0
|
|
|
|
|
|
0.7em;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-readable-line-width .aside-hide {
|
|
|
|
|
|
margin-right: calc(-4.25em - 1px);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.aside-hide:before {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
content: var(--aside-hide-icon);
|
|
|
|
|
|
padding-bottom: 1em;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.aside-hide:hover {
|
|
|
|
|
|
background-color: var(--background-primary-alt);
|
|
|
|
|
|
width: var(--aside-width);
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
white-space: normal;
|
|
|
|
|
|
text-overflow: unset;
|
|
|
|
|
|
padding: var(--scale-2-8)
|
|
|
|
|
|
var(--scale-2-10)
|
|
|
|
|
|
var(--scale-2-8)
|
|
|
|
|
|
var(--scale-2-10);
|
|
|
|
|
|
z-index: 3;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Aside Inside the Note for Readable Line Width: OFF */
|
|
|
|
|
|
|
|
|
|
|
|
.aside-in {
|
|
|
|
|
|
background-color: var(--background-primary-alt);
|
|
|
|
|
|
width: var(--aside-width);
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Aside for Light Theme */
|
|
|
|
|
|
.theme-light aside,
|
|
|
|
|
|
.theme-light .aside-show,
|
|
|
|
|
|
.theme-light .aside-hide,
|
|
|
|
|
|
.theme-light .aside-in {
|
|
|
|
|
|
border: 1px solid rgba(100, 100, 100, 0.3);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px
|
|
|
|
|
|
rgba(100, 100, 100, 0.15) inset,
|
|
|
|
|
|
0px 2px 4px 0px
|
|
|
|
|
|
rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Aside for Dark Theme */
|
|
|
|
|
|
.theme-dark aside,
|
|
|
|
|
|
.theme-dark .aside-show,
|
|
|
|
|
|
.theme-dark .aside-hide,
|
|
|
|
|
|
.theme-dark .aside-in {
|
|
|
|
|
|
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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Footnotes──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* Footnotes for Preview Mode */
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view .footnotes hr {
|
|
|
|
|
|
margin-bottom: var(--scale-8-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-section .footnotes {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
text-align: justify;
|
|
|
|
|
|
hyphens: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Footnotes for Edit Mode */
|
|
|
|
|
|
|
|
|
|
|
|
span.cm-link.cm-hmd-footnote {
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obisidian span.cm-footref,
|
|
|
|
|
|
.cm-s-obsidian span.cm-blockid {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
vertical-align: text-top;
|
|
|
|
|
|
margin-top: -0.1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Gutter/Line Number──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-linenumber {
|
|
|
|
|
|
font-family: var(--font-code);
|
|
|
|
|
|
font-size: var(--font-scale-0);
|
|
|
|
|
|
min-width: var(--scale-2-4);
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian .CodeMirror-linenumber {
|
|
|
|
|
|
color: var(--text-faint);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Active Line Background──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-leaf:not(.workspace-leaf.mod-active)
|
|
|
|
|
|
.CodeMirror-activeline
|
|
|
|
|
|
.CodeMirror-linebackground,
|
|
|
|
|
|
.workspace-leaf:not(.workspace-leaf.mod-active)
|
|
|
|
|
|
.CodeMirror-activeline-gutter {
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Active Line for Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .CodeMirror-activeline
|
|
|
|
|
|
.CodeMirror-linebackground {
|
|
|
|
|
|
background-color: var(--color-l-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .CodeMirror-activeline-gutter {
|
|
|
|
|
|
background-color: var(--color-l-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Active Line for Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .CodeMirror-activeline
|
|
|
|
|
|
.CodeMirror-linebackground {
|
|
|
|
|
|
background-color: var(--color-d-black);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .CodeMirror-activeline-gutter {
|
|
|
|
|
|
background-color: var(--color-d-black);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Horizontal Rule──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view hr {
|
|
|
|
|
|
border-top: 1px solid;
|
|
|
|
|
|
border-color: var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Embeds
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Images──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-leaf-content img:not([width]),
|
|
|
|
|
|
.view-content .markdown-preview-view img {
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Markdown Embed──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-embed {
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-2-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Markdown Embed Padding with Readable Line Width OFF */
|
|
|
|
|
|
.markdown-embed .markdown-preview-view {
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-8-4)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-8-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Markdown Embed Padding with Readable Line Width ON */
|
|
|
|
|
|
.is-readable-line-width .markdown-embed
|
|
|
|
|
|
.markdown-preview-view {
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.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: calc(var(--scale-8-1) - 4px)
|
|
|
|
|
|
var(--scale-8-5)
|
|
|
|
|
|
var(--scale-8-1)
|
|
|
|
|
|
var(--scale-2-6);
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-embed-link {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
margin: calc(var(--scale-2-6) - 1px)
|
|
|
|
|
|
var(--scale-2-6)
|
|
|
|
|
|
var(--scale-8-1)
|
|
|
|
|
|
var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .markdown-embed {
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .markdown-embed {
|
|
|
|
|
|
background: var(--color-d-gray-90);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Mermaid JS (Diagram Generator)──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.mermaid svg {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mermaid .node .label {
|
|
|
|
|
|
font-size: var(--font-scale-0);
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Edit Mode Markdown Table──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian .HyperMD-table-row {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
font-weight: var(--font-regular);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
YAML/Metadata
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* YAML Preview Mode */
|
|
|
|
|
|
|
|
|
|
|
|
.frontmatter-container {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.frontmatter-container .frontmatter-section-label {
|
|
|
|
|
|
font-size: var(--font-scale-0);
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* YAML Preview for Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light code[class*=language-yaml],
|
|
|
|
|
|
.theme-light pre[class*=language-yaml] {
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .frontmatter-container span.frontmatter-alias {
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .frontmatter-container span.frontmatter-alias
|
|
|
|
|
|
svg.forward-arrow {
|
|
|
|
|
|
color: var(--color-l-gray-60);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* YAML Preview for Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark code[class*=language-yaml],
|
|
|
|
|
|
.theme-dark pre[class*=language-yaml] {
|
|
|
|
|
|
background: var(--color-d-gray-90);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .frontmatter-container span.frontmatter-alias {
|
|
|
|
|
|
background: var(--color-d-gray-70);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .frontmatter-container span.frontmatter-alias
|
|
|
|
|
|
svg.forward-arrow {
|
|
|
|
|
|
color: var(--color-d-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* YAML Edit Mode */
|
|
|
|
|
|
|
|
|
|
|
|
span.cm-hmd-frontmatter {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* YAML Edit for Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light span.cm-hmd-frontmatter {
|
|
|
|
|
|
color: var(--color-l-red-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .cm-s-obsidian span.cm-hmd-frontmatter.cm-atom {
|
|
|
|
|
|
color: var(--color-l-blue-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .cm-s-obsidian span.cm-hmd-frontmatter.cm-string {
|
|
|
|
|
|
color: var(--color-l-yellow-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .cm-s-obsidian span.cm-def,
|
|
|
|
|
|
.theme-light .cm-s-obsidian span.cm-meta {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* YAML Edit for Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark span.cm-hmd-frontmatter {
|
|
|
|
|
|
color: var(--color-d-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-atom {
|
|
|
|
|
|
color: var(--color-d-blue-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-string {
|
|
|
|
|
|
color: var(--color-d-yellow-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-def,
|
|
|
|
|
|
.theme-dark .cm-s-obsidian span.cm-meta {
|
|
|
|
|
|
color: var(--color-d-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Document Search
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.document-search-container {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
height: 43px;
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.document-search-container.mod-replace-mode {
|
|
|
|
|
|
height: 83px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.document-search-button {
|
|
|
|
|
|
line-height: var(--line-height-0);
|
|
|
|
|
|
border-radius: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body:not(.no-svg-replace) .document-search-close-button:before {
|
|
|
|
|
|
background: currentColor;
|
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
|
-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");
|
|
|
|
|
|
vertical-align: -10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Document Search for Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .document-search-container {
|
|
|
|
|
|
background: var(--color-l-gray-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .workspace .document-search-button {
|
|
|
|
|
|
color: var(--text-on-accent) !important;
|
|
|
|
|
|
background: var(--interactive-accent) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .workspace .document-search-button:hover {
|
|
|
|
|
|
background: var(--interactive-accent-hover) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Document Search for Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .document-search-container {
|
|
|
|
|
|
background: var(--color-d-black);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .workspace .document-search-button {
|
|
|
|
|
|
color: var(--text-on-accent);
|
|
|
|
|
|
background: var(--interactive-accent);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .workspace .document-search-button:hover {
|
|
|
|
|
|
background: var(--interactive-accent-hover) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
Graph View
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
──────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-leaf-content[data-type="graph"]
|
|
|
|
|
|
.view-content {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.graph-controls {
|
|
|
|
|
|
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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.graph-controls.is-close {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
margin-top: var(--scale-2-2);
|
|
|
|
|
|
margin-left: var(--scale-2-2);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.graph-controls.is-close .graph-controls-button.mod-open,
|
|
|
|
|
|
.graph-controls.is-close .graph-controls-button.mod-animate {
|
|
|
|
|
|
padding: var(--scale-2-4)
|
|
|
|
|
|
var(--scale-2-4)
|
|
|
|
|
|
var(--scale-2-4)
|
|
|
|
|
|
var(--scale-2-4);
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Graph View for Light Theme──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Graph View Nodes for Light Theme ~*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .graph-view.color-fill {
|
|
|
|
|
|
color: var(--color-l-blue-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .graph-view.color-fill-unresolved {
|
|
|
|
|
|
color: var(--color-l-yellow-500);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .graph-view.color-fill-tag {
|
|
|
|
|
|
color: var(--color-l-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .graph-view.color-fill-attachment {
|
|
|
|
|
|
color: var(--color-l-green-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .graph-view.color-arrow {
|
|
|
|
|
|
color: var(--color-l-gray-60);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .graph-view.color-line {
|
|
|
|
|
|
color: var(--color-l-gray-40);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .graph-view.color-text {
|
|
|
|
|
|
color: var(--color-l-black);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Focused Node */
|
|
|
|
|
|
.theme-light .graph-view.color-fill-focused {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Nodes on Hover */
|
|
|
|
|
|
.theme-light .graph-view.color-circle {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .graph-view.color-line-highlight {
|
|
|
|
|
|
color: var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ 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(--color-l-gray-50);
|
|
|
|
|
|
box-shadow: inset 0px 0px 1px rgb(255, 255, 255);
|
|
|
|
|
|
box-shadow: 0px 0px 4px var(--color-l-shadow-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .graph-controls.is-close {
|
|
|
|
|
|
min-width: inherit;
|
|
|
|
|
|
border: 1px solid var(--color-l-gray-50);
|
|
|
|
|
|
box-shadow: inset 0px 0px 1px rgb(255, 255, 255);
|
|
|
|
|
|
box-shadow: 0px 0px 4px var(--color-l-shadow-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .graph-controls .setting-item-name {
|
|
|
|
|
|
color: var(--color-l-gray-80);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Graph View for Dark Theme──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Graph View Nodes for Dark Theme ~*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .graph-view.color-fill {
|
|
|
|
|
|
color: var(--color-d-blue-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .graph-view.color-fill-unresolved {
|
|
|
|
|
|
color: var(--color-d-yellow-700);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .graph-view.color-fill-tag {
|
|
|
|
|
|
color: var(--color-d-red-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .graph-view.color-fill-attachment {
|
|
|
|
|
|
color: var(--color-d-green-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .graph-view.color-arrow {
|
|
|
|
|
|
color: var(--color-d-gray-40);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .graph-view.color-line {
|
|
|
|
|
|
color: var(--color-d-gray-50);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .graph-view.color-text {
|
|
|
|
|
|
color: var(--color-d-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Focused Node */
|
|
|
|
|
|
.theme-dark .graph-view.color-fill-focused {
|
|
|
|
|
|
color: var(--color-d-white);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Nodes on Hover */
|
|
|
|
|
|
.theme-dark .graph-view.color-circle {
|
|
|
|
|
|
color: var(--color-d-gray-10);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .graph-view.color-line-highlight {
|
|
|
|
|
|
color: var(--color-d-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ 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(--color-l-gray-50);
|
|
|
|
|
|
box-shadow: inset 0px 0px 1px rgb(0, 0, 0);
|
|
|
|
|
|
box-shadow: 0px 0px 4px
|
|
|
|
|
|
var(--color-d-shadow-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .graph-controls.is-close {
|
|
|
|
|
|
min-width: inherit;
|
|
|
|
|
|
border: 1px solid var(--color-d-gray-50);
|
|
|
|
|
|
box-shadow: inset 0px 0px 1px
|
|
|
|
|
|
rgb(0, 0, 0, 0.1);
|
|
|
|
|
|
box-shadow: 0px 0px 4px
|
|
|
|
|
|
var(--color-d-shadow-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .graph-controls .setting-item-name {
|
|
|
|
|
|
color: var(--color-d-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
Other Components
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
──────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Modals
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*~ File Explorer Search Modal ~*/
|
|
|
|
|
|
.suggestion-container.mod-search-suggestion {
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Modal Close Icons */
|
|
|
|
|
|
|
|
|
|
|
|
.modal-close-button {
|
|
|
|
|
|
right: var(--scale-2-6);
|
|
|
|
|
|
top: var(--scale-2-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body:not(.no-svg-replace) .modal-close-button:before {
|
|
|
|
|
|
content: " ";
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body:not(.no-svg-replace) .modal-close-button {
|
|
|
|
|
|
height: var(--scale-8-2);
|
|
|
|
|
|
width: var(--scale-8-2);
|
|
|
|
|
|
background: currentColor;
|
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
|
-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");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body:not(.no-svg-replace) .search-input-clear-button {
|
|
|
|
|
|
height: var(--scale-8-2);
|
|
|
|
|
|
width: var(--scale-8-2);
|
|
|
|
|
|
top: var(--scale-2-3);
|
|
|
|
|
|
background: currentColor;
|
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
|
-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");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Modal Close for Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .modal-close-button:hover {
|
|
|
|
|
|
color: var(--color-l-gray-100);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Modal Close for Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .modal-close-button:hover {
|
|
|
|
|
|
color: var(--color-d-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Settings Modal──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.modal,
|
|
|
|
|
|
.modal.mod-community-theme,
|
|
|
|
|
|
.modal.mod-settings {
|
|
|
|
|
|
width: 60vw;
|
|
|
|
|
|
border-radius: var(--scale-2-8);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.modal.mod-image-lightbox {
|
|
|
|
|
|
border-radius: var(--scale-2-8);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.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-header-group
|
|
|
|
|
|
.vertical-tab-header-group-title {
|
|
|
|
|
|
margin-top: var(--scale-2-8);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.modal .modal-content .vertical-tab-content {
|
|
|
|
|
|
padding: var(--scale-8-4)
|
|
|
|
|
|
var(--scale-8-4)
|
|
|
|
|
|
var(--scale-8-4)
|
|
|
|
|
|
var(--scale-8-4);
|
|
|
|
|
|
border-left: 1px solid
|
|
|
|
|
|
var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.modal .vertical-tab-header-group-items
|
|
|
|
|
|
.vertical-tab-nav-item {
|
|
|
|
|
|
border-left: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.modal .vertical-tab-header-group-items
|
|
|
|
|
|
.vertical-tab-nav-item.is-active {
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.modal .vertical-tab-header-group-title {
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Settings Modal for Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .modal,
|
|
|
|
|
|
.theme-light .modal .vertical-tab-header,
|
|
|
|
|
|
.theme-light .modal .vertical-tab-header-group,
|
|
|
|
|
|
.theme-light .modal .vertical-tab-content-container
|
|
|
|
|
|
.vertical-tab-content,
|
|
|
|
|
|
.theme-light .modal .vertical-tab-nav-item {
|
|
|
|
|
|
background: var(--color-l-white);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .modal .vertical-tab-header-group-items
|
|
|
|
|
|
.vertical-tab-nav-item.is-active {
|
|
|
|
|
|
color: var(--color-l-whiter);
|
|
|
|
|
|
border-left: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .modal .vertical-tab-header-group-items
|
|
|
|
|
|
.vertical-tab-nav-item:hover {
|
|
|
|
|
|
background: var(--color-l-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .modal .vertical-tab-header-group-items
|
|
|
|
|
|
.vertical-tab-nav-item:nth-child(3n+1).is-active {
|
|
|
|
|
|
background: var(--color-l-yellow-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .modal .vertical-tab-header-group-items
|
|
|
|
|
|
.vertical-tab-nav-item:nth-child(3n+2).is-active {
|
|
|
|
|
|
background: var(--color-l-red-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .modal .vertical-tab-header-group-items
|
|
|
|
|
|
.vertical-tab-nav-item:nth-child(3n+3).is-active {
|
|
|
|
|
|
background: var(--color-l-blue-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Settings Modal for Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .modal,
|
|
|
|
|
|
.theme-dark .modal .vertical-tab-header,
|
|
|
|
|
|
.theme-dark .modal .vertical-tab-header-group,
|
|
|
|
|
|
.theme-dark .modal .vertical-tab-content-container
|
|
|
|
|
|
.vertical-tab-content,
|
|
|
|
|
|
.theme-dark .modal .vertical-tab-nav-item {
|
|
|
|
|
|
background: var(--color-d-gray-70);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .modal .vertical-tab-header-group-items
|
|
|
|
|
|
.vertical-tab-nav-item.is-active {
|
|
|
|
|
|
color: var(--color-d-black);
|
|
|
|
|
|
border-left: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .modal .vertical-tab-header-group-items
|
|
|
|
|
|
.vertical-tab-nav-item:hover {
|
|
|
|
|
|
background: var(--color-d-black);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .modal .vertical-tab-header-group-items
|
|
|
|
|
|
.vertical-tab-nav-item:nth-child(3n+1).is-active {
|
|
|
|
|
|
background: var(--color-d-yellow-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .modal .vertical-tab-header-group-items
|
|
|
|
|
|
.vertical-tab-nav-item:nth-child(3n+2).is-active {
|
|
|
|
|
|
color: var(--color-d-white);
|
|
|
|
|
|
background: var(--color-d-red-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .modal .vertical-tab-header-group-items
|
|
|
|
|
|
.vertical-tab-nav-item:nth-child(3n+3).is-active {
|
|
|
|
|
|
background: var(--color-d-blue-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Command, Quick Switcher etc. Modals──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.modal-container .suggestion-item {
|
|
|
|
|
|
border-radius: var(--scale-2-3);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.modal-container .suggestion-item span.suggestion-prefix {
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* CQS Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.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-light .modal-container
|
|
|
|
|
|
.suggestion-item.is-selected {
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* CQS for Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .modal-container
|
|
|
|
|
|
.suggestion-item.is-selected {
|
|
|
|
|
|
background: var(--color-d-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Menu/More Options Modal──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.menu {
|
|
|
|
|
|
border: 2px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-2-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.menu .menu-item .menu-item-icon {
|
|
|
|
|
|
vertical-align: -1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Community Plugin Search Modal──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.flair.mod-pop {
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.community-plugin-name {
|
|
|
|
|
|
font-weight: var(--font-semi-bold);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Round Border Fix for Community Plugin
|
|
|
|
|
|
Search Part Modal */
|
|
|
|
|
|
.community-plugin-search {
|
|
|
|
|
|
border-top-left-radius: var(--scale-2-8);
|
|
|
|
|
|
border-bottom-left-radius: var(--scale-2-8);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.community-theme {
|
|
|
|
|
|
box-shadow: 0px 1px 0px
|
|
|
|
|
|
rgba(17,17,26,0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.community-theme.is-selected {
|
|
|
|
|
|
background: var(--text-normal);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Community Plugin Search Modal in Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .flair.mod-pop {
|
|
|
|
|
|
background: var(--color-l-white);
|
|
|
|
|
|
color: var(--color-l-red-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .community-plugin-info .flair.mod-pop {
|
|
|
|
|
|
background: var(--color-l-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Community Plugin Search Modal in Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .flair.mod-pop {
|
|
|
|
|
|
background: var(--color-d-blacker);
|
|
|
|
|
|
color: var(--color-d-red-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Buttons Component
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
button {
|
|
|
|
|
|
font-family: var(--default-font) !important;
|
|
|
|
|
|
padding: var(--scale-2-3)
|
|
|
|
|
|
var(--scale-2-8)
|
|
|
|
|
|
var(--scale-2-4)
|
|
|
|
|
|
var(--scale-2-8) !important;
|
|
|
|
|
|
border-radius: var(--scale-2-10);
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mod-community-plugin .setting-item-control button {
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.graph-controls button {
|
|
|
|
|
|
font-size: var(--font-scale-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Buttons for Light Theme ~*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .modal button:not(.mod-cta):not(.mod-warning),
|
|
|
|
|
|
.theme-light .workspace button:not(.graph-controls button) {
|
|
|
|
|
|
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.3) inset,
|
|
|
|
|
|
0px 2px 4px 0px rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .modal button:not(.mod-cta):not(.mod-warning):focus,
|
|
|
|
|
|
.theme-light .workspace button:not(.graph-controls button):focus,
|
|
|
|
|
|
.theme-light .modal button:not(.mod-cta):not(.mod-warning):hover,
|
|
|
|
|
|
.theme-light .workspace button:not(.graph-controls button):hover {
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .modal button,
|
|
|
|
|
|
.theme-light .graph-controls button {
|
|
|
|
|
|
border: 1px solid rgba(100, 100, 100, 0.3);
|
|
|
|
|
|
box-shadow: 0px -2px 0px 0px rgba(100, 100, 100, 0.3) inset,
|
|
|
|
|
|
0px 2px 4px 0px rgba(100, 100, 100, 0.3);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .modal button:active,
|
|
|
|
|
|
.theme-light .modal button:not(.mod-cta):not(.mod-warning):active,
|
|
|
|
|
|
.theme-light .workspace button:not(.graph-controls button):active,
|
|
|
|
|
|
.theme-light .graph-controls button:active {
|
|
|
|
|
|
box-shadow: 0px 1px 0px 0px
|
|
|
|
|
|
rgba(100, 100, 100, 0.1) inset,
|
|
|
|
|
|
0px 1px 1px 0px rgba(100, 100, 100, 0.1);
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*~ Buttons for Dark Theme ~*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .modal button:not(.mod-cta):not(.mod-warning),
|
|
|
|
|
|
.theme-dark .workspace button:not(.graph-controls button) {
|
|
|
|
|
|
color: var(--color-d-white);
|
|
|
|
|
|
background: var(--color-d-gray-80);
|
|
|
|
|
|
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 .modal button:not(.mod-cta):not(.mod-warning):focus,
|
|
|
|
|
|
.theme-dark .workspace button:not(.graph-controls button):focus,
|
|
|
|
|
|
.theme-dark .modal button:not(.mod-cta):not(.mod-warning):hover,
|
|
|
|
|
|
.theme-dark .workspace button:not(.graph-controls button):hover {
|
|
|
|
|
|
background: var(--color-d-blacker);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .modal button,
|
|
|
|
|
|
.theme-dark .graph-controls button {
|
|
|
|
|
|
color: var(--color-d-white);
|
|
|
|
|
|
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 .modal button:active,
|
|
|
|
|
|
.theme-dark .modal button:not(.mod-cta):not(.mod-warning):active,
|
|
|
|
|
|
.theme-dark .workspace button:not(.graph-controls button):active,
|
|
|
|
|
|
.theme-dark .graph-controls button:active {
|
|
|
|
|
|
box-shadow: 0px 1px 0px 0px
|
|
|
|
|
|
rgba(0, 0, 0, 0.1) inset,
|
|
|
|
|
|
0px 1px 1px 0px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Search Input Component
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
textarea,
|
|
|
|
|
|
input[type='text'],
|
|
|
|
|
|
input[type='search'],
|
|
|
|
|
|
input[type='email'],
|
|
|
|
|
|
input[type='password'],
|
|
|
|
|
|
input[type='number'] {
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
transition: var(--duration-fast-2)
|
|
|
|
|
|
var(--motion-jumpy);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Search Input for Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.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 2px 2px rgba(255, 255, 255, 0.4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Search Input for Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.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-blacker);
|
|
|
|
|
|
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-gray-80);
|
|
|
|
|
|
border: 1px solid var(--color-d-gray-50);
|
|
|
|
|
|
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Toggle (Checkboxes for Modals)
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.markdown-preview-view .task-list-item-checkbox {
|
|
|
|
|
|
filter: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Toggles in Modal for Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .checkbox-container {
|
|
|
|
|
|
background: var(--color-l-gray-40);
|
|
|
|
|
|
box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 0.3);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .checkbox-container::after {
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light .checkbox-container.is-enabled {
|
|
|
|
|
|
border: var(--color-l-green-300);
|
|
|
|
|
|
background: var(--color-l-green-300);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Toggles in Modal for Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .checkbox-container {
|
|
|
|
|
|
background: var(--color-d-gray-40);
|
|
|
|
|
|
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .checkbox-container::after {
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark .checkbox-container.is-enabled {
|
|
|
|
|
|
border: var(--color-d-green-900);
|
|
|
|
|
|
background: var(--color-d-green-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Slider
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
input[type="range"] {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
height: 24px;
|
|
|
|
|
|
padding: 0px;
|
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input[type="range"]::-webkit-slider-runnable-track {
|
|
|
|
|
|
background: var(--background-modifier-border);
|
|
|
|
|
|
height: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input[type="range"]::-webkit-slider-thumb {
|
|
|
|
|
|
height: 12x;
|
|
|
|
|
|
width: 24px;
|
|
|
|
|
|
margin-top: -2px;
|
|
|
|
|
|
cursor: ew-resize;
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-jumpy);
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
background: var(--interactive-accent);
|
|
|
|
|
|
border: 1px solid transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input[type="range"]::-webkit-slider-thumb:hover,
|
|
|
|
|
|
input[type="range"]::-webkit-slider-thumb:active {
|
|
|
|
|
|
background: var(--interactive-accent-hover);
|
|
|
|
|
|
border-width: 1;
|
|
|
|
|
|
border: 1px solid transparent;
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-jumpy);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.graph-controls input[type="range"]::-webkit-slider-runnable-track {
|
|
|
|
|
|
margin-top: -5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Dropdown
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.dropdown {
|
|
|
|
|
|
font-family: var(--default-font);
|
|
|
|
|
|
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);
|
|
|
|
|
|
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");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Dropdown for Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Dropdown for Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.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 Page for Light Theme */
|
|
|
|
|
|
.theme-light .empty-state-action:nth-child(3n+1):hover {
|
|
|
|
|
|
color: var(--color-l-yellow-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .empty-state-action:nth-child(3n+2):hover {
|
|
|
|
|
|
color: var(--color-l-red-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-light .empty-state-action:nth-child(3n+3):hover {
|
|
|
|
|
|
color: var(--color-l-blue-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Empty Page for Dark Theme */
|
|
|
|
|
|
.theme-dark .empty-state-action:nth-child(3n+1):hover {
|
|
|
|
|
|
color: var(--color-d-yellow-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .empty-state-action:nth-child(3n+2):hover {
|
|
|
|
|
|
color: var(--color-d-red-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
.theme-dark .empty-state-action:nth-child(3n+3):hover {
|
|
|
|
|
|
color: var(--color-d-blue-700);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Notifacation
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.notice {
|
|
|
|
|
|
font-family: var(--font-code);
|
|
|
|
|
|
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
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.popover.hover-popover {
|
|
|
|
|
|
width: 40vw;
|
|
|
|
|
|
box-shadow: 0px 0px 24px 1px var(--background-modifier-box-shadow);
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
border-radius: var(--scale-2-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.popover.hover-popover .markdown-preview-view {
|
|
|
|
|
|
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
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* Vertical 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;
|
|
|
|
|
|
background: 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: 3px;
|
|
|
|
|
|
background: 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: 4px;
|
|
|
|
|
|
transition: var(--duration-fast-2)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Vertical Handles for Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.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 {
|
|
|
|
|
|
background: var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Vertical Handles for Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.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 {
|
|
|
|
|
|
background: var(--color-d-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Horizontal Handles */
|
|
|
|
|
|
.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: 3px;
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:active {
|
|
|
|
|
|
height: 4px;
|
|
|
|
|
|
transition: var(--duration-fast-1)
|
|
|
|
|
|
var(--motion-smooth);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Horizontal Handles for Light Theme*/
|
|
|
|
|
|
.theme-light .workspace-split.mod-horizontal > * >
|
|
|
|
|
|
.workspace-leaf-resize-handle:active {
|
|
|
|
|
|
background: var(--color-l-gray-50);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Horizontal Handles for Light Theme*/
|
|
|
|
|
|
.theme-dark .workspace-split.mod-horizontal > * >
|
|
|
|
|
|
.workspace-leaf-resize-handle:active {
|
|
|
|
|
|
background: var(--color-d-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Scrollbars
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
::-webkit-scrollbar,
|
|
|
|
|
|
.graph-controls::-webkit-scrollbar {
|
|
|
|
|
|
visibility: visible;
|
|
|
|
|
|
width: var(--scale-2-2);
|
|
|
|
|
|
height: var(--scale-2-2);
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
display: inherit;
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
|
|
|
|
visibility: visible;
|
|
|
|
|
|
background: var(--background-modifier-border);
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
::-webkit-scrollbar-thumb:active {
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Scrollbar for Light Theme */
|
|
|
|
|
|
.theme-light ::-webkit-scrollbar-thumb:active {
|
|
|
|
|
|
background: var(--color-l-gray-30);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Scrollbar for Dark Theme */
|
|
|
|
|
|
.theme-dark ::-webkit-scrollbar-thumb:active {
|
|
|
|
|
|
background: var(--color-d-gray-40);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Tooltips
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.tooltip {
|
|
|
|
|
|
background: var(--text-normal);
|
|
|
|
|
|
color: var(--background-primary);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tooltip .tooltip-arrow {
|
|
|
|
|
|
border-bottom: 5px solid var(--text-normal);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tooltip.mod-top .tooltip-arrow {
|
|
|
|
|
|
border-top: 5px solid var(--text-normal);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tooltip.mod-left .tooltip-arrow {
|
|
|
|
|
|
border-left: 5px solid var(--text-normal);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tooltip.mod-right .tooltip-arrow {
|
|
|
|
|
|
border-right: 5px solid var(--text-normal);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tooltip.mod-error.mod-left .tooltip-arrow {
|
|
|
|
|
|
border-left-color: var(--background-modifier-error);
|
|
|
|
|
|
border-bottom: 5px solid transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tooltip.mod-error.mod-right .tooltip-arrow {
|
|
|
|
|
|
border-right-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)
|
|
|
|
|
|
var(--duration-slow-2)
|
|
|
|
|
|
infinite
|
|
|
|
|
|
progress-bar;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.progress-bar {
|
|
|
|
|
|
background: var(--background-primary);
|
|
|
|
|
|
border: 1px solid rgba(100, 100, 100, 0.3);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.progress-bar-line {
|
|
|
|
|
|
width: 150%;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
height: var(--scale-8-2);
|
|
|
|
|
|
background: var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.progress-bar-subline {
|
|
|
|
|
|
border-radius: var(--scale-2-4);
|
|
|
|
|
|
height: var(--scale-8-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.progress-bar-message {
|
|
|
|
|
|
font-size: var(--font-scale-3);
|
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
|
font-family: var(--font-code);
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
letter-spacing: var(--tracking-2);
|
|
|
|
|
|
animation: blinkingText 0.4s infinite;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Message Blink */
|
|
|
|
|
|
@keyframes blinkingText{
|
|
|
|
|
|
0% { color: var(--text-muted); }
|
|
|
|
|
|
49% { color: var(--text-muted); }
|
|
|
|
|
|
60% { color: transparent; }
|
|
|
|
|
|
99% { color: transparent;}
|
|
|
|
|
|
100% { color: var(--text-muted); }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* VLP for Light Theme */
|
|
|
|
|
|
.theme-light .progress-bar-subline { /* Moving Bar */
|
|
|
|
|
|
background: var(--color-l-green-500);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* VLP for Dark Theme */
|
|
|
|
|
|
.theme-dark .progress-bar-subline { /* Moving Bar */
|
|
|
|
|
|
background: var(--color-d-green-900);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
Mobile
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
──────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
|
|
|
|
|
|
|
MOBILE STYLING
|
|
|
|
|
|
TABLE OF CONTENTS
|
|
|
|
|
|
|
|
|
|
|
|
For All Sizes
|
|
|
|
|
|
Workspace
|
|
|
|
|
|
Side Dock Ribbon
|
|
|
|
|
|
Tab Header (in Workspace Drawer)
|
|
|
|
|
|
Nav Header (in Workspace Drawer)
|
|
|
|
|
|
Tab Content
|
|
|
|
|
|
Content / Active Note
|
|
|
|
|
|
Typography
|
|
|
|
|
|
Other Components
|
|
|
|
|
|
Modals
|
|
|
|
|
|
Buttons
|
|
|
|
|
|
|
|
|
|
|
|
Phone (max-width: 400pt)
|
|
|
|
|
|
Variables
|
|
|
|
|
|
Typography Modular Scale
|
|
|
|
|
|
Content / Active Note
|
|
|
|
|
|
Aside/Sidenotes
|
|
|
|
|
|
Other Components
|
|
|
|
|
|
Modals
|
|
|
|
|
|
|
|
|
|
|
|
Mid-size (max-width: 600pt)
|
|
|
|
|
|
Editor
|
|
|
|
|
|
|
|
|
|
|
|
Tablet (min-width: 400pt)
|
|
|
|
|
|
Variables
|
|
|
|
|
|
Typography Modular Scale
|
|
|
|
|
|
Workspace
|
|
|
|
|
|
Workspace Sidebar
|
|
|
|
|
|
Content / Active Note
|
|
|
|
|
|
Aside/Sidenotes
|
|
|
|
|
|
Other Components
|
|
|
|
|
|
Modals
|
|
|
|
|
|
Pull Down Action
|
|
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
+++++++++++++++Workspace++++++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Side Dock Ribbon
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .workspace-drawer-ribbon {
|
|
|
|
|
|
width: var(--scale-8-8);
|
|
|
|
|
|
border-right: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
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-8)
|
|
|
|
|
|
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-10)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-6)
|
|
|
|
|
|
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
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Tab Content Container──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.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-tab-options {
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-8-1)
|
|
|
|
|
|
var(--scale-0-0)
|
|
|
|
|
|
var(--scale-8-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
+++++++++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;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Editor
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .cm-line {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-0-0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .markdown-source-view .cm-scroller {
|
|
|
|
|
|
padding: var(--scale-2-8)
|
|
|
|
|
|
var(--scale-2-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .markdown-source-view.mod-cm6.is-readable-line-width .cm-content {
|
|
|
|
|
|
max-width: var(--line-width);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .cm-scroller {
|
|
|
|
|
|
line-height: var(--line-height-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .cm-content {
|
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
+++++++++++Other Components+++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Modals
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Modal CLose Button──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .vertical-tab-header::before {
|
|
|
|
|
|
content: "Settings";
|
|
|
|
|
|
font-family: var(--default-font);
|
|
|
|
|
|
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 {
|
|
|
|
|
|
border-top-left-radius: var(--scale-2-8);
|
|
|
|
|
|
border-top-right-radius: var(--scale-2-8);
|
|
|
|
|
|
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;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Settings Modal──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
.is-mobile .workspace {
|
|
|
|
|
|
transform: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .modal,
|
|
|
|
|
|
.is-mobile .prompt {
|
|
|
|
|
|
padding: var(--scale-2-8)
|
|
|
|
|
|
var(--scale-2-8);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile ::-webkit-scrollbar {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .modal .modal-content .vertical-tab-content {
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .modal .modal-content
|
|
|
|
|
|
.vertical-tab-header-group
|
|
|
|
|
|
.vertical-tab-header-group-title:first-of-type {
|
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.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-8-4);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .community-theme-screenshot {
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
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.652rem;
|
|
|
|
|
|
--font-scale-00: 0.694rem;
|
|
|
|
|
|
--font-scale-0: 0.783rem;
|
|
|
|
|
|
--font-scale-0-5: 0.875rem;
|
|
|
|
|
|
--font-scale-1: 1rem;
|
|
|
|
|
|
--font-scale-2: 1.12rem;
|
|
|
|
|
|
--font-scale-3: 1.23rem;
|
|
|
|
|
|
--font-scale-4: 1.378rem;
|
|
|
|
|
|
--font-scale-5: 1.513rem;
|
|
|
|
|
|
--font-scale-6: 1.695rem;
|
|
|
|
|
|
--font-scale-7: 1.861rem;
|
|
|
|
|
|
--font-scale-8: 2.085rem;
|
|
|
|
|
|
--font-scale-9: 2.289rem;
|
|
|
|
|
|
--font-scale-10: 2.564rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
+++++++++Content / Active Note++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Editor
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .markdown-preview-view.is-readable-line-width {
|
|
|
|
|
|
padding: 0 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .is-readable-line-width .cm-scroller {
|
|
|
|
|
|
width: var(--line-width);
|
|
|
|
|
|
max-width: 80%;
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
padding: 16px 0px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Aside HTML / Sidenotes──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile aside,
|
|
|
|
|
|
.is-mobile .aside-show,
|
|
|
|
|
|
.is-mobile .aside-in {
|
|
|
|
|
|
width: unset;
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
margin: 0
|
|
|
|
|
|
auto
|
|
|
|
|
|
1em
|
|
|
|
|
|
auto;
|
|
|
|
|
|
z-index: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .aside-hide:hover {
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .is-readable-line-width .aside-hide {
|
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
|
margin-bottom: 1em;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
+++++++++++Other Components+++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Modals
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Settings Modal──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.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;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* iOS Modal extending to Status Bar fix */
|
|
|
|
|
|
.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;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .modal.mod-community-theme .modal-content {
|
|
|
|
|
|
padding: var(--scale-0-0)
|
|
|
|
|
|
var(--scale-2-3);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .prompt kbd {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Mid-size between Phone and Tablet */
|
|
|
|
|
|
|
|
|
|
|
|
@media (max-width: 600pt) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Tablet */
|
|
|
|
|
|
|
|
|
|
|
|
@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.652rem;
|
|
|
|
|
|
--font-scale-00: 0.694rem;
|
|
|
|
|
|
--font-scale-0: 0.783rem;
|
|
|
|
|
|
--font-scale-0-5: 0.875rem;
|
|
|
|
|
|
--font-scale-1: 1rem;
|
|
|
|
|
|
--font-scale-2: 1.179rem;
|
|
|
|
|
|
--font-scale-3: 1.32rem;
|
|
|
|
|
|
--font-scale-4: 1.557rem;
|
|
|
|
|
|
--font-scale-5: 1.742rem;
|
|
|
|
|
|
--font-scale-6: 2.055rem;
|
|
|
|
|
|
--font-scale-7: 2.3rem;
|
|
|
|
|
|
--font-scale-8: 2.712rem;
|
|
|
|
|
|
--font-scale-9: 3.036rem;
|
|
|
|
|
|
--font-scale-10: 3.58rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
+++++++++++++++Workspace++++++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Workspace Sidebar
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
+++++++++Content / Active Note++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Aside HTML / Sidenotes──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile aside,
|
|
|
|
|
|
.is-mobile .aside-show,
|
|
|
|
|
|
.is-mobile .aside-in {
|
|
|
|
|
|
width: var(--aside-width);
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
margin: 0em 0em 1em var(--scale-2-8);
|
|
|
|
|
|
z-index: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .aside-hide:hover {
|
|
|
|
|
|
width: var(--aside-width);
|
|
|
|
|
|
margin-left: var(--scale-2-8);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .is-readable-line-width .aside-hide {
|
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
|
margin-bottom: 1em;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
+++++++++++Other Components+++++++++++
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Modals
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Settings Modal──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .modal,
|
|
|
|
|
|
.is-mobile .prompt {
|
|
|
|
|
|
top: auto;
|
|
|
|
|
|
bottom: auto;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
max-width: 75%;
|
|
|
|
|
|
border-radius: var(--scale-2-8);
|
|
|
|
|
|
box-shadow: 0px 0px 16px 0px
|
|
|
|
|
|
rgba(0, 0, 0, 0.3);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.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;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Menu/Options Modal──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Pull Down Action
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.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) {
|
|
|
|
|
|
|
|
|
|
|
|
/*──────────Aside HTML / Sidenotes──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile aside,
|
|
|
|
|
|
.is-mobile .aside-show,
|
|
|
|
|
|
.is-mobile .aside-in {
|
|
|
|
|
|
width: var(--aside-width);
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
z-index: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .is-readable-line-width aside,
|
|
|
|
|
|
.is-mobile .is-readable-line-width .aside-show,
|
|
|
|
|
|
.is-mobile .is-readable-line-width .aside-hide:hover {
|
|
|
|
|
|
margin-right: var(--aside-margin);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.is-mobile .is-readable-line-width .aside-hide {
|
|
|
|
|
|
margin-right: calc(-4.25em - 1px);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
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 .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 > path { display:none; }
|
|
|
|
|
|
#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");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Removes Scrollbar in Calendar */
|
|
|
|
|
|
.workspace-leaf-content[data-type="calendar"]
|
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Calendar Plugin for Light Theme──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light #calendar-container {
|
|
|
|
|
|
/* Plugin Variables in Light Theme */
|
|
|
|
|
|
--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 .reset-button:hover,
|
|
|
|
|
|
.theme-light #calendar-container .arrow:hover > svg {
|
|
|
|
|
|
color: var(--color-l-gray-70);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*─────────Calendar Plugin for Dark Theme──────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark #calendar-container {
|
|
|
|
|
|
/* Plugin Variables in Light Theme */
|
|
|
|
|
|
--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 .reset-button:hover,
|
|
|
|
|
|
.theme-dark #calendar-container .arrow:hover > svg {
|
|
|
|
|
|
color: var(--color-d-gray-20);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Sliding Panes (Andy's Mode)
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
body.plugin-sliding-panes-rotate-header .workspace
|
|
|
|
|
|
> .mod-root
|
|
|
|
|
|
> .workspace-leaf
|
|
|
|
|
|
> .workspace-leaf-content
|
|
|
|
|
|
> .view-header {
|
|
|
|
|
|
border-right: 1px solid var(--background-modifier-border) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
body.plugin-sliding-panes-rotate-header .mod-root
|
|
|
|
|
|
> .workspace-leaf {
|
|
|
|
|
|
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 .view-action[aria-label="More options"] svg {
|
|
|
|
|
|
transform: rotate(90deg);
|
|
|
|
|
|
margin-bottom: var(--scale-2-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
body.plugin-sliding-panes-stacking .workspace>.mod-root>.workspace-leaf {
|
|
|
|
|
|
box-shadow: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Dataview Tables
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.dataview.table-view-table {
|
|
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.dataview.table-view-table > thead > tr > th {
|
|
|
|
|
|
font-size: var(--font-scale-1);
|
|
|
|
|
|
border-width: 0px;
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.dataview.table-view-table
|
|
|
|
|
|
.table-view-tbody tr {
|
|
|
|
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.dataview.table-view-table
|
|
|
|
|
|
.table-view-tbody td {
|
|
|
|
|
|
padding: var(--scale-2-8)
|
|
|
|
|
|
var(--scale-2-6)
|
|
|
|
|
|
var(--scale-2-8)
|
|
|
|
|
|
var(--scale-2-8);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Dataview Table for Light Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light table.table-view-table > thead > tr > th {
|
|
|
|
|
|
color: var(--color-l-red-300);
|
|
|
|
|
|
background: var(--color-l-gray-10);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-light
|
|
|
|
|
|
.dataview.table-view-table
|
|
|
|
|
|
.table-view-tbody tr {
|
|
|
|
|
|
background: var(--color-l-whiter);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Dataview Table for Dark Theme */
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark table.table-view-table > thead > tr > th {
|
|
|
|
|
|
color: var(--color-d-red-500);
|
|
|
|
|
|
background: var(--color-d-gray-90);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.theme-dark
|
|
|
|
|
|
.dataview.table-view-table
|
|
|
|
|
|
.table-view-tbody tr {
|
|
|
|
|
|
background: var(--color-d-blacker);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
Outliner Plugin (Edit Mode Relationship Lines)
|
|
|
|
|
|
────────────────────────────────────*/
|
|
|
|
|
|
|
|
|
|
|
|
.outliner-plugin-bls .cm-s-obsidian
|
|
|
|
|
|
span.cm-formatting-list-ol {
|
|
|
|
|
|
margin-left: -2px;
|
|
|
|
|
|
margin-right: -8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.outliner-plugin-bls .cm-s-obsidian
|
|
|
|
|
|
span.cm-formatting-list-ol{
|
|
|
|
|
|
color: var(--text-faint);
|
|
|
|
|
|
font-family: var(--font-code);
|
|
|
|
|
|
font-size: var(--font-scale-0-5);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.outliner-plugin-bls .cm-s-obsidian
|
|
|
|
|
|
span.cm-formatting-list-ul{
|
|
|
|
|
|
color: var(--text-faint);
|
|
|
|
|
|
font-family: var(--font-editor);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* don't remove !important */
|
|
|
|
|
|
.outliner-plugin-bls .cm-s-obsidian
|
|
|
|
|
|
span.cm-formatting-list-ul:before {
|
|
|
|
|
|
margin-top: -1.5px !important;
|
|
|
|
|
|
padding-left: 1px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Relationship Lines in Edit Mode that
|
|
|
|
|
|
I banged my head on the table for (T ~T) */
|
|
|
|
|
|
.outliner-plugin-bls .CodeMirror-line
|
|
|
|
|
|
span .cm-hmd-list-indent::before {
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
background-image:
|
|
|
|
|
|
linear-gradient(
|
|
|
|
|
|
to right, var(--background-modifier-border) 1px,
|
|
|
|
|
|
transparent 0px);
|
|
|
|
|
|
background-size: 1.6ch 1px;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
top: -1.6em;
|
|
|
|
|
|
left: -2px;
|
|
|
|
|
|
padding-bottom: 999em;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*────────────────────────────────────
|
|
|
|
|
|
++++++++++++++++++++++++++++++++++++++
|
|
|
|
|
|
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-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-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");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 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 ");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Not Done */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.percent-sign-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 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");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Not Done */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.plus-minus-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 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");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 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");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Not Done */
|
|
|
|
|
|
body:not(.no-svg-replace) svg.stop-audio-glyph {
|
|
|
|
|
|
-webkit-mask-image: url("");
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 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");
|
|
|
|
|
|
}
|
