Wobbl/Gulmwiki
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
Gulmwiki/.obsidian/themes/Cyber Glow/theme.css

4171 lines
850 KiB
CSS
Raw Normal View History

Initial Commit
2025-04-06 21:17:41 +02:00
/* Cyber Glow for Obsidian built by TheEmperorArt version 8.x.x
/* Please give credits if you modify or take parts for your own theme*/
/*===================== Style Settings ======================*/
/* @settings
name: Cyber Glow Tweakbox
id: CG
collapsed: false
settings:
-
id: CG-workspace
title: Background Controls
type: heading
level: 1
description: Background and Wallpaper Controls
collapsed: true
-
id: CG-workspace-background
title: Enable Workspace Backgound
description: Enable Custom Wallpaper background
type: class-toggle
default: CG-workspace-background-image-custom
-
id: CG-workspace-background-image
title: Select Background Image
description: Select Custom to use your custom links or paths to your wallpaper in "Custom Workspace Background Image". (Author's)
type: class-select
allowEmpty: false
default: CG-workspace-background-image-obsidianbg
options:
-
label: CG v8 (chesterocampo - Papillon Kotetsu)
value: CG-workspace-background-image-obsidianbg
-
label: Custom
value: CG-workspace-background-image-custom
-
id: CG-workspace-background-image-custom-option
title: Custom Workspace Background Image
description: Add your wallpaper. Paste the entire link to the image including "https://" -> url("your link here"). Local file links are no longer supported by Obsidian and Style Settings haven't been updated to support any alternatives.
type: variable-text
default: url("")
value: CG-workspace-background-image-custom
-
id: CG-workspace-background-workspace-slider
title: Container opacity
description: Suggestion Increase opacity a bit on Dark mode, decrease opacity on light mode.
type: variable-number-slider
min: 0.10
max: 1
step: 0.01
default: 0.45
-
id: CG-workspace-background-blur
title: Background blur
description: Level of blurryness
type: variable-number-slider
min: 0
max: 20
step: 1
default: 15
format: px
-
id: CG-workspace-background-brightness
title: Background brightness
description: Suggestion Increase brightness on Dark mode, decrease brightness on light mode.
type: variable-number-slider
min: 0
max: 3
step: 0.01
default: 1.15
-
id: CG-workspace-background-saturation
title: Background Saturation
description: Increase/Decrease the color vibrancy of the background image.
type: variable-number-slider
min: 0
max: 4
step: 0.01
default: 2
-
id: CG-workspace-background-contrast
title: Background Contrast
description: Increase/Decrease the contrast of the background image.
type: variable-number-slider
min: 40
max: 200
step: 1
default: 100
format: "%"
-
id: CG-Workspace
title: Workspace Controls
type: heading
description: Phone Header Folder Path,
level: 1
collapsed: true
-
id: CG-header-crumbs
title: Disable Phone's Header Folder Path
description: The folder paths in the header easily hides the note's title. Toggle off if you want the folder path on phone.
default: true
type: class-toggle
-
title: Disable Full Status-bar
description: Returns Status-bar to a hover state
id: CG-Fullstatus-off
type: class-toggle
default: false
-
id: CG-workspace-sbt
title: Left Sidebar Toggle
type: class-select
allowEmpty: false
description: Pick the Icon/image, be sure that all custom images/gifs are square aspect.
default: CG-MObsidian-sbt
options:
-
label: New Obsidian Logo
value: CG-MObsidian-sbt
-
label: Classic Obsidian Logo
value: CG-Obsidian-sbt
-
label: Custom
value: CG-Custom-sbt
-
id: CG-workspace-custom-sbt
title: Custom Left Sidebar Toggle
description: Add your custom Left Toggle. Paste the entire link to the image including "https://" -> url("your link here"), Obsidian no longer supports local links.
type: variable-text
default: url("")
value: CG-Custom-sbt
-
id: CG-Note
title: Note Controls
type: heading
description: Custom Checkboxes, Line Width, Codeblocks Controls, Signature/Cite font, Base Font
level: 1
collapsed: true
-
id: CG-custom-checkbox
title: Custom Checkbox
description: Enable custom checkboxes for checkbox customization
default: true
type: class-toggle
-
id: CG-line-width
title: Readable line width
description: The maximum line width in rem (unit relative to Appearance -> Font Size)
type: variable-number-slider
default: 40
min: 30
max: 70
step: 1
format: 'rem'
-
title: Disable Codeblocks Gutter
description: Remove line numbers and additional styling to code blocks
id: no-codeblock-line-numbers
type: class-toggle
default: false
-
id: CG-cite-font
title: Cite/Signature Font (Used in blockquotes and quote callouts)
description: Get Font from Cyber Glow's Github page. Recommend using a cursive font style
type: variable-text
default: 'Edwardian Script ITC'
-
id: default-font
title: Base font (UI and notes font) WIP⚠️
description: Get Font from Cyber Glow's Github page. For System Default type Inter.
type: variable-text
default: 'Quantico'
-
id: headings
title: Heading Controls
type: heading
description: Headings Font and Size and Dividing Line Controls
level: 1
collapsed: true
-
id: CG-hr
title: Heading Dividing Line (---)
type: class-select
allowEmpty: false
default: CG-NewObsidian-hr
options:
-
label: New Obsidian Outline
value: CG-NewObsidian-hr
-
label: CG Old Default
value: CG-OG-hr
-
label: Classic Obsidian Outline
value: CG-ClassicObsidian-hr
-
label: Windows
value: CG-Windows-hr
-
label: Apple
value: CG-Apple-hr
-
id: CG-workspace-custom-sbt
title: Custom Left Sidebar Toggle
description: Add your custom Left Toggle. Paste the entire link to the image including "https://" -> url("your link here") or paste the local file location. Be sure to use "/" instead of "\" on Windows.
type: variable-text
default: url("app://local/")
value: CG-Custom-sbt
-
id: title-heading
title: Title Heading (H1) WIP ⚠️
description: Get Font from Cyber Glow's Github page. For System Default type Inter.
type: variable-text
default: 'Space Wham'
-
id: mini-header-hide
title: Hide Header Indication
description: Enabling this will hide the small header indicator next to headers, such as H1, H2, etc.
type: class-toggle
default: false
-
id: h1-size
title: H1 font size
description: Enter Header 1 Font
type: variable-text
default: 2.1em
-
id: major-heading
title: Major Heading font (H2) WIP ⚠️
description: Get Font from Cyber Glow's Github page. For System Default type Inter
type: variable-text
default: 'Quantico'
-
id: h2-size
title: H2 font size
description: Enter Header 2 Font
type: variable-text
default: 1.85em
-
id: minor-heading
title: Minor Headings font (H3-6) WIP⚠️
description: Get Font from Cyber Glow's Github page. For System Default type Inter.
type: variable-text
default: 'Oxanium'
-
id: h3-size
title: H3 font size
description: Enter Header 3 Font
type: variable-text
default: 1.65em
-
id: h4-size
title: H4 font size
description: Enter Header 4 Font
type: variable-text
default: 1.45em
-
id: h5-size
title: H5 font size
description: Enter Header 5 Font
type: variable-text
default: 1.25em
-
id: h6-size
title: H6 font size
description: Enter Header 6 Font
type: variable-text
default: 1.25em
-
id: CG-Color
title: Color Picker
type: heading
description: Change Colors of certain elements
level: 1
collapsed: true
-
title: Accent Text Color
id: custom-accent
type: variable-color
format: hsl-values
default: 'hsl(170, 49%, 32%)'
-
title: Inactive Tab Color
id: inactivetab-color
type: variable-color
format: hsl-values
default: 'hsl(170, 49%, 32%)'
-
title: Tab & Icon Color
id: activetab-color
type: variable-color
format: hsl-values
default: 'hsl(170, 49%, 32%)'
-
title: Active Note Title Color
id: active-title
type: variable-color
format: hsl-values
default: 'hsl(170, 49%, 32%)'
-
title: Inactive Note Title Color
id: Inactive-title
type: variable-color
opacity: true
format: hsl
default: 'hsl(170, 49%, 32%)'
-
title: Outgoing link color
id: outlink-color
type: variable-color
format: hex
default: '#FFA500'
-
title: Internal link color
id: inlink-color
type: variable-color
format: hex
default: '#ffc400'
-
title: Bullet List Color
id: bulletlist-color
type: variable-color
format: hex
default: '#21B59C'
-
title: Header 1 Color
id: h1-glow
type: variable-color
format: hex
default: '#21B59C'
-
title: Header 2 Color
id: h2-glow
type: variable-color
format: hex
default: '#0cd0d0'
-
title: Header 3 Color
id: h3-glow
type: variable-color
format: hex
default: '#00d200'
-
title: Header 4 Color
id: h4-glow
type: variable-color
format: hex
default: '#ffc400'
-
title: Header 5 Color
id: h5-glow
type: variable-color
format: hex
default: '#FF0000'
-
title: Header 6 Color
id: h6-glow
type: variable-color
format: hex
default: '#FF00FF'
-
title: Change Blockquote color
id: block-color
type: variable-color
format: hsl
default: 'hsl(170, 49%, 32%)'
-
id: CG-other
title: Other Controls
type: heading
description: Stacked tabs width
level: 1
collapsed: true
-
id: GC-stacked-width
title: Stacked tabs header width
description: If the stacked tab looks weird, after altering the width, please change tabs first or open a new tab to "refresh" the theme
type: variable-number-slider
min: 20
max: 70
step: 1
default: 35
format: px
*/
@font-face {
font-family: "OxaniumFira";
src: url(data:application/octet-stream;base64,AAEAAAAQAQAABAAAR0RFRg4BEp8AAYbcAAAANEdQT1NNf0wDAAGHEAAAGkBHU1VCQczx9AABoVAAAF20T1MvMhd5EocAAAGIAAAAYFNUQVR4kWzeAAH/BAAAAC5jbWFwLPCWDAAAFOAAACr2Z2FzcAAAABAAAYbUAAAACGdseWb8bZfKAABJYAABDTpoZWFkHbNgeQAAAQwAAAA2aGhlYQMPBIcAAAFEAAAAJGhtdHiNLbOMAAAB6AAAEvhsb2NhSxOMRwAAP+AAAAmAbWF4cATWAQMAAAFoAAAAIG5hbWUSryzsAAFWnAAAASJwb3N0q1C4fgABV8AAAC8ScHJlcGgGjIUAAD/YAAAABwABAAAABQCDr0e2xV8PPPUAAwfQAAAAAOGbKiAAAAAA4azrkvId/BgJMwlgAAAABwACAAAAAAAAAAEAAAe8/XwAAAlg8h345wkzAAcAAAAAAAAAAAAAAAAAAAS9AAEAAAS/AJcACQBoAAoAAQAAAAAAAAAAAAAAAAADAAMABASiAZAABQAABPQEkgAAAJIE9ASSAAACqwAyAngAAAILBQkFAAACAASgAADvEgGo+wAAAAAAAAAAQ1REQgGAAA3//we8/XwAAAh0A+hgAACbndUAAAQdBWEAAAAgAAUElAC6BOwAKATsACgE7AAoBOwAKATsACgE7AAoBOwAKATsACgE7AAoBOwAKAb0ACgG9AAoBQgAtATEAKAExACgBMQAoATEAKAExACgBMQAoAVQALQFZAAoBVAAtAVkACgEnAC0BJwAtAScALQEnAC0BJwAtAScALQEnAC0BJwAtAScALQEnAC0BHQAtAU8AKAFPACgBTwAoAU8/XUFPACgBXgAtASwAAQFeAC0AhAAtASwABcCEAC0AhAAIwIQ//4CEAC0AhAAsgIQALQCEAAGAhD/pwIQ/+sEuAB4BLgAeATsALQE7P1lBCwAtAQsAJwELAC0BCz9dwQsALQEQAAUBr4AtAWgALQFoAC0BaAAtAWg/TgEsACnBaAAtAV4AKAFeACgBXgAoAV4AKAFeACgBXgAoAV4AKAFeACgBXgAoAV4AKAFeACgB4QAoATsALQE7AC0BXgAoAUAALQFAAC0BQAAtAUA/twEiAB4BIgAeASIAHgEiAB4BIgAeASI/vUEsACTBKAAMASwAFAEoAAwBKAAMASg/wIFYACoBWAAqAVgAKgFYACoBWAAqAVgAKgFYACoBWAAqAVgAKgFYACoBWAAqATYACgHMAA8BzAAPAcwADwHMAA8BzAAPATEADwEiAAoBIgAKASIACgEiAAoBIgAKASwAGQEsABkBLAAZASwAGQExACgBaAAtAV4AKAEiAB4BLAAZAQ8AGgEPABoBDwAaAQ8AGgEPABoBDwAaAQ8AGgEPABoBDwAaAQ8AGgG1ABoBtQAaASMAKAD8ACQA/AAkAPwAJAD8ACQA/AAkAPwAJAEjACQBJAAkASwAFYEjACQBHwAkAR8AJAEfACQBHwAkAR8AJAEfACQBHwAkAR8AJAEfACQBLAAnQL4AKAEjACQBIwAkASMAJAEjACQBIwAkASUAKAEsAAnBJQAoAHgAJgEsADxBLAA8QSwAPEEsADjBLAA8QSwAPEEsADxBLAAYQSwAPEEsADxBLAAwQHg//AB4P/wAeD/3wQgAKAEIP1DBLAAyQIIAJgCCAB9AggAmAII/AsCCACYAigABgcAAKAElACgBJQAoASwAAEElACgBJT9OgSwAMkElACgBJAAkASQAJAEkACQBJAAkASQAJAEkACQBJAAkASQAJAEkACQBJAAkASQAJAHJACQBIwAoASMAKAEjACQAugAmALoAJgC6ABxAuj+0gPoAHgD6AB4A+gAeAPoAHgD6AB4A+j+sgS0AKADEACYBLAAnwMQAJgDEACYAxD/EwSUAJgElACYBJQAmASUAJgElACYBJQAmASUAJgElACYBJQAmASUAJgElACYBBAAKAYiADAGIgAwBiIAMAYiADAGIgAwBLAAbwQQACgEEAAoBBAAKAQQACgEEAAoA/wAZAP8AGQD/ABkA/wAZAPwAJAElACgBJAAkAPoAHgD/ABkBLAAwQSwAPEEsAC/BLAAeASwAAAEsADBBLD3ZASwANMEsADRBLABTwS4AHgE7AAoBQgAtASwARAEsAApBJwAtASwAGQFeAC0BLAAXQIQALQE7AC0BLAAMQa+ALQFoAC0BLAAmQV4AKAEnACgBOwAtASwAJIEoAAwBIgAKASwABUExAA8BLAAGwV4AHgE7AAoBJz/wgV4/28CEP+WBXj/rgSI/wsFeP+tAhAAtASIACgEsADkBLAASASwAKcEsABdBLAAlQSwAP0EsACNBLAAMwSwAMkEsABLBLD/HASwAEsEsABdBOwAtASwAH8GvgC0BLAAQQSw/dEEsPzTBLAAdQSwALYEsABWBLAAhwSwAKYEsADdBLAAkgSwAJMEsAB9BLAArQSwAGEEsACxBLAAPwSwAMUEkACQBLAADQSwALsEsADLBLAAkwSwAE4EsADOBLAAQwSwAGwEsABTBLAANQSwAH0EsAB9BLAAfQSwAM4EsADOBLAAzgSQAJAEsAA1BLAAdQSwAKYEsACSBLAA2wSwACUEsAC/BLAAtwSw/aAEsPzZBLAAkwSwAIsEsAD7BLAArgSwAD8EsAB8BLAAnQSwAJkEsABZBLAAEQSwAHsEsAC7BLAAtwHg//AEsAC3BIwAoASwACgEsABZBLABigSwADwEsAA8BLAAegSwAH8EsAAzBLAApwSwAHkEsABbBLAAeQSwAI8EhACABIQAuASEAIAEhACUBIQAgASEAGwEhACABIQAgASEAIAEhACABIQAgASEAIAEhACABIQAuASEAIAEhACNBIQAgASEAGwEhACABIQAgASEAIAEhACABIQAgASwAUIC0AB0BLABWQSwAWAEsABIBLABhwSwAToEsAFZBLABUASwATIEsAFCAtAAdASwAVkEsAFgAtAASASwAYcEsAE6BLABWQSwAVAEsAEyBLABQgLQAHQEsAFZBLABYALQAFAEsAGHBLABOgSwAVkEsAFQBLABMgSwAUIC0AB0BLABWQSwAWAEsABIBLABhwSwAToEsAFZBLABUASwATIAAP3LBLAAJQSwAAcEsAAEBLAAHQSwAAcEsAAjBLD/4ASw/+gEsP/1BLD/1wSwAAcEsAAYBLD/+wSwAAYEsP/0BLD/9QIIAKQCCABAAggApASwAXUEsABAAggApAIIAKQD6ABQA8AAZAIIAKQC0ACsA+gAUgSwABsFPABkAwwAKAMMACgEsAC8AggArAPAAHMCCACkBLAAUgSwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAAAEsAAABLAAAASwAJIEsABpBLAApASwAbkEsAHJAm4AkAJuACoC+ABkAvgAPAKoALQCqAA8BLACOASwAIMEsADIBLAAyASwAbkEsAHJBLAAkASwACoEsABkBLAAPASwALQEsAA8BLACOASwAIMEsAAABLAAAASwAAAC0ABQAtAAUASIAFAH0ABQBLAAUASwAEcH0ABQB9AAUASIAFAEsABkBLAAUASwAFAEsABQBLAAUALOAFAEsAAABLAAAAIIAEADcABAA3AAfgNwAHACCAB+AggAcASwAKUD6P8nAlgAPAJYAFADDACMAawAjAPo/v8EsP8nBLAAPASwAFAEsAG5BLAByQSw/LAEsPgCBLD8SQSw/moEsP7hBLD8mwSw/NMEsPzkBLD41gSw+pEEsPr9BLD9bASw/NMEsPy8BLD4NASw+X4EsP3QBLD9twSw/OQEsPzkBLD+9ASw/aMEsP2EBLD8wQSw/BgEsPvUBLD3ugSw+6gEsPvqBLD7tASw/KYEsPwyBLD8ggSw/IIEsPvTBLD7vQSw/DIEsPeCBLD8GASw/IEEsPvcBLD3kASw/PUEsPz1BLABuQSwAckEsP/sBLAA+QSw/+wEsP9tBLD/7AU8AGQFPABkBTwAZASw/+wEsP/sBLAAR
font-weight: normal;
font-style: normal italic;
}
@font-face {
font-family: "Space Wham";
src: url(data:application/octet-stream;base64,AAEAAAALAIAAAwAwT1MvMo8DPuMAAAE4AAAAYGNtYXD4xvseAAAEyAAABJhnbHlml1GywwAADJQAAJSkaGVhZB64MR4AAAC8AAAANmhoZWEhdhJBAAAA9AAAACRobXR4/3X+jAAAAZgAAAMwa2Vybvzp9VcAAKE4AAAAKmxvY2EANVWQAAAJYAAAAzRtYXhwANIAWAAAARgAAAAgbmFtZTK1OpYAAKFkAAANjHBvc3QBnADMAACu8AAAACAAAQAAAAEAABgqD91fDzz1AAAQAAAAAADX0eptAAAAANfR6m3+jP0YEXQSLgAAAAgAAgABAAAAAAABAAARdP0YAAAS6P6MAXQRdAABAAAAAAAAAAAAAAAAAAAAzAABAAAAzABWAAUAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAIMjAGQAAUABAgACAAAAP6MCAAIAAAACAAAzAMzAAAAAAQAAAAAAAAAoAAABwAAAAoAAAAAAAAAAEZTVFIAQAAgISINF/0YAAARdALoAAAB8wAAAAAHRQ0XAAAAIAAAC4YAAAF0AAABdAAAB0UAAARdAAAIugAADosAAA6LAAARdAAADosAAARdAAAF0QAABdEAAAi6AAAOiwAABF0AAAuiAAAEXQAAEXQAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAEXQAABF0AAAaLAAAOiwAABosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAF0QAAEXQAAAXRAAAOiwAADosAAAdFAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAARdAAAOiwAADosAAARdAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAAaLAAAEXQAABosAAAi6AAAEXQAADosAAA6LAAAEXQAAEXQAAAi6AAALogAACLoAABF0AAAOiwAAAugAAAi6AAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAEXQAABF0AAARdAAAEXQAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAABAAAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAADosAAA6LAAAOiwAABF0AAARdAAAEXQAABF0AAAi6AAAIugAAB0X+jAi6AAAOiwAADosAAARdAAAEXQAACLoAAA0XAAAFFwAABRcAAA6LAAAS6AAAAAAAAgAAAAMAAAAUAAMAAQAAAlYABAJCAAAAKAAgAAQACAB+AKEAowCmAKkArwC3ALsA/wFTAXEBeB6eIBQgIiAmIDogrCEi//8AAAAgAKEAowClAKkAqwC3ALsAvwFQAW4BeB6eIBQgGCAkIDkgrCEi////4//B/8D/v/+9/7z/tf+y/6//X/9F/z/iGuCl4KLgoeCP4B7fqQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAkIAAAAoACAABAAIAH4AoQCjAKYAqQCvALcAuwD/AVMBcQF4Hp4gFCAiICYgOiCsISL//wAAACAAoQCjAKUAqQCrALcAuwC/AVABbgF4Hp4gFCAYICQgOSCsISL////j/8H/wP+//73/vP+1/7L/r/9f/0X/P+Ia4KXgouCh4I/gHt+pAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHgAAAB4AAAAeAAAAHgAAAD0AAABLAAAAdwAAAOAAAAEUAAABYwAAAWwAAAGOAAABsAAAAdMAAAHmAAACEQAAAhoAAAIzAAACPAAAAoAAAAKQAAAC0gAAAxsAAAMrAAADYQAAA64AAAO+AAAECwAABFgAAASHAAAExwAABNIAAATgAAAE6wAABTIAAAWKAAAFsQAABeIAAAYdAAAGPwAABlIAAAZiAAAGlQAABqgAAAa7AAAG3wAABvsAAAcGAAAHGwAABy4AAAdkAAAHiQAAB8kAAAfvAAAIQwAACFEAAAhzAAAIhQAACJoAAAi+AAAI5QAACPgAAAkGAAAJDwAACR0AAAkqAAAJMwAACT0AAAl6AAAJuAAACfMAAAoxAAAKawAACpcAAArVAAAK/AAACxsAAAtTAAALdQAAC34AAAuqAAALzgAADAQAAAxCAAAMgAAADKcAAAzfAAANCwAADS8AAA1BAAANdgAADZoAAA3BAAAN6AAADhMAAA4cAAAORwAADn8AAA6eAAAOzwAADwoAAA8YAAAPhgAAD5kAAA+kAAAPrQAAEAcAABAQAAAQKQAAEDwAABCDAAAQsQAAEN8AABEQAAARUQAAEaQAABH5AAASIAAAEmkAABKDAAASnQAAErkAABL3AAATEQAAEysAABNHAAAThQAAE7EAABPdAAAUGgAAFFcAABSXAAAU5wAAFUkAABVtAAAVqgAAFdMAABX8AAAWJwAAFnQAABaiAAAWyQAAFwUAABdIAAAXiwAAF9EAABgnAAAYjwAAGO0AABldAAAZpgAAGecAABooAAAaawAAGtEAABrhAAAa
font-weight: normal;
font-style: normal italic;
}
@font-face {
font-family: "Edwardian Script ITC";
src: url(data:application/octet-stream;base64,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
font-weight: normal;
font-style: normal italic;
}
@font-face {
font-family: "Quantico";
src: url(data:application/octet-stream;base64,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
font-weight: normal;
font-style: normal italic;
}
body {
/*metadata*/
--metadata-label-width: 10em;
--metadata-gap: 5px;
--metadata-property-radius: 3px;
/*Style Settings Custom Tabs Colors*/
--activetab-color: var(--color-accent-hsl); --activetab-highlight: hsl(var(--activetab-color));
--tab-background-active: hsla(var(--activetab-color), 0.15);
--tab-text-color-focused-active-current: var(--activetab-highlight);
--tab-text-color-focused:var(--activetab-highlight);
--activetab-faint: hsla(var(--activetab-color), 0.60);
--tab-background-clicked: hsla(var(--activetab-color), 0.25);
--tab-background-active-clicked: hsla(var(--activetab-color), 0.3);
/*Style Settings inactive tab Custom Colors*/
--inactivetab-color: var(--activetab-color);
--inactivetab: hsla(var(--inactivetab-color), 0.60);
/*Style Settings inactive title Custom Colors*/
--Inactive-title: var(--text-faint);
/*Style Settings active title Custom Colors*/
--active-title: var(--color-accent-hsl);
--activetitle-highlight: hsl(var( --active-title));
--title-background-clicked: hsla(var(--active-title), 0.25);
--title-background-active-clicked: hsla(var(--active-title), 0.3);
--custom-accent: var(--color-accent-hsl);
--custom-acc-text: hsl(var(--custom-accent));
--custom-acc-faint: hsla(var(--custom-accent), 0.6);
--custom-acc-active: hsla(var(--custom-accent), 0.43);
--custom-acc-back: hsla(var(--custom-accent), 0.4);
--custom-acc-hover: hsla(var(--custom-accent), 0.3);
/*Fonts*/
--default-font: 'OxaniumFira', 'Inter', 'Rubik', 'Segoe UI';
--title-heading: 'Space Wham', 'Inter';
/*--heading: 'Quantico', 'Inter';*/
--h2-font: 'Quantico', 'Inter';
--h3-font: 'Quantico', 'Inter';
--h4-font: 'Quantico', 'Inter';
--CG-cite-font: 'Edwardian Script ITC';
/*Logo*/
--newoutlined-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='18' height='18' fill='none' stroke='currentColor' stroke-width='32' stroke-linecap='round' stroke-linejoin='round' class='logo-wireframe'%3E%3Cpath d='M172.7 461.6c73.6-149.1 2.1-217-43.7-246.9m72 96.7c71.6-17.3 141-16.3 189.8 88.5m-114-96.3c-69.6-174 44.6-181 16.3-273.6m97.7 370c1.6-3 3.3-5.8 5.1-8.6 20-29.9 34.2-53.2 41.4-65.3a16 16 0 0 0-1.2-17.7 342.1 342.1 0 0 1-40.2-66.1c-10.9-26-12.5-66.5-12.6-86.2 0-7.4-2.4-14.7-7-20.6l-81.8-104a32 32 0 0 0-1.4-1.5m97.7 370a172.8 172.8 0 0 0-18 59c-2.9 21.5-24 38.4-45 32.6-30-8.3-64.5-21.1-95.7-23.5l-47.8-3.6c-7.7-.6-15-4-20.3-9.5l-82.3-84.8c-9-9.2-11.4-23-6.2-34.8 0 0 51-111.8 52.8-117.7l.7-3M293.1 30a31.5 31.5 0 0 0-44.4-2.3l-97.4 87.5c-5.4 5-9 11.5-10 18.8-3.7 24.5-9.7 68-12.3 80.7'%3E%3C/path%3E%3C/svg%3E");
--outlined-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='15 -3 69 106'%3E%3Cpath d='M 30.91 17.52 L 34.43 35.7 M 61.44 14.41 L 62.61 0 M 34.43 35.7 L 37.57 90.47 M 81 26.39 L 61.44 14.41 L 34.43 35.7 L 65.35 100 M 62.61 0 L 30.91 17.52 L 18 45.45 L 37.57 90.47 L 65.35 100 L 70.44 89.8 L 81 26.39 L 62.61 0 Z' stroke='%23000000' stroke-width='4' fill='none'/%3E%3C/svg%3E");
--CG-line-width: 40rem;
--file-line-width: var(--CG-line-width);
/*max min icons*/
--win-maximize: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.5 3c-.82843 0-1.5.67157-1.5 1.5v7c0 .8284.67157 1.5 1.5 1.5h7c.8284 0 1.5-.6716 1.5-1.5v-7c0-.82843-.6716-1.5-1.5-1.5zm0 1h7c.2761 0 .5.22386.5.5v7c0 .2761-.2239.5-.5.5h-7c-.27614 0-.5-.2239-.5-.5v-7c0-.27614.22386-.5.5-.5z' fill='%23212121'/%3E%3C/svg%3E");
--win-minimize: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23212121'%3E%3Cpath d='m5.08496 4c.20592-.5826.76154-1 1.41465-1h3.5c1.65689 0 2.99999 1.34315 2.99999 3v3.5c0 .6531-.4174 1.2087-1 1.4146v-4.9146c0-1.10457-.8954-2-1.99999-2z'/%3E%3Cpath d='m4.5 5h5c.8284 0 1.5.67157 1.5 1.5v5c0 .8284-.6716 1.5-1.5 1.5h-5c-.82843 0-1.5-.6716-1.5-1.5v-5c0-.82843.67157-1.5 1.5-1.5zm0 1c-.27614 0-.5.22386-.5.5v5c0 .2761.22386.5.5.5h5c.27614 0 .5-.2239.5-.5v-5c0-.27614-.22386-.5-.5-.5z'/%3E%3C/g%3E%3C/svg%3E");
/*Background*/
--background-primary: var(--color-base-00);
--background-secondary: var(--color-base-25);
--background-tertiary: var(--color-base-05);
--background-modifier-hover: var(--tab-background-active);
--background-modifier-message: var(--background-tertiary);
/*Titlebar*/
--titlebar-background-focused: var(--background-secondary);
--titlebar-text-color-focused: var(--text-muted);
/*Tab*/
--tab-divider-color: transparent;
--tab-max-width: 180px;
--tab-width: 225px;
--tab-radius-active: var(--radius-s);
/*Text*/
--text-muted: var(--color-accent);
--text-faint: var(--color-accent-faint);
/*Scrollbar*/
--scrollbar-thumb-bg: var(--text-selection);
--scrollbar-active-thumb-bg: var(--text-accent);
--scrollbar-bg: var(--color-accent-active);
/*Drag Ghost*/
--drag-ghost-text-color: var(--text-accent);
--drag-ghost-background: var(--background-tertiary);
/*Link*/
--link-external-color: var(--outlink-color);
--link-external-color-hover: var(--link-external-color);
--internal-link-hover: var(--inlink-color);
--inlink-color: #FFA500;
--outlink-color: #ffc400;
/*Vault Name*/
--vault-name-font-size: var(--font-ui-medium);
--vault-name-color: var(--custom-acc-text);
/*Swatch*/
--swatch-radius: 3px;
/*Nav Items*/
--nav-item-color: var(--custom-acc-faint);
--nav-item-color-hover: var(--custom-acc-text);
--nav-item-color-selected: var(--text-accent);
--nav-item-white-space: wrap;
--nav-item-color-active: var(--custom-acc-text);
--nav-indentation-guide-color: var(--custom-acc-faint);
/*Bullet lists*/
--bulletlist-color: var(--text-accent);
--indentation-guide-color: var(--bulletlist-color);
/*Icon*/
--icon-color-hover: var(--activetab-highlight);
--icon-color: var(--activetab-faint);
--icon-color-active: var(--tab-background-clicked);
--icon-color-focused: var(--activetab-highlight);
/*Heading*/
--h1-glow: var(--text-accent);
--h2-glow: #0cd0d0;
--h3-glow: #00d200;
--h4-glow: #ffc400;
--h5-glow: #FF0000;
--h6-glow: #FF00FF;
--h1-size: 34px;
--h2-size: 26px;
--h3-size: 22px;
--h4-size: 18px;
--h5-size: 18px;
--h6-size: 18px;
--heading-formatting: var(--text-faint);
/*Slider*/
--slider-thumb-border-width: 7px;
--slider-thumb-border-color: var(--color-glow);
/*Toggle*/
--toggle-border-width: 3px;
--toggle-width: 45px;
--toggle-thumb-width: 20px;
--toggle-thumb-color: rgb(186, 56, 56);
--toggle-thumb-radius: 10px;
--toggle-thumb-height: 8px;
--toggle-s-border-width: 3px;
--toggle-s-width: 40px;
--toggle-s-thumb-height: 8px;
--toggle-s-thumb-width: 16px;
/*Radius*/
--radius-s: 3px;
--radius-m: 3px;
--radius-l: 10px;
--radius-xl: 3px;
/*Ribbon*/
--ribbon-background: transparent;
--ribbon-background-collapsed: transparent;
/*List*/
--list-marker-color: transparent;
--list-marker-color-collapsed: transparent;
/*Status bar*/
--status-bar-text-color: var(--text-faint);
--status-bar-radius: var(--radius-s);
/*Callouts Color Fix*/
--callout-bug: 200, 172, 100;
--callout-error: 255, 70, 0;
--callout-info: 0, 141, 142;
--callout-summary: 0, 151, 188;
--callout-tip: 255, 166, 11;
--callout-important: 255, 166, 11;
--callout-quote: 210, 102, 234;
--callout-default: 139, 127, 137;
--block-color: hsl(170, 49%, 32%);
--bgimage: url("data:image/jpeg;base64,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
--scrollbutton:url("data:image/svg+xml,%3Csvg enable-background='new 0 0 100 100' height='100' viewBox='0 0 100 100' width='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m50 76h-26c-3.1 0-5-3.4-3.4-6l26-44c1.5-2.6 5.3-2.6 6.9 0l26 44c1.6 2.7-.4 6-3.4 6z' fill='%23fff'/%3E%3C/svg%3E");
}
.is-mobile{
--toggle-width: 45px;
--toggle-thumb-height: 8px;
--toggle-thumb-width: 20px;
}
/*================ Dark Theme =================*/
.theme-dark {
--New-Obsidiantoggle: url("data:image/svg+xml,%3Csvg id='custom-logo' width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg' style='height:100%25;width:100%25;'%3E%3Cdefs%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-48 -185 123 -32 179 429.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.4'/%3E%3Cstop offset='1' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(41 -310 229 30 341.6 351.3)'%3E%3Cstop stop-color='%23fff' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(57 -261 178 39 190.5 296.3)'%3E%3Cstop stop-color='%23fff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.4'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-79 -133 153 -90 321.4 464.2)'%3E%3Cstop stop-color='%23fff' stop-opacity='.3'/%3E%3Cstop offset='1' stop-opacity='.3'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-29 136 -92 -20 300.7 149.9)'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.2'/%3E%3C/radialGradient%3E%3CradialGradient id='g' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(72 73 -155 153 137.8 225.2)'%3E%3Cstop stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.4'/%3E%3C/radialGradient%3E%3CradialGradient id='h' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(20 118 -251 43 215.1 273.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.1'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.3'/%3E%3C/radialGradient%3E%3CradialGradient id='i' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-162 -85 268 -510 374.4 371.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.3'/%3E%3C/radialGradient%3E%3Cfilter id='a' x='80.1' y='37' width='351.1' height='443.2' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='6.5' result='effect1_foregroundBlur_744_9191'/%3E%3C/filter%3E%3C/defs%3E%3Crect id='logo-bg' fill='%23000000' width='512' height='512' rx='100'/%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M359.2 437.5c-2.6 19-21.3 33.9-40 28.7-26.5-7.2-57.2-18.6-84.8-20.7l-42.4-3.2a28 28 0 0 1-18-8.3l-73-74.8a27.7 27.7 0 0 1-5.4-30.7s45-98.6 46.8-103.7c1.6-5.1 7.8-49.9 11.4-73.9a28 28 0 0 1 9-16.5L249 57.2a28 28 0 0 1 40.6 3.4l72.6 91.6a29.5 29.5 0 0 1 6.2 18.3c0 17.3 1.5 53 11.2 76a301.3 301.3 0 0 0 35.6 58.2 14 14 0 0 1 1 15.6c-6.3 10.7-18.9 31.3-36.6 57.6a142.2 142.2 0 0 0-20.5 59.6Z' fill='%23000' fill-opacity='.3'/%3E%3C/g%3E%3Cpath id='arrow' d='M359.9 434.3c-2.6 19.1-21.3 34-40 28.9-26.4-7.3-57-18.7-84.7-20.8l-42.3-3.2a27.9 27.9 0 0 1-18-8.4l-73-75a27.9 27.9 0 0 1-5.4-31s45.1-99 46.8-104.2c1.7-5.1 7.8-50 11.4-74.2a28 28 0 0 1 9-16.6l86.2-77.5a28 28 0 0 1 40.6 3.5l72.5 92a29.7 29.7 0 0 1 6.2 18.3c0 17.4 1.5 53.2 11.1 76.3a303 303 0 0 0 35.6 58.5 14 14 0 0 1 1.1 15.7c-6.4 10.8-18.9 31.4-36.7 57.9a143.3 143.3 0 0 0-20.4 59.8Z' fill='%23616161'/%3E%3Cpath d='M182.7 436.4c33.9-68.7 33-118 18.5-153-13.2-32.4-37.9-52.8-57.3-65.5-.4 1.9-1 3.7-1.8 5.4L96.5 324.8a27.9 27.9 0 0 0 5.5 31l72.9 75c2.3 2.3 5 4.2 7.8 5.6Z' fill='url(%23b)'/%3E%3Cpath d='M274.9 297c9.1.9 18 2.9 26.8 6.1 27.8 10.4 53.1 33.8 74 78.9 1.5-2.6 3-5.1 4.6-7.5a1222 1222 0 0 0 36.7-57.9 14 14 0 0 0-1-15.7 303 303 0 0 1-35.7-58.5c-9.6-23-11-58.9-11.1-76.3 0-6.6-2.1-13.1-6.2-18.3l-72.5-92-
--color-base-00: rgba(0, 0, 0);
--color-base-20: rgba(30, 30, 30);
--color-base-05: #171717b7;
--bg-primary: 0, 0, 0;
--bg-secondary: 30, 30, 30;
--background-settings: rgba(30, 30, 30, .9);
--background-settings-alt: rgba(30, 30, 30, .65);
--background-settings-2: rgba(78, 75, 75, .2);
--text-selection: hsla(var(--interactive-accent-hsl), 0.35);
/*Accent*/
--accent-h: 170;
--accent-s: 69%;
--accent-l: 42%;
--color-accent-faint: hsl(var(--accent-h), calc(var(--accent-s) - 20%), calc(var(--accent-l) - 10%));
--color-accent-active: hsla(var(--accent-h), calc(var(--accent-s) - 23%), calc(var(--accent-l) - 25%), 0.65);
--color-accent-2: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 10%));
--color-glow: hsl(calc(var(--accent-h) + 1), calc(var(--accent-s) - 36%), calc(var(--accent-l) - 25%));
--color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
--color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
--color-accent-1: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 3.8%));
/*Code*/
--code-background: rgba(30, 30, 30, 0.75);
--text-close-color: #ff909b;
--background-close-hover: #e6647170;
--background-close-active: #f2394c8a;
--background-close: #b4000066;
}
/*================ Light Theme =================*/
.theme-light {
--New-Obsidiantoggle: url("data:image/svg+xml,%3Csvg id='custom-logo' width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg' style='height:100%25;width:100%25;'%3E%3Cdefs%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-48 -185 123 -32 179 429.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.4'/%3E%3Cstop offset='1' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(41 -310 229 30 341.6 351.3)'%3E%3Cstop stop-color='%23fff' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(57 -261 178 39 190.5 296.3)'%3E%3Cstop stop-color='%23fff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.4'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-79 -133 153 -90 321.4 464.2)'%3E%3Cstop stop-color='%23fff' stop-opacity='.3'/%3E%3Cstop offset='1' stop-opacity='.3'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-29 136 -92 -20 300.7 149.9)'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.2'/%3E%3C/radialGradient%3E%3CradialGradient id='g' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(72 73 -155 153 137.8 225.2)'%3E%3Cstop stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.4'/%3E%3C/radialGradient%3E%3CradialGradient id='h' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(20 118 -251 43 215.1 273.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.1'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.3'/%3E%3C/radialGradient%3E%3CradialGradient id='i' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-162 -85 268 -510 374.4 371.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.3'/%3E%3C/radialGradient%3E%3Cfilter id='a' x='80.1' y='37' width='351.1' height='443.2' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='6.5' result='effect1_foregroundBlur_744_9191'/%3E%3C/filter%3E%3C/defs%3E%3Crect id='logo-bg' fill='%23ffffff' width='512' height='512' rx='100'/%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M359.2 437.5c-2.6 19-21.3 33.9-40 28.7-26.5-7.2-57.2-18.6-84.8-20.7l-42.4-3.2a28 28 0 0 1-18-8.3l-73-74.8a27.7 27.7 0 0 1-5.4-30.7s45-98.6 46.8-103.7c1.6-5.1 7.8-49.9 11.4-73.9a28 28 0 0 1 9-16.5L249 57.2a28 28 0 0 1 40.6 3.4l72.6 91.6a29.5 29.5 0 0 1 6.2 18.3c0 17.3 1.5 53 11.2 76a301.3 301.3 0 0 0 35.6 58.2 14 14 0 0 1 1 15.6c-6.3 10.7-18.9 31.3-36.6 57.6a142.2 142.2 0 0 0-20.5 59.6Z' fill='%23000' fill-opacity='.3'/%3E%3C/g%3E%3Cpath id='arrow' d='M359.9 434.3c-2.6 19.1-21.3 34-40 28.9-26.4-7.3-57-18.7-84.7-20.8l-42.3-3.2a27.9 27.9 0 0 1-18-8.4l-73-75a27.9 27.9 0 0 1-5.4-31s45.1-99 46.8-104.2c1.7-5.1 7.8-50 11.4-74.2a28 28 0 0 1 9-16.6l86.2-77.5a28 28 0 0 1 40.6 3.5l72.5 92a29.7 29.7 0 0 1 6.2 18.3c0 17.4 1.5 53.2 11.1 76.3a303 303 0 0 0 35.6 58.5 14 14 0 0 1 1.1 15.7c-6.4 10.8-18.9 31.4-36.7 57.9a143.3 143.3 0 0 0-20.4 59.8Z' fill='%23000000'/%3E%3Cpath d='M182.7 436.4c33.9-68.7 33-118 18.5-153-13.2-32.4-37.9-52.8-57.3-65.5-.4 1.9-1 3.7-1.8 5.4L96.5 324.8a27.9 27.9 0 0 0 5.5 31l72.9 75c2.3 2.3 5 4.2 7.8 5.6Z' fill='url(%23b)'/%3E%3Cpath d='M274.9 297c9.1.9 18 2.9 26.8 6.1 27.8 10.4 53.1 33.8 74 78.9 1.5-2.6 3-5.1 4.6-7.5a1222 1222 0 0 0 36.7-57.9 14 14 0 0 0-1-15.7 303 303 0 0 1-35.7-58.5c-9.6-23-11-58.9-11.1-76.3 0-6.6-2.1-13.1-6.2-18.3l-72.5-92-
--color-base-00: rgba(255, 255, 255);
--color-base-20: rgba(225, 225, 225);
--color-base-05: #f6f4f4b7;
--bg-primary: 255, 255, 255;
--bg-secondary: 225, 225, 225;
--background-settings: rgba(225, 225, 225, .9);
--background-settings-alt: rgba(225, 225, 225, .65);
--background-settings-2: rgba(78, 75, 75, .2);
--text-selection: hsla(var(--interactive-accent-hsl), 0.35);
--accent-h: 170;
--accent-s: 69%;
--accent-l: 42%;
--color-accent-faint: hsl(var(--accent-h), calc(var(--accent-s) + 10%), calc(var(--accent-l) - 4%));
--color-accent-active: hsla(var(--accent-h), calc(var(--accent-s) - 13%), calc(var(--accent-l) + 10%), 0.65);
--color-accent-2: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 10%));
--color-glow: hsl(calc(var(--accent-h) + 1), calc(var(--accent-s) - 36%), calc(var(--accent-l) - 25%));
--color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
--color-accent:hsl(var(--accent-h), calc(var(--accent-s) - 20%), calc(var(--accent-l) - 10%));
--color-accent-1: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 3.8%));
/*Code*/
--code-background: rgba(225, 225, 225, 0.75);
--text-close-color: #791d26;
--background-close-hover: #99212d70;
--background-close-active: #88111c8a;
--background-close: #b4000066;
}
/*----------------------- General ------------------------*/
.checkbox-container:not(.is-enabled):after{
box-shadow: 0 0 0.6em red;
}
/*Note Animation*/
.workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-stacked) .view-content {
animation: 0.25s slide-down forwards;
}
/*left pane Animation*/
.workspace-split.mod-left-split .workspace-leaf-content, .workspace-leaf-content:not(:has(.view-content)) {
animation: 0.15s slide-left forwards;
}
/*right pane Animation*/
.workspace-split.mod-right-split .workspace-leaf-content {
animation: 0.15s slide-right forwards;
}
/*Keyframe for the above animations*/
@keyframes slide-down {
0% { transform: translateY(0%); opacity: 0; }
15% { transform: translateY(-5px); opacity: 0; }
25% { transform: translateY(-10px); }
45% { opacity: 0.5; }
65% { opacity: 0.7; }
100% { transform: translateY(0%); opacity: 1; }
}
@keyframes slide-left {
0% { transform: translateX(0%); opacity: 0;}
15% { transform: translateX(-5px); opacity: 0; }
25% { transform: translateX(-10px); }
45% { opacity: 0.5; }
65% { opacity: 0.7;}
100% { transform: translateX(0%); opacity: 1;}
}
@keyframes slide-right {
0% { transform: translateX(0%); opacity: 0; }
15% { transform: translateX(5px); opacity: 0; }
25% { transform: translateX(10px); }
45% { opacity: 0.5; }
65% { opacity: 0.7;}
100% { transform: translateX(0%); opacity: 1;}
}
/*Tab, WCB Spacing for Styling*/
.workspace-tab-header,
.titlebar-button {
border-right: 1px solid transparent;
border-left: 1px solid transparent;
}
/*----------------------- Title bar Tabs ------------------------*/
/*Remove Curved Connectors for Classic Tabs*/
.workspace-split.mod-root .workspace-tab-header.is-active::before, .workspace-split.mod-root .workspace-tab-header.is-active::after, .workspace-tab-header.is-active {
box-shadow: none;
}
/*Tab Spacing Between Each Other*/
.mod-root .workspace-tab-header-container-inner {
padding: 2.5px 15px 0px 10px;
gap: 4px;
}
/*Centers Tab Text*/
.workspace .mod-root .workspace-tab-header-inner-title {
text-align: center;
color: var(--inactivetab);
}
.workspace-tab-header.is-active.mod-active .workspace-tab-header-inner .workspace-tab-header-inner-title{
color: var(--activetab-highlight);
}
/*Resolves jumping tab bug*/
.workspace .mod-root .workspace-tab-header:not(.is-active, :hover) .workspace-tab-header-inner-close-button{
visibility: hidden;
}
.workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button {
display: flex;
}
.workspace-tab-header-inner .workspace-tab-header-inner-icon{
color: var(--activetab-faint);
}
/*Styles Hover Tab*/
.workspace-tab-header:hover {
background: var(--tab-background-active);
color: var(--activetab-faint);
opacity: 0.85;
border-image-slice: 1;
border-right: 1px solid;
border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent);
border-left: 1px solid;
}
/*Styles Active Tab*/
.workspace-tab-header.is-active, .workspace-tab-header:active {
border-image-slice: 1;
border-right: 2px solid;
border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent);
border-left: 2px solid;
}
.workspace-tab-header:active{
background: var(--tab-background-clicked);
}
.workspace-tab-header.is-active.mod-active{
background: var(--tab-background-active-clicked);
}
.workspace-tab-header.is-active.mod-active .workspace-tab-header-inner .workspace-tab-header-inner-icon{
color: var(--activetab-highlight);
}
/*Active Tab Growth Ani*/
.workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active:not(.mod-stacked) {
flex-grow: 1.25;
max-width: var(--tab-width);
transition: max-width 100ms ease-in-out;
color:var(--activetab-highlight);
}
.mod-left-split .workspace-tab-header.has-active-menu, .mod-right-split .workspace-tab-header.has-active-menu,
.mod-left-split .workspace-tab-header.is-active, .mod-right-split .workspace-tab-header.is-active{
background-color: var(--tab-background-active-clicked);
}
.mod-root .workspace-tab-header:not(.mod-stacked) {
max-width: var(--tab-max-width);
transition: max-width 200ms ease-in-out;
}
/*Active Tab Animation unstacked*/
@keyframes float {
0% { transform: translateY(-5%); transition: ease 0.5s; }
50% { transform: translateY(3%); transition: ease 0.5s; }
100% { transform: translateY(-5%); transition: ease 0.5s;}
}
.workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active.mod-active{
animation: float 4.9s ease-in-out infinite;
}
/*Height of Note Tabs*/
.workspace-tab-header-container-inner {
margin-bottom: 5px;
margin-top: 5px;
}
/*Secondary Headers in Sidepanels*/
.workspace-split.mod-horizontal .workspace-tab-header-container{
background-color: var(--background-tertiary);
}
/*Removes Old Note Tab Hover*/
.workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
background: transparent;
}
/*Resolve Incorrect Background Tabs Font Color and on hover*/
.is-focused .workspace-tab-header {
color: var(--text-faint);
}
.is-focused .workspace-tab-header:hover{
color: var(--text-accent);
}
/*Remove Bottom Header Seperator*/
.workspace-tab-header-container {
border-bottom: none;
}
/*Corrects preview*/
body:not(.is-mobile) .workspace-leaf-content[data-type="markdown"] .markdown-preview-view{
padding-top: 50px;
}
/*Corrects preview scroll*/
body:not(.is-mobile) .workspace-leaf-content[data-type="markdown"] .markdown-preview-view::-webkit-scrollbar-track{
margin-top: 40px;
}
/*Corrects editor*/
body:not(.is-mobile) .workspace-leaf-content[data-type='markdown'] .cm-editor{
margin-top:40px;
}
/*Styles text search on mobile*/
body:not(.is-mobile) .workspace-leaf-content[data-type="markdown"] .document-search-container {
width: 100%;
position:absolute;
background: var(--background-tertiary);
--webkit-backdrop-filter: blur 120px;
backdrop-filter: blur(8px);
margin-top:40px;
}
/*Bumps down content for text search in preview*/
body:not(.is-mobile) .document-search-container ~ .markdown-preview-view {
margin-top:50px;
}
/*Bumps down content for text search in editor*/
body:not(.is-mobile) .document-search-container ~ .cm-editor{
padding-top:46px;
}
/*Bumps down content for text search and replace in editor*/
body:not(.is-mobile).document-search-container.mod-replace-mode ~ .cm-editor{
margin-top:50px;
}
.nav-file-tag{
color:var(--custom-acc-text);
background-color: var(--custom-acc-back);
}
.nav-folder-title[data-count]::after, .tree-item-flair{
padding: 0 var(--size-4-1);
background-color: var(--custom-acc-back);
color:var(--custom-acc-text);
border-radius: var(--radius-s);
margin-right: -1px;
align-self: center;
}
.tree-item-self:hover .tree-item-flair{
color: var(--custom-acc-text);
}
/*----------------------- Window Control Buttons ------------------------*/
/*Readjusts the Sizing of WCB*/
.titlebar-button {
height: 30px;
align-self: center;
margin-right: 3px;
}
.mod-linux .titlebar-button, .mod-windows .titlebar-button {
padding: 0px 13px 0px 13px;
}
/*WCB Styling Hover*/
.titlebar-button:not(.mod-logo):hover, .mod-windows .titlebar-button.mod-close:hover {
border-radius: var(--radius-s);
opacity: 0.85;
border-image-slice: 1;
border-right: 1px solid;
border-left: 1px solid;
}
.mod-windows .titlebar-button.mod-close:active, .titlebar-button:active {
border-image-slice: 1;
opacity: 1;
border-right: 1px solid;
border-left: 1px solid;
border-radius: var(--radius-s);
}
.titlebar-button:not(.mod-logo):hover {
background: var(--text-selection);
color: var(--text-muted);
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
}
.titlebar-button.mod-logo:hover{
background:transparent;
}
.titlebar-button:not(.mod-logo):active, .titlebar-button:active {
background-color: var(--color-accent-active);
opacity: 1;
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
}
.mod-linux .titlebar-button.mod-close:hover {
background-color: var(--background-close-hover);
color: var(--text-close-color);
border-image-source: linear-gradient(to top, transparent, var(--text-close-color), transparent);
}
/*WCB Styling Active*/
.titlebar-button.mod-close:active {
background-color: var(--background-close-active);
color: var(--text-close-color);
opacity: 1;
border-image-source: linear-gradient(to top, transparent, var(--text-close-color), transparent);
}
/*Removes Redundant background coloring of WCB*/
.is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right,
.is-hidden-frameless:not(.is-fullscreen).is-focused .titlebar-button-container.mod-right {
background-color: transparent;
}
/*Obsidian Frame hide default*/
.mod-windows .titlebar-button.mod-close:hover {
background-color: var(--background-close-active);
color: var(--text-close-color);
border-image-source: linear-gradient(to top, transparent, var(--text-close-color), transparent);
}
/*Win11 Max Min window icon*/
:is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize svg {
-webkit-mask-image: var(--win-maximize);
}
.is-maximized:is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize svg {
-webkit-mask-image: var(--win-minimize);
}
:is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize svg {
-webkit-mask-size: cover;
background-color: var(--text-faint);
width: var(--icon-s);
height: var(--icon-s);
}
:is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize{
padding: 0px 10px 0px 12px;
}
:is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize:hover svg, :is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize:active svg{
background-color: var(--text-accent);
}
/*======================= Status-bar ==========================*/
/*General*/
.status-bar{
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 2px solid;
height: 2.2%;
border-top: 0px solid;
}
/*Status Bar Hover*/
.CG-Fullstatus-off .status-bar {
margin: 0px 20px 12px 0px;
border-top: 1px solid;
}
/*Full Status Bar*/
body:not(.CG-Fullstatus-off) .status-bar {
position: sticky;
border-radius: 0px;
background: var(--background-secondary);
}
/*Status Bar Clickable Icons Hover/Active*/
.status-bar-item.mod-clickable:hover {
color: var(--text-accent);
box-shadow: 0 0 0.5em var(--text-accent);
}
.status-bar-item.mod-clickable:active, .status-bar-item.plugin-obsidian-languagetool-plugin:active {
color: var(--text-accent);
background-color: var(--color-accent-active);
box-shadow: 0 0 0.3em var(--color-accent-active);
}
.status-bar-item.plugin-obsidian-languagetool-plugin:hover {
color: var(--text-accent);
background: var(--text-selection);
box-shadow: 0 0 0.3em var(--text-accent);
}
/*======================== Scrollbar ========================*/
/*Scrollbar Hover*/
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover {
background: var(--color-accent-active);
background-clip: padding-box;
}
/*Scrollbar Active*/
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active {
background: var(--text-accent);
background-clip: padding-box;
}
/*======================== Note Editor ========================*/
.cm-lineNumbers .cm-gutterElement {
text-align: center !important;
}
.markdown-source-view.mod-cm6 .cm-gutters .cm-lineNumbers .cm-gutterElement.cm-active {
color: var(--text-accent);
background: var(--text-selection);
border-radius: var(--radius-s);
padding-left: 3px;
border-image-slice: 1;
border-left: 2px solid;
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
border-right: 2px solid;
}
body:not(.line-active-disable) .markdown-source-view .cm-scroller .cm-line {
padding-left: 5px;
padding-right: 5px;
}
/*Active Line Highlight*/
body:not(.line-active-disable) .markdown-source-view .cm-scroller .cm-line.cm-active:not(:has(.mk-note-footer, .mk-floweditor-container)) {
background: var(--text-selection);
border-radius: var(--radius-s);
border-image-slice: 1;
border-top: 2px solid;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 2px solid;
}
/*Hover Line Highlight*/
.markdown-source-view.mod-cm6 .cm-line:hover {
background: var(--text-selection);
border-radius: var(--radius-s);
opacity: 0.85;
}
/*================ Dragging Ghost ===================*/
.drag-ghost, .drag-ghost-action {
backdrop-filter: blur(5px) saturate(120%) !important;
border-image-slice: 1;
border-image-source: linear-gradient(to left, transparent, var(--text-accent), transparent);
border-top: 2px solid;
border-bottom: 2px solid;
}
.drag-ghost-self {
background-color: transparent;
}
/*================ SidePanel =================*/
body:not(.is-grabbing) .tree-item-self.is-clickable:hover{
background-color: var(--custom-acc-hover);
border-image-source: linear-gradient(to right, transparent, var(--custom-acc-text), transparent);
}
/*Removes bottom resize seperation */
.workspace-split.mod-horizontal>*>.workspace-leaf-resize-handle {
border-bottom: 0px;
}
/*Edits and Styles Visible Seperation Resize left and right*/
.workspace-split.mod-left-split>.workspace-leaf-resize-handle, .workspace-split.mod-vertical>*>.workspace-leaf-resize-handle {
border-right: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom, transparent, var(--text-accent), transparent);
height: 95%;
}
.workspace-split.mod-right-split>.workspace-leaf-resize-handle {
border-left: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to bottom, transparent, var(--text-accent), transparent);
height: 95%;
}
/*Add Styling to Resize Handle*/
.workspace-leaf-resize-handle:hover, .pdf-sidebar-resizer:hover, .surfing_root_3FoL3a {
background: var(--text-accent);
box-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 35px var(--text-accent);
}
/*Minor Spacing*/
body:not(.is-mobile) .workspace-split.mod-left-split, body:not(.is-mobile) .workspace-split.mod-right-split {
padding-right: 2px;
padding-left: 1px;
}
/*Navigation Bottom Style*/
.nav-header {
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 3px solid;
}
/*Unifies the right side pane background*/
.workspace-split.mod-right-split .workspace-tabs .node-insert-event{
background-color: var(--background-primary);
}
/*------------ SidePanel: Files --------------*/
/*Drop line Styled with spaces*/
.nav-folder.mod-root .nav-folder>.nav-folder-children {
padding-left: 3px;
border-left: 2px outset var(--custom-acc-faint);
}
/*Nav File Active Stying*/
.nav-file-title.is-active {
color: var(--custom-acc-text);
border-image-slice: 1;
border-top: 2px solid;
border-image-source: linear-gradient(to right, transparent, var(--custom-acc-text), transparent);
border-bottom: 2px solid;
background-color: var(--custom-acc-back);
}
/*Add Bottom Styling for Navigator*/
body:not(.is-mobile) .workspace-leaf-content>.nav-header+*, .search-result-container.mod-global-search {
border-bottom: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Sets correct background to r/l sidepanels*/
.node-insert-event, iframe, .surfing_app_zUmbJa {
background-color: var(--background-primary);
}
/*SidePanel Tree Tags to the right*/
.nav-file-title-content, .nav-folder-title-content {
flex: 1 1 auto;
}
/*Adds spacing to pane items for style */
.tree-item-self.is-clickable {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
/*Styles Hover for Pane Items */
.tree-item-self.is-clickable:hover,.suggestion-item.is-selected:not(.mod-group):hover {
color: var(--text-accent);
border-image-slice: 1;
border-top: 1px solid;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 1px solid;
}
body:not(.is-grabbing) .tree-item-self.is-being-dragged:hover .tree-item-icon, .tree-item-self.is-being-dragged .tree-item-icon {
color: var(--text-accent);
}
/*Styles Active and Dragged for Pane Items */
.tree-item-self.is-clickable:active, body:not(.is-grabbing) .tree-item-self.is-being-dragged:hover, .tree-item-self.is-being-dragged {
background-color: var(--color-accent-active);
color: var(--text-accent);
border-image-slice: 1;
border-top: 1px solid;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 1px solid;
}
/*Fixes Incorrect text coloring*/
.backlink-pane>.tree-item-self, .outgoing-link-pane>.tree-item-self, .backlink-pane>.tree-item-self.is-collapsed, .outgoing-link-pane>.tree-item-self.is-collapsed,
.search-empty-state {
color: var(--custom-acc-faint);
}
/*------------ SidePanel: Search --------------*/
/*Style Loading bar*/
.search-result-container.is-loading:before {
border-radius: 10px;
box-shadow: 0 0 0.5em var(--text-accent);
}
/*Styles Result File Dropdown matches*/
.search-result-file-matches {
color: var(--text-accent);
background: var(--text-selection);
box-shadow: 0 0 0 transparent;
border-image-slice: 1;
border-top: 1px solid;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 1px solid;
}
/*Style Bottom Seperation for Search*/
.search-results-info {
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 1px solid;
}
/*Styles seperation line*/
.search-result-file-match {
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 1px solid;
}
/*Fixes hover text of search results*/
.search-result-file-match:hover {
color: var(--text-accent);
}
/*Fixes coloring of clear*/
.search-input-clear-button {
color: var(--text-faint);
height: 20px;
}
/*Style Hovering/Active of clear*/
.search-input-clear-button:hover {
color: var(--text-accent);
background: var(--text-selection);
border-radius: var(--radius-s);
}
.search-input-clear-button:active {
color: var(--text-accent);
background-color: var(--color-accent-active);
border-radius: var(--radius-s);
}
/*corrects active coloring for icons*/
.input-right-decorator.clickable-icon.is-active{
background: var(--color-accent-active);
}
.input-right-decorator.clickable-icon.is-active:hover{
background: var(--text-selection);
}
/*Dropdown highlight when hovered*/
.tree-item .tree-item-self .tree-item-icon:hover {
background-color: var(--text-selection);
border-radius: var(--radius-s);
}
.tree-item .tree-item-self .tree-item-icon:active {
border-radius: var(--radius-s);
background-color: var(--color-accent-active);
}
/*Changes Tags height and background*/
body:not(.is-mobile) .tag-container {
background: var(--background-primary);
height: 100%;
padding-top: 2%;
}
/*Search row Header*/
.search-row {
margin: 0px;
padding: var(--size-4-2);
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 1px solid;
}
/*Search info header*/
.search-results-info {
margin: 0px;
padding: var(--size-4-1) var(--size-4-2) var(--size-4-1);
}
/*Search parameter Headers*/
.search-params {
padding: var(--size-4-1) var(--size-4-4);
margin: 0px;
background: var(--background-tertiary);
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 1px solid;
}
/*Sidepanel Search Suggestion Style*/
.suggestion-container.mod-search-suggestion .suggestion{
border-image-slice: 1;
border-left: 2px solid;
border-right: 2px solid;
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
background-color: var(--background-settings);
}
.suggestion-container.mod-search-suggestion{
border-color:transparent;
}
/*Sidepanel Search Suggestion items Style*/
.search-suggest-item.suggestion-item{
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
/*Sidepanel Search Suggestion items Style on hover*/
.search-suggest-item.suggestion-item:hover:not(.mod-group){
border-image-slice: 1;
border-top: 1px solid;
border-bottom: 1px solid;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
background-color: var(--text-selection);
}
/*Sidepanel Search Suggestion items Style on active*/
.search-suggest-item.suggestion-item:active{
border-image-slice: 1;
border-top: 2px solid;
border-bottom: 2px solid;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
background-color: var(--color-accent-active);
}
.list-item-part.clickable-icon:active{
background-color: var(--color-accent-active);
}
/*Fixes bad padding from Vanilla*/
.search-suggest-item.mod-group:not(:first-child){
border-bottom: transparent ;
padding: 3px 6px 3px 14px;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*------------------- Title bar: Tabs Stacked --------------*/
/*Stacked Tabs text Readable*/
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-title {
text-orientation: upright;
letter-spacing: -3px;
text-transform: uppercase;
}
/*Stacked active tab highlight*/
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active {
background-color: var(--tab-background-active);
}
/*Stacked Tab Style*/
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
--webkit-backdrop-filter: blur 120px;
backdrop-filter: blur(18px);
border-radius: 0px;
width: var(--GC-stacked-width);
box-shadow: none;
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header:hover {
background-color: var(--tab-background-active);
--webkit-backdrop-filter: blur 120px;
}
/*=============== Side Dock ================*/
/*Centers and adds Styles for Tab Headers*/
.mod-left-split .workspace-tab-header-container-inner, .mod-right-split .workspace-tab-header-container-inner {
width: 100%;
justify-content: center;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 2px solid;
}
/*Corrects Position of Custom Sidebar toggle*/
.workspace-ribbon .sidebar-toggle-button {
margin: 5px 2px 0px 3px;
}
/*Displays Full Custom Toggle*/
.sidebar-toggle-button {
align-items: center;
padding: 0 0 0 0;
}
/*Hover Highlight for Custom Toggle*/
body.is-hidden-frameless .sidebar-toggle-button.mod-left:hover {
background: var(--text-selection);
border-radius: 5px;
border-image-slice: 1;
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
border-left: 2px solid;
border-right: 2px solid;
}
/*Active Highlight for Custom Toggle*/
body.is-hidden-frameless .sidebar-toggle-button.mod-left:active {
background: var(--color-accent-active);
border-radius: 5px;
border-image-slice: 1;
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
border-left: 2px solid;
border-right: 2px solid;
}
body:not(.is-hidden-frameless) .sidebar-toggle-button {
margin-top: 1px;
}
/*Sidebar Stylings*/
.workspace-ribbon.side-dock-ribbon {
flex: 0 0 50px;
border-image-slice: 1;
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
border-left: 2px solid;
border-right: 2px solid;
margin-top: 45px;
}
/*Removed L-Side toggle seperator and background*/
.workspace-ribbon.mod-left:before {
border-bottom: var(--tab-outline-width) solid transparent;
background-color: transparent;
}
/*Sidepanel Nav Button Spacing*/
.clickable-icon.nav-action-button{
border-right: 1px solid transparent;
border-left: 1px solid transparent;
}
/*Sidepanel Nav Button Spacing*/
.clickable-icon.nav-action-button:hover{
background: var(--tab-background-active);
box-shadow: 0 0 0 transparent;
border-image-slice: 1;
border-right: 1px solid;
border-left: 1px solid;
border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent);
}
/*Clickable Menu Button Style*/
.clickable-icon.has-active-menu{
box-shadow: 0 0 0 transparent;
border-image-slice: 1;
border-right: 1px solid;
border-left: 1px solid;
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
}
/*Clickable button when active*/
.clickable-icon.nav-action-button:active{
background-color: var(--tab-background-clicked);
box-shadow: 0 0 0 transparent;
border-image-slice: 1;
border-right: 2px solid;
border-left: 2px solid;
border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent);
}
/*Animation for clickables like buttons, tabs, files etc*/
@keyframes hover {
from { transform: scale(100%); }
to { transform: scale(105%); }
}
.clickable-icon:not(.input-right-decorator):hover, .markdown-rendered button.copy-code-button:hover, .mod-left-split .workspace-tab-header:hover,
.mod-right-split .workspace-tab-header:hover, .mod-windows .titlebar-button:hover, .modal-close-button {
animation: hover 0.2s forwards;
}
@keyframes pressed {
0%{ transform: scale(1.05);}
50% { transform: scale(0.95);}
100% { transform: scale(1);}
}
.clickable-icon:not(.input-right-decorator):active, .markdown-rendered button.copy-code-button:active, .mod-left-split .workspace-tab-header:active,
.mod-right-split .workspace-tab-header:active, .mod-windows .titlebar-button:active,.modal-close-button:active{
animation: pressed 0.3s forwards;
}
@keyframes bighover {
from {transform: scale(1); }
to { transform: scale(1.025); }
}
.setting-item.setting-item-heading.style-settings-heading:hover,.mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:hover,
.tree-item-self.is-clickable:hover, .menu-item:hover, .vertical-tab-nav-item:hover, .community-item:hover, .callout:hover{
animation: bighover 0.2s forwards;
}
@keyframes bigpressed {
0%{ transform: scale(1.025);}
50% { transform: scale(0.975);}
100% { transform: scale(1); }
}
.setting-item.setting-item-heading.style-settings-heading:active, .mod-root .workspace-tab-header:not(.mod-stacked):active,
.tree-item-self.is-clickable:active, .menu-item:active, .suggestion-item.mod-complex:not(.mod-group):active, .vertical-tab-nav-item:active,
.community-item:active, .callout:active{
animation: bigpressed 0.3s forwards;
}
/*Custom Styled L-Sidebar Toggle*/
.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon, body:not(.is-tablet) .is-mobile .view-header-nav-buttons,
.is-mobile .mod-left-split-toggle, body.is-tablet .sidebar-toggle-button.mod-left>.clickable-icon {
color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
border-radius: 8px;
background-color: var(--text-accent);
background-blend-mode: luminosity;
padding: 0px 0px 18px 18px;
}
/*Displays Custom Sidebar Toggle*/
.CG-MObsidian-sbt.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon, .is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon,
body:not(.is-tablet) .CG-MObsidian-sbt.is-mobile .view-header-nav-buttons, body:not(.is-tablet) .is-mobile .view-header-nav-buttons, .is-mobile .mod-left-split-toggle,
.CG-MObsidian-sbt.is-mobile .mod-left-split-toggle, body.is-tablet .CG-MObsidian-sbt.sidebar-toggle-button.mod-left>.clickable-icon,
body.is-tablet .sidebar-toggle-button.mod-left>.clickable-icon, .CG-MObsidian-sbt .titlebar-button-container.mod-left {
background-image: var(--New-Obsidiantoggle);
}
body.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left{
color: transparent;
border-radius: 5px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
background-color: var(--text-selection);
background-blend-mode:overlay;
width: 32px;
margin-left: 9px;
}
body.is-frameless:not(.is-hidden-frameless) .titlebar-button.mod-logo{
margin-right:0px;
}
body.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover {
color: transparent;
background-repeat: no-repeat;
border-radius: 6px;
background-position: center;
background-size: 100%;
background-color: var(--text-accent);
background-blend-mode: luminosity;
width: 32px;
}
/*Removes default logo*/
body:not(.is-hidden-frameless) svg.logo-full {
display: none;
}
/*Classic Obsidian header*/
.CG-Obsidian-sbt.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon,
body:not(.is-tablet) .CG-Obsidian-sbt .is-mobile .view-header-nav-buttons,
.CG-Obsidian-sbt.is-mobile .mod-left-split-toggle,body.is-tablet .CG-Obsidian-sbt.sidebar-toggle-button.mod-left>.clickable-icon,
.CG-Obsidian-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left{
background-size: 90%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='150%' height='150%' class='logo-full'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='82.85' y1='30.41' x2='51.26' y2='105.9' gradientTransform='matrix(1, 0, 0, -1, -22.41, 110.97)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%236c56cc'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%239785e5'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='62.61,0 30.91,17.52 18,45.45 37.57,90.47 65.35,100 70.44,89.8 81,26.39 62.61,0' fill='%2334208c'%3E%3C/polygon%3E%3Cpolygon points='81,26.39 61.44,14.41 34.43,35.7 65.35,100 70.44,89.8 81,26.39' fill='url(%23a)'%3E%3C/polygon%3E%3Cpolygon points='81,26.39 81,26.39 62.61,0 61.44,14.41 81,26.39' fill='%23af9ff4'%3E%3C/polygon%3E%3Cpolygon points='61.44,14.41 62.61,0 30.91,17.52 34.43,35.7 61.44,14.41' fill='%234a37a0'%3E%3C/polygon%3E%3Cpolygon points='34.43,35.7 37.57,90.47 65.35,100 34.43,35.7' fill='%234a37a0'%3E%3C/polygon%3E%3C/svg%3E");
background-color: transparent;
background-blend-mode: normal;
}
.CG-Obsidian-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left, .CG-Obsidian-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover {
background-size: 80%;
background-color: transparent;
}
.CG-Obsidian-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover {
background-color: var(--text-accent);
background-blend-mode: luminosity;
}
/*Custom header*/
.CG-Custom-sbt.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon,
body:not(.is-tablet) .CG-Custom-sbt.is-mobile .view-header-nav-buttons, .CG-Custom-sbt.is-mobile .mod-left-split-toggle,
body.is-tablet .CG-Custom-sbt.sidebar-toggle-button.mod-left>.clickable-icon,
.CG-Custom-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left {
background-size: 115%;
background-image: var(--CG-workspace-custom-sbt);
}
.CG-Custom-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover {
background-size: 115%;
background-color: var(--text-accent);
background-blend-mode: luminosity;
}
/*================ Popover ==============*/
/*Style Tooltip and Notice*/
.tooltip, .notice, .suggestion-container {
color: var(--text-accent);
backdrop-filter: blur(5px) saturate(120%);
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-top: 2px solid;
border-bottom: 2px solid;
}
/*Removes Tooltip Arrow*/
.tooltip .tooltip-arrow {
display: none;
}
/*============ Prompt =================*/
/*Prompt Style*/
.prompt {
background: var(--background-settings);
backdrop-filter: blur(5px) saturate(120%) !important;
border-image-slice: 1;
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
border-right: 3px solid;
border-left: 3px solid;
}
/*Prompt Item Style*/
.suggestion-item {
color: var(--text-faint);
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
/*Prompt Tag Color Fixed*/
.suggestion-item.mod-complex .suggestion-hotkey {
background-color: var(--background-modifier-hover);
}
/*Prompt Input*/
input.prompt-input {
border-radius: 5px;
margin: 5px;
background: var(--background-settings-2);
padding: 10px;
}
/*=============== Callouts ================*/
.markdown-rendered cite {
font-family: var(--CG-cite-font);
font-size: 2.75em;
display: block;
text-align: right;
font-style: normal;
}
/*Callout Style*/
.callout {
background: var(--background-settings-2);
border-radius: 5px;
opacity: 0.85;
border-image-slice: 1;
border-top: 2px solid;
border-image-source: linear-gradient(to right, transparent, rgb(var(--callout-color)), transparent);
border-bottom: 2px solid;
background-color: rgba(var(--callout-color), 0.3);
}
/*Callout Cursor Change*/
.callout.is-collapsible .callout-title {
cursor: var(--cursor-link);
}
/*Callout Hover Style*/
.callout:hover {
background-color: rgba(var(--callout-color), 0.4);
}
.callout:active {
background-color: rgba(var(--callout-color), 0.5);
}
/*Heading Fix in callouts*/
.callout-content h3, .callout-content h2, .callout-content h4, .callout-content h5, .callout-content h6 {
padding-left: 15px;
}
.callout-content blockquote{
margin:10px;
}
/*--------------Code Blocks Copy Button-------------------*/
/*Styles code copy button*/
.markdown-rendered button.copy-code-button {
background: var(--interactive-normal);
border-radius: 3px;
display: inline !important;
padding: 2px 6px;
background-color: transparent;
}
/*Styles code copy button active*/
.markdown-rendered button.copy-code-button:active {
background: var(--color-accent-active);
}
/*Moves up code flair*/
.markdown-source-view.mod-cm6 .code-block-flair {
top: 5px;
height:26px;
}
.code-block-flair{
display:flex;
}
/* set up to replace copy button text */
.markdown-rendered button.copy-code-button {
font-size: 0px;
}
.copy-code-button::after {
font-size: var(--font-ui-smaller);
}
/* list of text replacements */
.language-java>.copy-code-button::after {
content: "Java";
}
.language-javascript>.copy-code-button::after, .language-js>.copy-code-button::after {
content: "JavaScript";
}
.language-html>.copy-code-button::after {
content: "HTML";
}
.language-typescript>.copy-code-button::after, .language-ts>.copy-code-button::after {
content: "TypeScript";
}
.language-css>.copy-code-button::after {
content: "CSS";
}
.language-cpp>.copy-code-button::after {
content: "C++";
}
.language-c>.copy-code-button::after {
content: "C";
}
.language-sql>.copy-code-button::after {
content: "SQL";
}
.language-shell>.copy-code-button::after {
content: "Shell";
}
.language-terminal>.copy-code-button::after {
content: "Terminal";
}
.language-python>.copy-code-button::after {
content: "Python";
}
.language-react>.copy-code-button::after {
content: "React";
}
.language-json>.copy-code-button::after {
content: "JSON";
}
.language-rman>.copy-code-button::after {
content: "RMAN";
}
.copy-code-button::after {
content: "Copy";
}
/*================ Graph ===================*/
/*Graph Pane Style*/
.workspace-split.mod-left-split .view-content, .workspace-split.mod-right-split .view-content {
border-image-slice: 1;
border-image-source: linear-gradient(to right, var(--background-tertiary), var(--text-accent), var(--background-tertiary));
border-bottom: 2px solid;
}
/*Styles Graph Controls*/
.graph-controls, .graph-controls.is-close, .graph-controls:not(.is-close), .workspace-split:not(.mod-root) .graph-controls.is-close {
background: var(--background-settings-alt);
backdrop-filter: blur(5px) saturate(120%);
padding: 2px;
border-image-slice: 1;
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
border-right: 1px solid;
border-left: 1px solid;
}
/*Buttons Spacing*/
.graph-controls-button {
padding: 5px;
border-radius: 5px;
}
.graph-controls .setting-item {
padding: 7px;
}
/*Hover Graph Control Items*/
.tree-item-self:hover {
background: var(--text-selection);
}
/*Active Graph Control Items*/
.tree-item-self:active {
background: var(--color-accent-active);
}
body:not(.is-grabbing) .tree-item-self.is-clickable:active {
background-color: var(--custom-acc-active);
}
/*Spacing for Graph Control Items*/
.graph-control-section>.tree-item-self {
padding-left: 10px;
}
/*Readjusts item width*/
.graph-control-section.mod-filter>.tree-item-self {
margin-right: 25%;
}
/*Removes border*/
.graph-control-section {
border-bottom: none;
}
.graph-control-section-header {
color: var(--text-accent);
}
/*============== Tables ================*/
/*Add Glow Effect to Table and centers table*/
.markdown-rendered table, .markdown-source-view.mod-cm6 .cm-table-widget table {
box-shadow: 0em 0em 0.75em 0.01em var(--text-accent), inset 0em 0em 0.35em var(--text-accent);
margin-inline: auto;
margin-top:16px;
margin-bottom:20px;
}
/*Accent's Table*/
.markdown-rendered td, .markdown-rendered th, .markdown-rendered thead tr>* {
border: 1px solid var(--text-accent) !important;
box-shadow: inset 0em 0em 0.35em var(--text-accent);
max-width: var(--table-column-max-width);
}
/*=============== Heading Styling ==========================*/
/* Heading Line Reader */
.markdown-preview-view hr {
margin-block-start: 3em;
border: solid 0px transparent;
height: 0;
border-bottom: 2.25px solid;
border-image-slice: 1;
border-image: linear-gradient(to left, transparent, var(--text-accent) 45%, transparent 45%, transparent 55%, var(--text-accent) 5%, transparent) 3;
text-align: -webkit-center;
margin-block-end: 2.5em;
}
/* Heading Line Preview */
.hr.cm-line hr {
margin-block-start: 2em;
margin-block-end: 0.8em;
border-top: 2.25px solid !important;
border-image-slice: 1;
border-width: 1px;
text-align: -webkit-center;
border-image: linear-gradient(to left, transparent, var(--text-accent) 45%, transparent 45%, transparent 55%, var(--text-accent) 5%, transparent) 3;
}
/*New Default CyberGlow Heading*/
.CG-NewObsidian-hr .markdown-preview-view hr::after, body:not(.CG-OG-hr, .CG-Hyrule-hr, .CG-Apple-hr, .CG-Windows-hr, .CG-Lorule-hr,
.CG-ClassicObsidian-hr) .markdown-preview-view hr::after {
content: ' ';
-webkit-mask-image: var(--newoutlined-logo);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
display: inline-block;
background-color: var(--text-accent);
position: absolute;
transform: translate(-45%, -50%);
padding: 1rem;
}
.CG-NewObsidian-hr .hr.cm-line hr::after, body:not(.CG-OG-hr, .CG-Hyrule-hr, .CG-Apple-hr, .CG-Windows-hr, .CG-Lorule-hr,
.CG-ClassicObsidian-hr) .hr.cm-line hr::after {
content: ' ';
-webkit-mask-image: var(--newoutlined-logo);
-webkit-mask-size: 80%;
-webkit-mask-repeat: no-repeat;
display: inline-block;
background-color: var(--text-accent);
position: absolute;
transform: translate(-40%, -33%);
padding: 1rem;
}
/*Classic Obsidian Logo Heading*/
.CG-ClassicObsidian-hr .markdown-preview-view hr::after {
content: ' ';
-webkit-mask-image: var(--outlined-logo);
-webkit-mask-size: 65%;
-webkit-mask-repeat: no-repeat;
display: inline-block;
background-color: var(--text-accent);
position: absolute;
transform: translate(-35%, -50%);
padding: 1rem;
}
.CG-ClassicObsidian-hr .hr.cm-line hr::after{
content: ' ';
-webkit-mask-image: var(--outlined-logo);
-webkit-mask-size: 60%;
-webkit-mask-repeat: no-repeat;
display: inline-block;
background-color: var(--text-accent);
position: absolute;
transform: translate(-30%, -35%);
padding: 1rem;
}
/*Custom Heading Shiekal*/
.CG-OG-hr .markdown-preview-view hr::after {
content: '₪';
display: inline-block;
font-size: 1.65rem;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
transform-origin: 5% 50%;
padding: 0.5rem;
color: #E69900;
text-shadow: 0 0 5px #ffaa00, 0 0 10px #ffaa00, 0 0 20px #ffaa00, 0 0 40px #ffaa00, 0 0 80px #ffaa00;
}
.CG-OG-hr .hr.cm-line hr::after {
content: '₪';
display: inline-block;
font-size: 1.65rem;
position: absolute;
transform: translate(-50%, -50%);
transform-origin: 5% 50%;
margin-top: -0.2rem;
color: #E69900;
text-shadow: 0 0 5px #ffaa00, 0 0 10px #ffaa00, 0 0 20px #ffaa00, 0 0 40px #ffaa00, 0 0 80px #ffaa00;
}
/*Custom Heading Apple*/
.CG-Apple-hr .markdown-preview-view hr::after {
content: ' ';
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47c-1.34.03-1.77-.79-3.29-.79c-1.53 0-2 .77-3.27.82c-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51c1.28-.02 2.5.87 3.29.87c.78 0 2.26-1.07 3.81-.91c.65.03 2.47.26 3.64 1.98c-.09.06-2.17 1.28-2.15 3.81c.03 3.02 2.65 4.03 2.68 4.04c-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5c.13 1.17-.34 2.35-1.04 3.19c-.69.85-1.83 1.51-2.95 1.42c-.15-1.15.41-2.35 1.05-3.11Z'/%3E%3C/svg%3E");
-webkit-mask-size: 109%;
-webkit-mask-repeat: no-repeat;
display: inline-block;
background-color: var(--text-accent);
position: absolute;
transform: translate(-50%, -55%);
padding: 1rem;
}
.CG-Apple-hr .hr.cm-line hr::after {
content: ' ';
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47c-1.34.03-1.77-.79-3.29-.79c-1.53 0-2 .77-3.27.82c-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51c1.28-.02 2.5.87 3.29.87c.78 0 2.26-1.07 3.81-.91c.65.03 2.47.26 3.64 1.98c-.09.06-2.17 1.28-2.15 3.81c.03 3.02 2.65 4.03 2.68 4.04c-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5c.13 1.17-.34 2.35-1.04 3.19c-.69.85-1.83 1.51-2.95 1.42c-.15-1.15.41-2.35 1.05-3.11Z'/%3E%3C/svg%3E");
-webkit-mask-size: 120%;
-webkit-mask-repeat: no-repeat;
display: inline-block;
background-color: var(--text-accent);
position: absolute;
transform: translate(-58%, -45%);
padding: 1rem;
}
/*Custom Heading Microsoft*/
.CG-Windows-hr .markdown-preview-view hr::after {
content: ' ';
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M0 0v11.408h11.408V0zm12.594 0v11.408H24V0zM0 12.594V24h11.408V12.594zm12.594 0V24H24V12.594z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 65%;
-webkit-mask-repeat: no-repeat;
display: inline-block;
background-color: var(--text-accent);
position: absolute;
transform: translate(-35%, -50%);
padding: 1rem;
}
.CG-Windows-hr .hr.cm-line hr::after {
content: ' ';
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M0 0v11.408h11.408V0zm12.594 0v11.408H24V0zM0 12.594V24h11.408V12.594zm12.594 0V24H24V12.594z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 80%;
-webkit-mask-repeat: no-repeat;
display: inline-block;
background-color: var(--text-accent);
position: absolute;
transform: translate(-35%, -30%);
padding: 1rem;
}
/*----------------- Menu --------------------*/
/*Removes Unneeded Menu Seperator*/
.menu-separator {
display: none;
}
/*Removes disabled (greyed out) items until they are enabled*/
.menu-item.is-disabled {
display: none;
}
/*Adds Styling to Menu Dropdown*/
.menu {
background: var(--background-settings);
backdrop-filter: blur(5px) saturate(120%) !important;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-top: 2px solid;
border-bottom: 2px solid;
}
/*Colors Menu Text*/
.menu-item, .menu-item-icon {
color: var(--text-faint);
}
/*Adds some spacing for the items*/
.menu-item {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
/*Colors Menu Text on hover*/
.menu-item:hover, .menu-item-icon:hover, .menu-item.selected {
color: var(--text-accent);
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-top: 1px solid;
border-bottom: 1px solid;
}
/*Fixes Highlight Issue for Icons in Menu*/
.menu-item:hover .menu-item-icon, .menu-item.selected .menu-item-icon {
border: none;
background: transparent;
color: var(--text-accent);
}
/*Colors Menu Text on active*/
.menu-item:active, .menu-item:active:not(.is-disabled):not(.is-label) {
color: var(--text-accent);
background-color: var(--color-accent-active);
}
/*Displays Red for Permanent Deletion */
.menu-item.is-warning {
background-color: var(--background-close);
color: var(--text-close-color);
margin-top: 5px;
}
.menu-item.is-warning .menu-item-icon {
color: var(--text-close-color);
}
/*Styling on Warning active*/
.menu-item.is-warning:active {
background: var(--background-close-active) !important;
color: var(--text-accent);
}
/*Resolves Styling on Warning Hover*/
.menu-item.is-warning:hover, .menu-item.is-warning.selected, .menu-item:hover.is-warning:not(.is-disabled):not(.is-label),
.menu-item.selected.is-warning:not(.is-disabled):not(.is-label) {
color: var(--text-close-color);
background: var(--background-close-hover);
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-close-color), transparent);
border-top: 1px solid;
border-bottom: 1px solid;
}
.menu-item.is-warning.selected .menu-item-icon {
color: var(--text-close-color);
}
.clickable-icon:active {
background-color: var(--tab-background-clicked);
}
/*================== Headers ======================*/
/*Centered Header 1*/
.markdown-preview-section h1, .cm-header-1, .markdown-rendered h1 {
font-family: var(--title-heading);
text-align: center;
}
/*Headers Styling Preview/Source*/
.cm-s-obsidian .HyperMD-header-2, .cm-s-obsidian .HyperMD-header-3, .cm-s-obsidian .HyperMD-header-4, .cm-s-obsidian .HyperMD-header-5,
.cm-s-obsidian .HyperMD-header-6, .metadata-properties-heading {
padding: 15px 0px 0px 0px !important;
position: relative;
border-bottom: 2px solid;
border-image-slice: 1;
}
/*Headers Styling Read*/
.markdown-preview-view h2, h2, .markdown-preview-view h3, h3, .markdown-preview-view h4, h4, .markdown-preview-view h5, h5, .markdown-preview-view h6, h6 {
padding-bottom: 5px; border-bottom: 2px solid; border-image-slice: 1;
}
/*Glow for Heading 1*/
.cm-header-1:not(.cm-formatting), h1, .metadata-properties-heading, .cm-formatting-header:is(.cm-header-1) {
text-shadow:
0 0 5px var(--h1-glow), 0 0 10px var(--h1-glow),
0 0 20px var(--h1-glow), 0 0 40px var(--h1-glow), 0 0 45px var(--h1-glow);
color: var(--text-normal);
}
/*Glow and Colors for Heading 2*/
.cm-s-obsidian .HyperMD-header-2, .markdown-preview-view h2, h2, .cm-formatting-header:is(.cm-header-2) {
border-image-source: linear-gradient(to right, var(--h2-glow), transparent);
text-shadow: 0 0 5px var(--h2-glow), 0 0 10px var(--h2-glow), 0 0 20px var(--h2-glow), 0 0 10px var(--h2-glow);
color: var(--text-normal);
}
/*Glow and Colors for Heading 3*/
.cm-s-obsidian .HyperMD-header-3, .markdown-preview-view h3, h3, .cm-formatting-header:is(.cm-header-3) {
border-image-source: linear-gradient(to right, var(--h3-glow), transparent);
text-shadow: 0 0 5px var(--h3-glow), 0 0 10px var(--h3-glow), 0 0 20px var(--h3-glow), 0 0 10px var(--h3-glow);
color: var(--text-normal);
}
/*Glow and Colors for Heading 4*/
.cm-s-obsidian .HyperMD-header-4, .markdown-preview-view h4, h4, .cm-formatting-header:is(.cm-header-4) {
border-image-source: linear-gradient(to right, var(--h4-glow), transparent);
text-shadow: 0 0 5px var(--h4-glow), 0 0 10px var(--h4-glow), 0 0 20px var(--h4-glow), 0 0 10px var(--h4-glow);
color: var(--text-normal);
}
/*Glow and Colors for Heading 5*/
.cm-s-obsidian .HyperMD-header-5, .markdown-preview-view h5, h5, .cm-formatting-header:is(.cm-header-5) {
border-image-source: linear-gradient(to right, var(--h5-glow), transparent);
text-shadow: 0 0 5px var(--h5-glow), 0 0 10px var(--h5-glow), 0 0 20px var(--h5-glow), 0 0 10px var(--h5-glow);
color: var(--text-normal);
}
/*Glow and Colors for Heading 6*/
.cm-s-obsidian .HyperMD-header-6, .markdown-preview-view h6, h6, .cm-formatting-header:is(.cm-header-6) {
border-image-source: linear-gradient(to right, var(--h6-glow), transparent);
text-shadow: 0 0 5px var(--h6-glow), 0 0 10px var(--h6-glow), 0 0 20px var(--h6-glow), 0 0 35px var(--h6-glow);
color: var(--text-normal);
}
/*Return of Heading numbers Styled*/
:not(.cm-active).cm-line span:not(.cm-formatting-header):not(.cm-hashtag):not(.cm-inline-code):not(.cm-highlight).cm-header::before {
font-size: 0.7rem;
margin-right: 5px;
font-weight: bold;
}
/*Removes redundant heading number for links and tags*/
.mod-cm6.is-live-preview div:not(.cm-active).cm-line .cm-header~span.cm-header::before,
.mod-cm6.is-live-preview div:not(.cm-active).cm-line .cm-header.cm-hmd-internal-link::before {
display: none;
}
/*Sets content for heading numbers h1-h6*/
body:not(.mini-header-hide) :not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-1::before {
content: 'H1';
margin-top: calc(var(--h1-size) - 0.1em);
}
body:not(.mini-header-hide) :not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-2::before {
content: 'H2';
margin-top: calc(var(--h2-size) - 0.2em);
}
body:not(.mini-header-hide) :not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-3::before {
content: 'H3';
margin-top: calc(var(--h3-size) - 0.2em);
}
body:not(.mini-header-hide) :not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-4::before {
content: 'H4';
margin-top: calc(var(--h4-size) - 0.3em);
}
body:not(.mini-header-hide) :not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-5::before {
content: 'H5';
margin-top: calc(var(--h5-size) - 0.4em);
}
body:not(.mini-header-hide) :not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-6::before {
content: 'H6';
margin-top: calc(var(--h6-size) - 0.4em);
}
/*------------------- Buttons and dropdowns ---------------------*/
/*Button and Dropdown Styling*/
button:not(.clickable-icon):not(.markdown-rendered button.copy-code-button), .dropdown, .search-results-info .dropdown, .style-settings-export,
.style-settings-import, .metadata-container .metadata-add-button {
color: var(--text-accent);
box-shadow: 0 0 0.2em var(--text-accent);
background-color: var(--interactive-normal);
border-image-slice: 1;
border-top: 3px solid;
border-bottom: 3px solid;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
@keyframes fadeHoverGlow {
0% { box-shadow: 0 0 0.2em var(--text-accent);}
100% { box-shadow: 0 0 0.5em var(--text-accent);}
}
@keyframes fadeHoverBackground {
0% {background-color: var(--interactive-normal);}
100% {background-color: var(--text-selection);}
}
/*Button and Dropdown hover Styling*/
button:not(.clickable-icon):not(.markdown-rendered button.copy-code-button):hover, .dropdown:hover, .style-settings-export:hover,
.style-settings-import:hover, .metadata-container .metadata-add-button:hover {
animation: 0.4s fadeHoverGlow forwards, 0.2s fadeHoverBackground forwards, 0.2s bighover forwards;
}
/*Button and Dropdown active Styling*/
button:not(.clickable-icon):not(.markdown-rendered button.copy-code-button):active, .dropdown:focus, .style-settings-export:active,
.style-settings-import:active, .metadata-container .metadata-add-button:active {
animation: 0.3s bigpressed forwards;
box-shadow: 0 0 0.9em var(--text-accent);
background-color: var(--color-accent-active);
}
/*Search dropdown*/
.search-results-info .dropdown {
text-align-last: center;
max-width: 50%;
}
/*Adds padding and reduces size for Style Settings Ex/Import*/
.style-settings-export, .style-settings-import {
font-size: small;
padding: 3px;
}
/*Hides Disabled buttons*/
.clickable-icon[aria-disabled='true'] {
visibility: hidden;
}
/*Adds hover Settings small buttons*/
.setting-editor-extra-setting-button:hover {
color: var(--activetab-highlight);
}
/*------------ Settings: Close Buttons --------------------*/
/*Close Button on Hover*/
.modal-close-button:hover, .document-search-close-button:hover, a.kanban-plugin__search-cancel-button.clickable-icon:hover,
a.kanban-plugin__item-postfix-button.is-enabled.clickable-icon:hover, .graph-controls:not(.is-close) .graph-controls-button.mod-close:hover,
.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button:hover, .multi-select-pill-remove-button:hover{
color: var(--text-close-color);
background-color: var(--background-close-hover);
}
/*Close Button on active*/
.modal-close-button:active, .document-search-close-button:active, a.kanban-plugin__search-cancel-button.clickable-icon:active,
a.kanban-plugin__item-postfix-button.is-enabled.clickable-icon:active, .multi-select-pill-remove-button:active,
.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button:active,
.graph-controls:not(.is-close) .graph-controls-button.mod-close:active {
color: var(--text-close-color);
background-color: var(--background-close-active);
}
/*Pinned Tab*/
.mod-root .mod-pinned:hover {
background-color: var(--background-modifier-hover);
}
/*================= Settings ====================*/
/*Style Left Panel Settings Headings*/
.vertical-tab-header-group-title {
color: var(--text-accent);
border-bottom: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, var(--text-accent), transparent);
padding-bottom: 0px;
margin-bottom: 5px;
}
/*Settings*/
body:not(.is-phone) .vertical-tab-header-group .vertical-tab-header-group-title {
display: flex;
align-items: center;
padding-left: 0px;
}
/*Options Icon*/
body:not(.is-phone) .vertical-tab-header-group:nth-last-of-type(3) .vertical-tab-header-group-title::before {
content: " ";
width: 16px;
height: 16px;
background-color: currentColor;
margin-right: 4px;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M6 9a2 2 0 0 1 1.937 1.5H13.5a.5.5 0 0 1 .09.992l-.09.008l-5.563.001a2 2 0 0 1-3.874 0L2.5 11.5a.5.5 0 0 1-.09-.992l.09-.008h1.563A2 2 0 0 1 6 9Zm0 1a1 1 0 1 0 0 2a1 1 0 0 0 0-2Zm4-7a2 2 0 0 1 1.937 1.5H13.5a.5.5 0 0 1 .09.992l-.09.008l-1.563.001a2 2 0 0 1-3.874 0L2.5 5.5a.5.5 0 0 1-.09-.992L2.5 4.5h5.563A2 2 0 0 1 10 3Zm0 1a1 1 0 1 0 0 2a1 1 0 0 0 0-2Z"%2F%3E%3C%2Fsvg%3E');
}
/*Core Plugins Icon*/
body:not(.is-phone) .vertical-tab-header-group:nth-last-of-type(2) .vertical-tab-header-group-title::before {
content: " ";
width: 16px;
height: 16px;
background-color: currentColor;
margin-right: 4px;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M7 3a2 2 0 0 1 4 0h1.5A1.5 1.5 0 0 1 14 4.5V7h-1a1 1 0 0 0 0 2h1v2.5a1.5 1.5 0 0 1-1.5 1.5H11a2 2 0 0 1-4 0H5.5A1.5 1.5 0 0 1 4 11.5V10a2 2 0 0 1 0-4V4.5A1.5 1.5 0 0 1 5.5 3H7Zm2-1a1 1 0 0 0-1 1v1H5.5a.5.5 0 0 0-.5.5V7H4a1 1 0 0 0 0 2h1v2.5a.5.5 0 0 0 .5.5H8v1a1 1 0 0 0 2 0v-1h2.5a.5.5 0 0 0 .5-.5V10a2 2 0 0 1 0-4V4.5a.5.5 0 0 0-.5-.5H10V3a1 1 0 0 0-1-1Z"%2F%3E%3C%2Fsvg%3E');
}
/*Community Plugins Icon*/
body:not(.is-phone) .vertical-tab-header-group:nth-last-of-type(1) .vertical-tab-header-group-title::before {
content: " ";
width: 16px;
height: 16px;
background-color: currentColor;
margin-right: 4px;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M13.25 1.75a.75.75 0 0 0-1.5 0v1h-1a.75.75 0 0 0 0 1.5h1v1a.75.75 0 0 0 1.5 0v-1h1a.75.75 0 0 0 0-1.5h-1v-1ZM4 2a2 2 0 0 0-2 2v7.75a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-2.5a2 2 0 0 0-2-2H8.75V4a2 2 0 0 0-2-2H4Zm3.25 6.75v3.5H4a.5.5 0 0 1-.5-.5v-3h3.75Zm0-4.75v3.25H3.5V4a.5.5 0 0 1 .5-.5h2.75a.5.5 0 0 1 .5.5ZM12 12.25H8.75v-3.5H12a.5.5 0 0 1 .5.5v2.5a.5.5 0 0 1-.5.5Z"%2F%3E%3C%2Fsvg%3E');
}
/*------------------ Settings: Toggles --------------------*/
/*Add Glow to Toggle and adds fluid animations*/
.checkbox-container, .checkbox-container:hover{
box-shadow: 0 0 0.1em transparent;
transition: background 0.3s ease-in, box-shadow 0.4s ease-in;
}
.checkbox-container.is-enabled {
box-shadow: 0 0 0.7em var(--text-accent);
transition: background 0.3s ease-in, box-shadow 0.4s ease-in;
}
.checkbox-container:not(.is-enabled):after{
transition: background 0.6s ease-in, box-shadow 0.6s ease-in;
}
.checkbox-container:after{
transition: background 0.3s ease-in, box-shadow 0.3s ease-in;
}
/*Colors Toggle*/
.checkbox-container.is-enabled:after {
background: var(--color-glow);
transition: transform 0.15s ease-in-out, width 0.1s ease-in-out, left 0.1s ease-in-out, background 0.3s ease-in, box-shadow 0.3s ease-in;
}
/*Style Slider*/
input[type='range'],
body:not(.is-mobile) input[type=range]:focus {
background-color: var(--text-accent);
box-shadow: 0 0 0.5em var(--text-accent);
}
/*------------------- Settings: Background -------------------------*/
/*Corrects coloring for headings in settings items*/
.setting-item-name {
color: var(--text-accent);
}
/*Styles Settings Modal*/
.modal {
border-radius: 3px;
background: var(--background-settings);
backdrop-filter: blur(5px) saturate(120%) !important;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 3px solid;
border-top: 3px solid;
}
body.is-frameless:not(.mod-macos):not(.is-mobile) .modal {
height: 95%;
}
/*Removes Line Seperator*/
.modal.mod-settings .vertical-tab-header {
border-right: transparent;
}
/*Adds Header to Setting*/
.modal.mod-settings .vertical-tab-content-container {
padding: 35px 0px 0px 0;
}
/*Styles Content of Setting*/
.modal .setting-item {
background: var(--background-settings-2);
border-radius: 3px;
margin: 0px 0px 5px 0px;
border-color: transparent;
padding: 18px;
}
/*Adds Styled Seperation line*/
.community-modal-search-results-wrapper {
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-top: 2px solid;
background-color: var(--background-primary);
border-radius: 3px;
}
/*Removes double background for settings (huh)*/
.horizontal-tab-content, .vertical-tab-content, .vertical-tab-header, .modal-sidebar {
background: transparent;
}
/*Textbox Styling*/
textarea, input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='number'], input.metadata-property-key-input[type='text'],
.metadata-property-value .multi-select-input, .metadata-property input[type='number'], .metadata-input-longtext{
background: var(--background-settings-2);
text-align: center;
border-top: 0px solid transparent;
border-bottom: 1px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Textbox hover Styling*/
textarea:hover, input[type='text']:hover, input[type='search']:hover, input[type='email']:hover, input[type='password']:hover,
.metadata-property-value .multi-select-input:hover{
background: var(--text-selection);
}
/*Stylizes meta prop input text*/
.metadata-property input[type='text']:hover, .metadata-property input[type='number']:hover, .metadata-input-longtext:hover{
background: var(--text-selection);
border-top: 0px solid transparent;
border-bottom: 1px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Textbox active Styling*/
textarea:active, textarea:focus, input[type='text']:active, input[type='search']:active, input[type='email']:active, input[type='password']:active,
input[type='number']:active, input[type='text']:focus, input[type='search']:focus, input[type='email']:focus, input[type='password']:focus,
input[type='number']:focus, textarea:focus-visible, input[type='text']:focus-visible, input[type='search']:focus-visible, select:focus,
input[type='email']:focus-visible, input[type='password']:focus-visible, input[type='number']:focus-visible,
.workspace-leaf.mod-active .view-header-title:focus, .metadata-property input[type='text']:focus, .metadata-property-value .multi-select-input:focus,
.metadata-property input[type='number']:focus, .metadata-input-longtext:focus {
border-top: 0px solid transparent;
box-shadow: none;
border-bottom: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
background-color: var(--color-accent-active);
}
/*Styles metadata prop icon*/
.metadata-property-icon{
background-color: var(--color-accent-active);
color: var(--text-accent);
opacity: 1;
padding:var(--size-2-2);
}
.metadata-property-icon:before{
width: 0;
}
/*Styles metadata prop icon on hover*/
.metadata-property-icon:hover{
background: var(--text-selection);
}
/*Removes unnecessary padding*/
.metadata-property .multi-select-container{
padding: 0;
}
/*Adds a small gap*/
.metadata-property{
gap: 3px;
}
/*Styles textbox and remove scrollbar from longtextbox*/
.metadata-input-longtext, .metadata-input-text{
height: var(--metadata-input-height);
-webkit-box-pack: center;
-webkit-box-orient: horizontal;
}
.metadata-input-longtext::-webkit-scrollbar{
display: none;
}
/*Styles metadata frame highlight*/
.metadata-property:hover, .metadata-property:focus-within {
box-shadow: 0 0 3px 0.2px var(--text-accent);
}
/*Remove Unnecessary highlighting*/
.metadata-property-value:focus-within{
background-color: transparent;
}
/**/
.metadata-property ::-webkit-calendar-picker-indicator{
padding:3px;
margin-left:-2px;
}
.metadata-property ::-webkit-calendar-picker-indicator:hover{
background-color: var(--text-faint);
border-radius: 3px;
cursor: var(--cursor-link);
}
.metadata-property ::-webkit-calendar-picker-indicator:active{
background-color: var(--text-accent);
}
/*-------------------- Settings: Sidebar -----------------------*/
/*Adds spacing for style and colors text*/
.vertical-tab-nav-item {
color: var(--text-faint);
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
/*Items hover styling*/
body:not(.is-mobile) .vertical-tab-nav-item:not(.is-active):hover {
color: var(--text-accent);
border-image-slice: 1;
border-top: 1px solid;
border-bottom: 1px solid;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Items active styling*/
.vertical-tab-nav-item.is-active, .horizontal-tab-nav-item.is-active:active, .vertical-tab-nav-item.is-active:active,
.horizontal-tab-nav-item.is-active:hover, .vertical-tab-nav-item.is-active:hover, .vertical-tab-nav-item:active {
color: var(--text-accent);
background: var(--color-accent-active);
border-image-slice: 1;
border-top: 2px solid;
border-bottom: 2px solid;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*-------------- Text Finder --------------------*/
/*Centers Finder Modal*/
.document-search-container {
margin-left: 0px;
}
/*Adds styling for Finder*/
.document-search-container {
border-bottom: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
width: 100%;
}
/*Corrects Background color*/
body:not(.is-mobile) .document-search-container {
background-color: var(--background-settings);
}
/*----------- Settings: Community ---------------------*/
/*Removes seperator*/
.community-modal-details {
border-left: transparent;
}
.modal-setting-nav-bar {
border-bottom: transparent;
}
/*Corrects spacing for options*/
.mod-community-modal .modal-sidebar .setting-item {
padding: 7px;
margin-left: 5px;
}
/*Corrects icon color*/
.mod-community-modal .modal-sidebar button.clickable-icon {
color: var(--text-faint);
}
/*Spacing for Style*/
.community-item {
border: transparent;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
color: var(--text-faint);
}
/*Style on Hover*/
.community-item:hover, .suggestion-item.is-selected:not(.mod-group) {
background-color: var(--text-selection);
border-bottom: 1px solid;
border-top: 1px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
color: var(--text-accent);
}
/*Style on active*/
body:not(.is-mobile) .community-item.is-selected,
.community-item.is-selected:hover {
background-color: var(--text-selection);
border-bottom: 2px solid;
border-top: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
color: var(--text-accent);
}
.community-item:active {
background-color: var(--color-accent-active);
border-bottom: 2px solid;
border-top: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
color: var(--text-accent);
}
/*Needed to correct the really not well implemented Font Coloring for Community items*/
body:not(.is-mobile) .community-item.is-selected .community-item-author, .community-item.is-selected:hover .community-item-author,
.community-item.is-selected .community-item-repo, .community-item.is-selected:hover .community-item-repo,
.community-item.is-selected .community-item-downloads, .community-item.is-selected:hover .community-item-downloads,
.community-item.is-selected .community-item-updated, .community-item.is-selected:hover .community-item-updated,
.community-item:hover .community-item-downloads, .community-item:hover .community-item-author, .community-item:hover .community-item-name,
.community-item:hover .community-item-updated, .community-item:active .community-item-downloads, .community-item:active .community-item-author,
.community-item:active .community-item-name, .community-item:active .community-item-updated, .community-item.is-selected .community-item-downloads,
.community-item.is-selected .community-item-author, .community-item.is-selected .community-item-name, .community-item.is-selected .community-item-updated {
color: var(--text-accent);
}
.community-item-downloads, .community-item-author, .community-item-name, .community-item-updated {
color: var(--text-faint);
}
/*Flair Style*/
.community-item.is-selected .flair, .community-item.is-selected:hover .flair, .flair.mod-pop {
color: var(--text-accent);
background-color: var(--text-selection);
}
/*Corrects Setting Header 1 Style*/
.vertical-tab-content h1, .community-modal-info .markdown-rendered h1 {
text-align: center;
border-bottom: 2px solid !important;
border-image-slice: 1;
border-width: 1px;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Sets Sizing for Community Modal Controls*/
.community-modal-controls {
max-width: var(--modal-community-sidebar-width);
}
/*================ Progress Bar ====================*/
.progress-bar-subline {
border-radius: 10px;
}
/*========= Plugins =========*/
/*--------- Calendar Plugin ----------*/
.year.svelte-1vwr9dd.svelte-1vwr9dd{
--interactive-accent: var(--text-normal);
}
/*---------------- Surfing Plugin ---------------*/
/*Changes addressbar width*/
.wb-search-bar {
width: 95%;
}
/*New Page changed radius*/
.wb-page-search-bar-input-container, .wb-page-search-bar-input {
border-radius: 3px !important;
}
/*New page buttons more visible*/
.wb-create-btn, .wb-search-btn, .wb-close-btn {
opacity: 0.8;
}
/*Colors settings icon on new page*/
.surfing-settings-icon {
color: var(--text-accent);
cursor: help;
}
/*Colors refresh button*/
.wb-refresh-button, .wb-refresh-button .lucide-refresh-cw {
color: var(--text-faint);
}
/*Colors refresh button on hover*/
.wb-refresh-button .lucide-refresh-cw:hover {
color: var(--text-accent);
}
/*Removes unnecessary margins for Surfing Tabs*/
.surfing_app_zUmbJa {
margin: 0px;
border-radius: 0px;
border-bottom: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Colors Font on active and selected texts for Surfing Tab*/
.surfing_root_px3YjW.surfing_isSelected_px3YjW :where(.css-dev-only-do-not-override-1i536d8).ant-typography {
color: var(--text-accent);
}
/*Color font for Surfing Tab*/
:where(.css-dev-only-do-not-override-1i536d8).ant-typography {
color: var(--text-faint);
}
/*Readjusts borders for Surfing Tabs*/
.surfing_root_px3YjW {
border-left: 2px solid transparent;
border-right: 2.5px solid transparent;
border-bottom: 0px;
}
/*Styles Surfing Active and Selected Tabs*/
.surfing_root_px3YjW:active, .surfing_root_px3YjW.surfing_isSelected_px3YjW {
background-color: var(--color-accent-active);
border-radius: 3px;
border-image-slice: 1;
opacity: 1;
border-right: 3.5px solid;
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
border-left: 3px solid;
}
/*Styles Surfing hover Tabs*/
.surfing_root_px3YjW:hover, .surfing_root_px3YjW.surfing_isSelected_px3YjW {
background-color: var(--text-selection);
border-radius: 3px;
border-image-slice: 1;
opacity: 1;
border-right: 2.5px solid;
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
border-left: 2px solid;
}
/*Web Frame Slight Transparency*/
.wb-frame {
opacity: 0.8;
}
/*Setting's Surfing Nav spaces and colored*/
.wb-navigation-item {
color: var(--text-faint);
border-right: 1px solid transparent;
border-left: 1px solid transparent;
}
/*Setting's Surfing Nav on Hover*/
.wb-navigation-item:hover {
background-color: var(--text-selection);
border-radius: 3px;
border-image-slice: 1;
opacity: 1;
border-right: 1px solid;
border-left: 1px solid;
border-image-source: linear-gradient(to bottom, transparent, var(--text-accent), transparent);
}
/*Setting's Surfing Nav on active*/
.wb-navigation-item-selected, .wb-navigation-item:active, .wb-navigation-item-selected:hover {
background-color: var(--color-accent-active);
border-radius: 3px;
border-image-slice: 1;
opacity: 1;
border-right: 2px solid;
border-image-source: linear-gradient(to bottom, transparent, var(--text-accent), transparent);
border-left: 2px solid;
}
/*---------------- LanguageTool Plugin ------------*/
/*LanguageTool popup styled*/
.lt-predictions-container-glass.cm-tooltip, .lt-predictions-container.cm-tooltip, .lt-predictions-container-glass, .lt-predictions-container {
background: var(--background-settings-alt);
backdrop-filter: blur(5px) saturate(120%);
border-image-slice: 1;
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
}
/*Bottom Button resized*/
button:not(.clickable-icon).lt-ignore-btn {
margin: 0px 10px 10px 10px;
}
/*------------------- Style Settings ------------------------*/
/*Adds Styling to the Modal Title*/
.modal-title {
text-align: center;
border-bottom: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
text-shadow: 0 0 5px var(--text-accent),
0 0 10px var(--text-accent),
0 0 20px var(--text-accent);
}
/*Colors text*/
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item .setting-item-name,
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item .setting-item-description, .setting-item-description {
color: var(--text-faint);
}
/*Fixes weird reset button with Theme in Style Settings*/
.themed-color-wrapper .pickr-reset>button {
padding: 5px;
}
/*Gives some and corrects height of group container*/
.themed-color-wrapper>div+div {
margin-top: auto;
margin-left: 5px;
}
/*Adds Style to Setting Item in Style Settings*/
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item {
background: var(--background-settings-alt);
border-radius: 5px;
padding: 10px;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
margin-bottom: 10px;
}
/*Adds Style to Setting Item on hover in Style Settings*/
.setting-item.setting-item-heading.style-settings-heading.is-collapsed:hover {
border-bottom: 1px solid;
border-top: 1px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
background: var(--text-selection);
}
/*Colors text when hover*/
.setting-item.setting-item-heading.style-settings-heading.is-collapsed:hover .setting-item-name,
.setting-item.setting-item-heading.style-settings-heading.is-collapsed:hover .setting-item-description,
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed) .setting-item-description {
color: var(--text-accent);
}
/*Adds Style to Setting Item on active in Style Settings*/
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading.is-collapsed:active,
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed) {
border-bottom: 1px solid;
border-top: 1px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
background: var(--color-accent-active);
}
/*Style Settings corrected background color*/
.workspace-split.mod-horizontal .workspace-leaf-content[data-type="style-settings"]{
background-color: var(--background-primary);
}
/*Colors text when active*/
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading.is-collapsed:active,
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed) .setting-item-name {
color: var(--text-accent);
}
/*Fits Style Options within box*/
.style-settings-container [data-level='1'].setting-item-heading.style-settings-heading.is-collapsed,
.style-settings-container [data-level='2'].setting-item-heading.style-settings-heading.is-collapsed,
.style-settings-container [data-level='3'].setting-item-heading.style-settings-heading.is-collapsed,
.style-settings-container [data-level='4'].setting-item-heading.style-settings-heading.is-collapsed,
.style-settings-container [data-level='5'].setting-item-heading.style-settings-heading.is-collapsed {
padding-left: 30px;
}
.style-settings-container [data-level='1'].setting-item-heading.style-settings-heading:not(.is-collapsed),
.style-settings-container [data-level='2'].setting-item-heading.style-settings-heading:not(.is-collapsed),
.style-settings-container [data-level='3'].setting-item-heading.style-settings-heading:not(.is-collapsed),
.style-settings-container [data-level='4'].setting-item-heading.style-settings-heading:not(.is-collapsed),
.style-settings-container [data-level='5'].setting-item-heading.style-settings-heading:not(.is-collapsed) {
padding-left: 30px;
}
/*=============== Mermaid Entity Box Color fix ================*/
.attributeBoxOdd, .attributeBoxEven {
fill: var(--background-primary) !important;
}
/*================= Text Stylings ===================*/
/*Styles Bold Text*/
.cm-strong, strong {
color: var(--text-normal);
text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 40px var(--text-accent);
}
/*Styles Italic Text*/
.cm-em, em {
color: var(--text-normal);
text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 40px var(--text-accent);
}
/*Styles Strikeout*/
.cm-strikethrough, del, ul > li.task-list-item[data-task="x"], ul > li.task-list-item[data-task="X"] {
text-decoration-color: var(--text-close-color);
color: var(--text-close-color);
text-shadow: 0 0 5px var(--text-close-color), 0 0 10px var(--text-close-color), 0 0 20px var(--text-close-color), 0 0 40px var(--text-close-color);
}
/*Styles Underline*/
span.cm-html-embed, u {
text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 40px var(--text-accent);
}
/*================== Code Fence Style =====================*/
/*Styles Code Blocks*/
.markdown-preview-view pre, .markdown-rendered pre {
border-image-slice: 1;
border-top: 3px solid;
border-bottom: 3px solid;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
.markdown-rendered pre code, .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock{
color:var(--text-normal);
}
/*Removes indent lines in code*/
.markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock .cm-indent::before {
display: none;
}
/*Edit mode Adds styling at start of codeblock*/
body:not(.no-codeblock-line-numbers) .cm-s-obsidian div.HyperMD-codeblock-begin-bg {
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-top: 2px solid;
padding-bottom: 15px;
}
/*Edit mode Adds styling at end of codeblock*/
body:not(.no-codeblock-line-numbers) .cm-s-obsidian div.HyperMD-codeblock-end-bg {
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 2px solid;
}
/*Sets reset for code gutter*/
body:not(.no-codeblock-line-numbers) .HyperMD-codeblock-begin {
counter-reset: codeblock-line-numbers;
}
/*Sets custom code gutterline*/
body:not(.no-codeblock-line-numbers) .HyperMD-codeblock:not(.HyperMD-codeblock-begin,
.HyperMD-codeblock-end)::before {
counter-increment: codeblock-line-numbers;
content: counter(codeblock-line-numbers);
text-align: center;
width: 1.7em;
color: var(--text-faint);
position: absolute;
left: 0;
}
/*Spacing for gutterline*/
body:not(.no-codeblock-line-numbers) .HyperMD-codeblock.cm-line:not(.HyperMD-codeblock-begin,
.HyperMD-codeblock-end) {
padding-left: 2em;
}
/*Changes Code Font*/
.cm-gutterElement, body:not(.no-codeblock-line-numbers) .HyperMD-codeblock:not(.HyperMD-codeblock-begin, .HyperMD-codeblock-end)::before, .markdown-rendered pre code, .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock, .cm-s-obsidian span.cm-inline-code, .markdown-rendered code{
font-family: 'OxaniumFira';
}
/*================ Blockquotes Style ================*/
/*Sets style for Blockquotes*/
.markdown-preview-view blockquote {
padding: 2rem 2rem 1rem 3rem;
border-left: transparent;
background: linear-gradient(95deg, var(--text-selection), var(--block-color));
border-radius: 3px;
}
/*Quote Styling for blockquotes*/
.markdown-preview-view blockquote p:first-of-type::before {
content: '❝';
font-family: arial;
opacity: .45;
font-size: 100px;
color: var(--text-accent);
position: absolute;
top: -3.75rem;
left: -0.3rem;
margin-left: -0.3em;
z-index: -1;
}
.markdown-preview-view blockquote p {
position: relative;
}
/*Corrects spacing of quote sign and text for blockquotes*/
.markdown-preview-view blockquote> :first-child {
z-index: 1;
margin-left: -0.5em;
}
/*Code Segment Style*/
.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight), .markdown-rendered code {
background: var(--background-modifier-hover);
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
}
/* blockquotes, embeds, tables inner/outer glow */
.markdown-preview-view blockquote, .markdown-preview-view .markdown-embed, .markdown-preview-view .file-embed, .markdown-preview-view th {
box-shadow: 0em 0em 0.5em 0.1em var(--text-accent) , inset 0em 0em 2em var(--text-accent);
}
/*============== Empty Tab ==================*/
/*Sets Style for Empty Title*/
.empty-state-title {
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 3px solid;
text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 40px var(--text-accent), 0 0 80px var(--text-accent);
}
/*Sets Spacing for Empty Items*/
body:not(.is-mobile) .empty-state-action {
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
padding: 0 5px 0 5px;
}
/*Sets Spacing for Empty Items hover*/
body:not(.is-mobile) .empty-state-action:hover {
background: var(--text-selection);
border-radius: 3px;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 1px solid;
border-top: 1px solid;
}
/*Sets Spacing for Empty Items active*/
body:not(.is-mobile) .empty-state-action:active {
background-color: var(--color-accent-active);
border-radius: 3px;
box-shadow: 0 0 0.3em var(--text-accent);
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 2px solid;
border-top: 2px solid;
}
/*================ Canvas ================*/
/*---------------- Canvas right hand controls --------------------*/
/*Sets Style for Right controls*/
.canvas-controls {
gap: 0px;
backdrop-filter: blur(5px) saturate(120%) !important;
border-left: 1px solid;
border-right: 1px solid;
border-image-slice: 1;
background-color: var(--background-settings);
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
border-radius: 5px;
}
/*Sets color for right control items*/
.canvas-control-item {
border-bottom: none;
border-radius: 3px;
background-color: transparent;
color: var(--text-faint);
}
/*Sets color for right control items hover*/
.canvas-control-item:hover {
background-color: var(--background-modifier-hover);
color: var(--text-accent);
}
/*Sets color for right control items active*/
.canvas-control-item:active {
background-color: var(--color-accent-active);
}
/*Hides disabled items until they can be used*/
.canvas-control-item.is-disabled {
display: none;
}
/*Removes Group Default Style*/
.canvas-control-group {
border: none;
background: transparent;
box-shadow: none;
border-radius: 0px;
}
/*----------------- Canvas Menu Card ----------------------*/
/*Card Menu styling*/
.canvas-card-menu, .theme-dark .canvas-card-menu {
box-shadow: none;
backdrop-filter: blur(5px) saturate(120%) !important;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 1px solid;
border-top: 1px solid;
background-color: var(--background-settings);
}
/*Resize Card Menu*/
.canvas-card-menu .canvas-card-menu-button {
color: var(--text-faint);
margin: 2px;
padding: var(--size-2-2);
border-radius: 3px;
}
/*Removes unnecessary Bounce Animation*/
.canvas-card-menu .canvas-card-menu-button.mod-draggable:hover svg {
transform: none;
filter: none;
}
/*Card Menu styling hover*/
.canvas-card-menu .canvas-card-menu-button:hover, .canvas-card-menu .canvas-card-menu-button.mod-draggable:active {
color: var(--text-accent);
background-color: var(--background-modifier-hover);
}
/*Removes default Fill Coloring*/
.theme-dark .canvas-card-menu .canvas-card-menu-button svg, .canvas-card-menu .canvas-card-menu-button svg {
fill: transparent;
}
/*--------------- Internal Canvas ----------------------*/
/*Right Click Menu Stlying*/
.canvas-menu {
background-color: var(--background-settings-alt);
backdrop-filter: blur(4px) saturate(120%) !important;
border: 0px solid var(--background-modifier-border);
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 1px solid;
border-top: 1px solid;
}
/*Canvas Container Styled*/
.canvas-node.is-themed .canvas-node-container, .canvas-node-group .canvas-node-container, .canvas-node.is-selected .canvas-node-container {
border-color: var(--text-normal);
box-shadow: 0 0 10px 5px rgba(var(--canvas-color), 0.7), inset 0 0 20px 5px rgba(var(--canvas-color), 0.7), var(--shadow-stationary);
}
/*Canvas Container Styled selected*/
.canvas-node.is-selected.is-themed .canvas-node-container, .canvas-node.is-focused.is-themed .canvas-node-container,
.canvas-node.is-focused .canvas-node-container {
box-shadow: 0 0 10px 5px rgba(var(--canvas-color), 0.9), inset 0 0 30px 10px rgba(var(--canvas-color), 0.7), var(--shadow-stationary);
}
/*Styles Group Label*/
.canvas-wrapper:not(.mod-readonly) .canvas-group-label, .canvas-node-group.is-themed .canvas-group-label:not([contenteditable="true"]) {
background: rgba(var(--canvas-color), 0.6);
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, rgba(var(--canvas-color)), transparent);
border-bottom: 2px solid;
border-top: 2px solid;
margin-top: -10px;
}
/*Styles Node Labels*/
.canvas-node-label {
color: var(--text-accent);
padding: 5px;
background: rgba(var(--canvas-color), 0.6);
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, rgba(var(--canvas-color)), transparent);
border-bottom: 2px solid;
border-top: 2px solid;
margin-top: -5px;
border-radius: 3px;
cursor: pointer;
}
/*=============== File Explorer Icon for files/folders ========================*/
/*Removes Collapse Chevron in Nav File Tree Only*/
.tree-item.nav-folder .tree-item-icon.collapse-icon.nav-folder-collapse-indicator{
display: none;
}
/*Shifts Content to the left*/
.nav-file-title-content, .nav-folder-title-content {
margin-left: -20px;
}
/*Opened Folder svg not Collapsed and sets style for folder icons*/
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title-content::before {
margin-right: 4px;
position: relative;
content: " ";
display: inline-block;
width: 20px;
height: 20px;
vertical-align: -5px;
background-color: var(--custom-acc-faint);
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M3 3a2 2 0 0 0-2 2v6c0 .413.125.797.34 1.116L2.81 7.08A1.5 1.5 0 0 1 4.25 6h8.753v-.004a2 2 0 0 0-2-2H6.175l-1.11-.887A.5.5 0 0 0 4.753 3H3Zm11.941 4.64a.5.5 0 0 0-.48-.64H4.25a.5.5 0 0 0-.48.36l-1.46 5a.5.5 0 0 0 .48.64h9.46a1.5 1.5 0 0 0 1.44-1.08l1.251-4.28Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
}
/*Closed Folder svg Colapsed */
.workspace-leaf-content[data-type="file-explorer"] .is-collapsed .nav-folder-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 28 28"%3E%3Cpath fill="currentColor" d="M15.821 6.5h7.929a2.25 2.25 0 0 1 2.229 1.938l.016.158l.005.154v13a2.25 2.25 0 0 1-2.096 2.245L23.75 24H4.25a2.25 2.25 0 0 1-2.245-2.096L2 21.75V10.499l8.207.001l.196-.009a2.25 2.25 0 0 0 1.088-.393l.156-.12L15.821 6.5ZM10.207 4c.46 0 .908.141 1.284.402l.156.12l2.103 1.751l-3.063 2.553l-.085.061a.75.75 0 0 1-.29.106L10.206 9L2 8.999V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h5.957Z"%2F%3E%3C%2Fsvg%3E');
}
/* File svg and sets style for file icons*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title .nav-file-title-content::before {
margin-right: 4px;
position: relative;
content: " ";
display: inline-block;
width: 20px;
height: 20px;
vertical-align: -5px;
-webkit-mask-repeat: no-repeat;
background-color: var(--custom-acc-faint);
-webkit-mask-size: 100%;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M8 4.5V1H4.5A1.5 1.5 0 0 0 3 2.5v11A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5V6H9.5A1.5 1.5 0 0 1 8 4.5Zm1 0V1.25L12.75 5H9.5a.5.5 0 0 1-.5-.5ZM5.5 8h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1ZM5 10.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm.5 1.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1Z"%2F%3E%3C%2Fsvg%3E');
}
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title:hover .nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title:hover .nav-folder-title-content::before {
background-color: var(--custom-acc-text);
}
/*Vault svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-folder.mod-root>.nav-folder-title .nav-folder-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M14 13.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3ZM2 7.75A3.75 3.75 0 0 1 5.75 4h12.5A3.75 3.75 0 0 1 22 7.75v8.5A3.75 3.75 0 0 1 18.25 20H5.75A3.75 3.75 0 0 1 2 16.25v-8.5ZM5.75 7a.75.75 0 0 0-.75.75v8.5a.75.75 0 0 0 1.5 0v-8.5A.75.75 0 0 0 5.75 7Zm5.53 1.22a.75.75 0 1 0-1.06 1.06l1.195 1.196A2.985 2.985 0 0 0 11 12c0 .556.151 1.077.415 1.524L10.22 14.72a.75.75 0 1 0 1.06 1.06l1.196-1.195c.447.264.968.415 1.524.415s1.077-.151 1.524-.415l1.196 1.195a.75.75 0 1 0 1.06-1.06l-1.195-1.196c.264-.447.415-.968.415-1.524s-.151-1.077-.415-1.524L17.78 9.28a.75.75 0 0 0-1.06-1.06l-1.196 1.195A2.986 2.986 0 0 0 14 9c-.556 0-1.077.151-1.524.415L11.28 8.22Z"%2F%3E%3C%2Fsvg%3E');
background-color: var(--custom-acc-text);
}
/*Applies Pen svg for active file*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title.is-active .nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M10.733 2.56a1.914 1.914 0 0 1 2.707 2.708L12.707 6l.263.263a1.75 1.75 0 0 1 0 2.474l-1.116 1.117a.5.5 0 0 1-.708-.708l1.117-1.116a.75.75 0 0 0 0-1.06L12 6.707l-5.955 5.955a1.65 1.65 0 0 1-.644.398l-2.743.914a.5.5 0 0 1-.632-.632l.914-2.743a1.65 1.65 0 0 1 .398-.644l7.395-7.395Z"%2F%3E%3C%2Fsvg%3E');
background-color: var(--custom-acc-text);
}
/*Styles when item has focus*/
.workspace-leaf.mod-active .tree-item-self.has-focus{
box-shadow: 0 0 4px 2px var(--text-accent);
}
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported>.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M6 1.002h3v3.5a1.5 1.5 0 0 0 1.5 1.5H14v6.996a2 2 0 0 1-2 2H8.666A5.5 5.5 0 0 0 4 5.207V3.002a2 2 0 0 1 2-2Zm4.5 4h3.497l-3.989-4H10v3.5a.5.5 0 0 0 .5.5ZM10 10.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0Zm-4.5 1.88a.625.625 0 1 0 0 1.25a.625.625 0 0 0 0-1.25Zm0-4.877c-1.048 0-1.864.818-1.853 1.955a.5.5 0 0 0 1-.01c-.006-.579.36-.945.853-.945c.472 0 .853.392.853.95c0 .202-.07.315-.36.544l-.277.215C5.21 10.616 5 10.929 5 11.5a.5.5 0 0 0 .992.09l.011-.156c.017-.148.1-.254.346-.448l.277-.215c.513-.41.727-.732.727-1.318c0-1.104-.822-1.95-1.853-1.95Z"%2F%3E%3C%2Fsvg%3E');
}
/*Sets Archive svg for zipped files*/
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".zip"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".7z"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".rar"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".zipx"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".arc"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".pea"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".gzip"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".b1"]>.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M12.005 4.5h-1.44L8.158 7.033l-.111.106a1.5 1.5 0 0 1-.823.353L7.07 7.5H2v7l.005.164A2.5 2.5 0 0 0 4.5 17h8.504v-1.941a.515.515 0 0 1 0-.117L13.002 14h-.498a.5.5 0 0 1 0-1h.497v-2H12.5a.5.5 0 0 1 0-1h.5V9h-.495a.5.5 0 0 1-.5-.5v-4Zm2 0h-1V8h1V4.5Zm1 0h.495a2.5 2.5 0 0 1 2.479 2.174l.016.162L18 7v7.5a2.5 2.5 0 0 1-2.336 2.495L15.5 17h-1.496v-1.5h.496a.5.5 0 0 0 0-1h-.497v-.955a.478.478 0 0 0 0-.09V12.5h.502a.5.5 0 1 0 0-1h-.503L14 9h.505a.5.5 0 0 0 .5-.5v-4ZM7.932 3.21A1.5 1.5 0 0 0 7.167 3H4.5l-.164.005A2.5 2.5 0 0 0 2 5.5v1h5.07l.082-.007a.5.5 0 0 0 .22-.094l.061-.055L9.385 4.29L8.067 3.3l-.135-.09Z"%2F%3E%3C%2Fsvg%3E');
}
/*Video svg for supported video files*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".webm"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mp4"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mkv"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mov"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".m4a"]>.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M2 5.5A2.5 2.5 0 0 1 4.5 3h7A2.5 2.5 0 0 1 14 5.5v5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 10.5v-5Zm4.5.32v4.36c0 .25.274.403.487.273l3.259-1.992a.54.54 0 0 0 0-.922l-3.26-1.991a.32.32 0 0 0-.486.273Z"%2F%3E%3C%2Fsvg%3E');
}
/*Audio svg for supported audio files*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".3gp"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".flac"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mp3"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".ogg"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".wav"]>.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M15.987 3.016a1 1 0 0 0-1.285-.79l-7 2.187A1 1 0 0 0 7 5.368V13.5a2.5 2.5 0 1 0 1 2V8.368l7-2.188v2.843c.343.03.678.093 1 .184V3.18c0-.056-.005-.11-.013-.164ZM19 14.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0Zm-2.263-.435l-2.994-1.65a.5.5 0 0 0-.742.437v3.3a.5.5 0 0 0 .742.438l2.994-1.65a.5.5 0 0 0 0-.875Z"%2F%3E%3C%2Fsvg%3E')
}
/*Picture svg for supported Picture files*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".svg"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".bmp"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".jpeg"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".jpg"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".png"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".gif"]>.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M4.5 2A2.5 2.5 0 0 0 2 4.5v7c0 .51.152.983.414 1.379l4.384-4.384a1.7 1.7 0 0 1 2.404 0l4.384 4.384A2.49 2.49 0 0 0 14 11.5v-7A2.5 2.5 0 0 0 11.5 2h-7Zm7 3.502a1.002 1.002 0 1 1-2.004 0a1.002 1.002 0 0 1 2.004 0Zm1.379 8.084L8.495 9.202a.7.7 0 0 0-.99 0l-4.384 4.384c.396.262.87.414 1.379.414h7c.51 0 .983-.152 1.379-.414Z"%2F%3E%3C%2Fsvg%3E');
}
/*PDF svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".pdf"]>.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 32 32"%3E%3Cpath fill="currentColor" d="M9 16a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0v-1h.5a2.5 2.5 0 0 0 0-5H9Zm1.5 3H10v-1h.5a.5.5 0 0 1 0 1Zm3.5-2a1 1 0 0 1 1-1h.5a3.5 3.5 0 1 1 0 7H15a1 1 0 0 1-1-1v-5Zm2 3.915a1.5 1.5 0 0 0 0-2.83v2.83ZM20 22v-5a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2h-2v1h2a1 1 0 1 1 0 2h-2v1a1 1 0 1 1-2 0ZM17 9V2H8a3 3 0 0 0-3 3v8a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2v1a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3v-1a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2v-1h-7a3 3 0 0 1-3-3Zm10 6v9H5v-9h22Zm-8-6V2.117a3 3 0 0 1 1.293.762l5.828 5.828A3 3 0 0 1 26.883 10H20a1 1 0 0 1-1-1Z"%2F%3E%3C%2Fsvg%3E');
}
/*HTML svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".html"]>.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M9 7a1 1 0 0 1 .117 1.993L9 9H7a3 3 0 0 0-.176 5.995L7 15h2a1 1 0 0 1 .117 1.993L9 17H7a5 5 0 0 1-.217-9.995L7 7h2Zm8 0a5 5 0 0 1 .217 9.995L17 17h-2a1 1 0 0 1-.117-1.993L15 15h2a3 3 0 0 0 .176-5.995L17 9h-2a1 1 0 0 1-.117-1.993L15 7h2ZM7 11h10a1 1 0 0 1 .117 1.993L17 13H7a1 1 0 0 1-.117-1.993L7 11h10H7Z"%2F%3E%3C%2Fsvg%3E');
}
/*Draw svg for Excalidraw*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".excalidraw.md"]>.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M3 6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v3.003c-.341.016-.68.092-1 .229V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9.5a.5.5 0 0 1-1 0V6Zm.4 11.035c.369.184.83.335 1.217.25c.251-.056.577-.193.943-.347c.885-.373 2.003-.843 2.862-.497c.637.256.584.981.405 1.33c-.035.066-.008.16.065.177a4.6 4.6 0 0 0 1.112.088a.917.917 0 0 1 .023-.14l.375-1.498a2.18 2.18 0 0 1 .578-1.02l4.83-4.83a1.87 1.87 0 1 1 2.644 2.645l-4.83 4.829a2.197 2.197 0 0 1-1.02.578l-1.222.305c-1.121.328-2.794.222-3.313-.183c-.449-.35-.467-.887-.316-1.244c.034-.08-.026-.183-.111-.17c-.495.07-.9.25-1.3.427c-.585.26-1.156.513-1.976.411c-.711-.088-1.107-.459-1.325-.825c-.122-.204.147-.392.36-.286Z"%2F%3E%3C%2Fsvg%3E');
}
/*Canvas svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".canvas"]>.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M7.5 2v3H2v-.5A2.5 2.5 0 0 1 4.5 2h3Zm1 0v8H14V4.5A2.5 2.5 0 0 0 11.5 2h-3Zm5.5 9H8.5v3h3a2.5 2.5 0 0 0 2.5-2.5V11Zm-6.5 3V6H2v5.5A2.5 2.5 0 0 0 4.5 14h3Z"%2F%3E%3C%2Fsvg%3E');
}
/*CSS svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".css"]>.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 6.5V2H5.5A1.5 1.5 0 0 0 4 3.5v7.67c.552.196 1.03.548 1.38 1.004A2.498 2.498 0 0 1 9.5 12a2.5 2.5 0 0 1 4.5 1.5c0 .444-.193.843-.5 1.118c.319.425.5.949.5 1.5v.382a2.49 2.49 0 0 1-.5 1.5h1a1.5 1.5 0 0 0 1.5-1.5V8h-4.5A1.5 1.5 0 0 1 10 6.5Zm1 0V2.25L15.75 7H11.5a.5.5 0 0 1-.5-.5ZM3 12a2 2 0 0 0-2 2v2a2 2 0 1 0 4 0a.5.5 0 0 0-1 0a1 1 0 1 1-2 0v-2a1 1 0 1 1 2 0a.5.5 0 0 0 1 0a2 2 0 0 0-2-2Zm8.5 0a1.5 1.5 0 0 0-1.5 1.5v.382a1.5 1.5 0 0 0 .83 1.342l.894.447a.5.5 0 0 1 .276.447v.382a.5.5 0 0 1-1 0a.5.5 0 0 0-1 0a1.5 1.5 0 0 0 3 0v-.382a1.5 1.5 0 0 0-.83-1.342l-.894-.447a.5.5 0 0 1-.276-.447V13.5a.5.5 0 0 1 1 0a.5.5 0 0 0 1 0a1.5 1.5 0 0 0-1.5-1.5ZM6 13.5a1.5 1.5 0 0 1 3 0a.5.5 0 0 1-1 0a.5.5 0 0 0-1 0v.382a.5.5 0 0 0 .276.447l.895.447A1.5 1.5 0 0 1 9 16.118v.382a1.5 1.5 0 0 1-3 0a.5.5 0 0 1 1 0a.5.5 0 0 0 1 0v-.382a.5.5 0 0 0-.276-.447l-.895-.447A1.5 1.5 0 0 1 6 13.882V13.5Z"%2F%3E%3C%2Fsvg%3E');
}
/*Text File svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".txt"]>.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 28 28"%3E%3Cpath fill="currentColor" d="M14 2a.75.75 0 0 1 .75.75V4h3.75V2.75a.75.75 0 0 1 1.5 0V4h.75A2.25 2.25 0 0 1 23 6.25v12.246h-4.754a2.25 2.25 0 0 0-2.25 2.25V25.5H6.75a2.25 2.25 0 0 1-2.25-2.25v-17A2.25 2.25 0 0 1 6.75 4H8V2.75a.75.75 0 0 1 1.5 0V4h3.75V2.75A.75.75 0 0 1 14 2Zm-6 8.25c0 .414.336.75.75.75h10a.75.75 0 0 0 0-1.5h-10a.75.75 0 0 0-.75.75Zm0 4.5c0 .414.336.75.75.75h10a.75.75 0 0 0 0-1.5h-10a.75.75 0 0 0-.75.75Zm0 4.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 0-1.5h-4.5a.75.75 0 0 0-.75.75Zm9.496 5.81l5.065-5.064h-4.315a.75.75 0 0 0-.75.75v4.315Z"%2F%3E%3C%2Fsvg%3E');
}
/*Document svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".docx"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".doc"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".odt"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".wps"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".wpd"]>.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M21.17 3.25q.33 0 .59.25q.24.24.24.58v15.84q0 .34-.24.58q-.26.25-.59.25H7.83q-.33 0-.59-.25q-.24-.24-.24-.58V17H2.83q-.33 0-.59-.24Q2 16.5 2 16.17V7.83q0-.33.24-.59Q2.5 7 2.83 7H7V4.08q0-.34.24-.58q.26-.25.59-.25m-.8 8.09l1.2 3.94H9.6l1.31-6.56H9.53l-.78 3.88l-1.11-3.75H6.5l-1.19 3.77l-.78-3.9H3.09l1.31 6.56h1.37m14.98 4.22V17H8.25v2.5m12.5-3.75v-3.12H12v3.12m8.75-4.37V8.25H12v3.13M20.75 7V4.5H8.25V7Z"%2F%3E%3C%2Fsvg%3E');
}
/*Presentation svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".key"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".pptx"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".ppt"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".odp"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".dps"]>.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M13.25 3.25q1.21 0 2.33.31q1.12.32 2.09.89q.97.55 1.77 1.36q.79.8 1.36 1.77q.58.97.89 2.09Q22 10.79 22 12t-.31 2.33q-.31 1.12-.89 2.09q-.57.97-1.36 1.77q-.8.81-1.77 1.36q-.97.58-2.09.89q-1.12.31-2.33.31q-1.07 0-2.1-.25q-1.03-.26-1.95-.74q-.92-.49-1.7-1.18q-.81-.7-1.43-1.58H2.83q-.33 0-.59-.24Q2 16.5 2 16.17V7.83q0-.33.24-.58Q2.5 7 2.83 7h3.24q.62-.88 1.43-1.58q.78-.7 1.7-1.18q.93-.48 1.95-.74q1.03-.25 2.1-.25m.63 1.28v6.84h6.84q-.12-1.37-.69-2.56T18.55 6.7q-.91-.91-2.12-1.48q-1.2-.57-2.55-.69M9.5 10.84q0-.57-.2-.97q-.19-.41-.52-.66q-.33-.26-.78-.37q-.45-.12-1-.12H4.37v6.55h1.54V13h1.03q.48 0 .93-.16q.46-.14.82-.41q.36-.26.58-.67q.23-.4.23-.92m3.75 8.66q.98 0 1.89-.24q.9-.26 1.71-.68q.81-.45 1.48-1.08q.67-.61 1.17-1.37q.5-.77.83-1.66q.31-.89.39-1.85h-8.08V4.53q-1.45.12-2.73.76T7.67 7h3.5q.33 0 .59.25q.24.25.24.58v8.34q0 .33-.24.59q-.26.24-.59.24h-3.5q.53.6 1.17 1.06q.66.44 1.35.78q.72.33 1.49.49q.77.17 1.57.17M6.85 10q.47 0 .76.19q.28.19.28.7q0 .22-.1.36q-.1.14-.26.25q-.16.07-.35.1q-.18.04-.38.04h-.89V10h.94Z"%2F%3E%3C%2Fsvg%3E');
}
/*Spreadsheet svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".xlsx"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".xls"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".et"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".ods"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".csv"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".xml"]>.nav-file-title-content::before {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M21.17 3.25q.33 0 .59.25q.24.24.24.58v15.84q0 .34-.24.58q-.26.25-.59.25H7.83q-.33 0-.59-.25q-.24-.24-.24-.58V17H2.83q-.33 0-.59-.24Q2 16.5 2 16.17V7.83q0-.33.24-.59Q2.5 7 2.83 7H7V4.08q0-.34.24-.58q.26-.25.59-.25M7 13.06l1.18 2.22h1.79L8 12.06l1.93-3.17H8.22L7.13 10.9l-.04.06l-.03.07q-.26-.53-.56-1.07q-.25-.53-.53-1.07H4.16l1.89 3.19L4 15.28h1.78m8.1 4.22V17H8.25v2.5m5.63-3.75v-3.12H12v3.12m1.88-4.37V8.25H12v3.13M13.88 7V4.5H8.25V7m12.5 12.5V17h-5.62v2.5m5.62-3.75v-3.12h-5.62v3.12m5.62-4.37V8.25h-5.62v3.13M20.75 7V4.5h-5.62V7Z"%2F%3E%3C%2Fsvg%3E');
}
/*================= Kanban Update ============*/
/*Removes Unneccessary background*/
.workspace-split:not(.mod-left-split) .node-insert-event{
background-color: transparent;
}
/*Sets the style for lists and spacing for hover list style*/
.kanban-plugin__item {
border: transparent;
background: var(--background-settings-2);
color: var(--text-faint);
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
border-radius: 3px;
}
/*removes redundant default title wrapper styling*/
.kanban-plugin__item-title-wrapper {
border: transparent;
background-color: transparent;
}
/*Styles internal Kanban Lane*/
.kanban-plugin__lane-items {
border-top: 1px solid;
border-bottom: 1px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
background-color: var(--background-primary);
border-radius: 5px;
}
/*Styles List on hover/active*/
.kanban-plugin__item:hover, .kanban-plugin__item:active {
background-color: var(--text-selection);
color: var(--text-accent);
border-top: 1px solid;
border-bottom: 1px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
.kanban-plugin__item:active {
color: var(--text-accent);
border-top: 1px solid;
border-bottom: 1px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
background-color: var(--color-accent-active);
}
/*Adds some padding and style for kanban textbox of lists*/
.kanban-plugin__grow-wrap>textarea, .kanban-plugin__grow-wrap:after {
border-radius: 3px;
padding: 2px;
width: 98%;
border-bottom: 1px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Style Kanban textbox when in focus*/
.kanban-plugin__grow-wrap>textarea:focus {
border-bottom: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Styles Kanban Containers*/
.kanban-plugin__lane {
border-left: 2px solid;
border-right: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
background-color: var(--background-secondary);
}
/*Removes line seperator*/
.kanban-plugin__lane-header-wrapper, .kanban-plugin__item-button-wrapper, .kanban-plugin__item-form {
border: none;
}
/*Removes Default Plugin Hue Change*/
.kanban-plugin__item-prefix-button-wrapper input[type=checkbox] {
filter: hue-rotate(0deg);
}
/*Removes Item Content overcolor*/
.kanban-plugin__item-content-wrapper {
background-color: transparent;
}
/*Styled to match with finder search*/
.kanban-plugin__search-wrapper {
border-bottom: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
justify-content: center;
}
/*Expand searchbox*/
input.kanban-plugin__filter-input {
width: 50%;
margin-right: 5px;
}
/*Try to center icon*/
.kanban-plugin__icon {
margin-top: 2px;
}
/*========== NEW PDF ==============*/
/*Styles PDF Sidebar*/
.pdf-sidebar-container {
border-right: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
background-color: var(--background-tertiary);
}
.pdf-sidebar-container .thumbnail::before {
box-shadow: none;
}
/*Styles page thumbnail*/
.pdf-sidebar-container .thumbnail {
border: none;
padding: var(--size-4-2);
border-bottom: 2px solid transparent;
border-top: 2px solid transparent;
}
/*Styles page thumbnail on Hover*/
.pdf-sidebar-container .thumbnail.selected, .pdf-sidebar-container .thumbnail:hover {
background: var(--text-selection);
border-bottom: 2px solid;
border-top: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Styles page thumbnail page number flair*/
.pdf-sidebar-container .thumbnail::after {
font-weight: var(--font-semibold);
background-color: var(--background-tertiary);
right: 115px;
}
/*Styles page thumbnail page number flair selected*/
.pdf-sidebar-container .thumbnail.selected::after {
background-color: var(--text-selection);
}
/*Styles PDF Toolbar*/
.pdf-toolbar {
background-color: var(--background-tertiary);
border-bottom: none;
border-bottom: 3px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Removes redundant 2nd background on Container*/
.workspace-leaf-content[data-type="pdf"] .view-content {
background-color: transparent;
}
/*Shifts slightly the PDF thumnails*/
.pdf-sidebar-content-wrapper{
width:160px
}
/*============== Links Styling ===============*/
/*Colors Internal Link text*/
.cm-s-obsidian span.cm-hmd-internal-link, a.internal-link {
color: var(--internal-link-hover);
}
/*Adds Hover Effect on Internal Links*/
.cm-s-obsidian span.cm-hmd-internal-link:hover, .markdown-rendered .internal-link:hover {
color: var(--text-normal);
text-shadow: 0 0 5px var(--internal-link-hover), 0 0 10px var(--internal-link-hover), 0 0 20px var(--internal-link-hover), 0 0 35px var(--internal-link-hover);
}
/*Adds Hover Effect on External Links*/
.cm-s-obsidian span.cm-link:hover, .external-link:hover {
color: var(--text-normal);
text-shadow: 0 0 5px var(--link-external-color), 0 0 10px var(--link-external-color), 0 0 20px var(--link-external-color), 0 0 35px var(--link-external-color);
}
/*================== Lists =======================*/
/*Sets uncollapsed bullet point with animations*/
li:not(.is-collapsed) .list-bullet:after, .cm-formatting-list .list-bullet:after {
content: '▻';
color: var(--bulletlist-color);
font-weight: bold;
transform: translate(10.5px, 5px) rotate(90deg);
text-shadow: 0 0 5px var(--bulletlist-color), 0 0 10px var(--bulletlist-color), 0 0 20px var(--bulletlist-color), 0 0 35px var(--bulletlist-color);
}
/*Realigns Custom bullet point*/
.list-bullet {
align-items: baseline;
margin-right: 10px;
}
/*Sets collapsed bullet point with animations*/
li.is-collapsed .list-bullet:after, .is-collapsed~.cm-formatting-list .list-bullet:after {
content: '▻';
color: var(--bulletlist-color);
font-weight: bold;
text-shadow: 0 0 5px var(--bulletlist-color), 0 0 10px var(--bulletlist-color), 0 0 20px var(--bulletlist-color), 0 0 35px var(--bulletlist-color);
background-color: transparent;
box-shadow: none;
transform: translate(0px, 0px) rotate(0deg);
margin-left: -0.4em;
}
/*Removes hover dot */
.cm-fold-indicator:hover~.cm-formatting-list .list-bullet:after, .cm-fold-indicator:hover.is-collapsed~.cm-formatting-list .list-bullet:after {
background-color: transparent;
box-shadow: none;
}
/*----------------------* Number list ----------------------------*/
/*Styles Default Number List*/
ol>li::marker, ul>li::marker, .cm-s-obsidian .cm-formatting-list {
color: var(--text-normal);
font-weight: bold;
border-image-source: linear-gradient(to right, var(--bulletlist-color), transparent);
text-shadow: 0 0 5px var(--bulletlist-color), 0 0 10px var(--bulletlist-color),
0 0 20px var(--bulletlist-color), 0 0 35px var(--bulletlist-color);
}
/*Adds style to the Identation guide */
.markdown-rendered.show-indentation-guide li>ul::before, .markdown-rendered.show-indentation-guide li>ol::before, .markdown-source-view.mod-cm6 .cm-indent::before {
box-shadow: 0 0 5px var(--bulletlist-color), 0 0 10px var(--bulletlist-color),
0 0 20px var(--bulletlist-color), 0 0 35px var(--bulletlist-color);
width: 0px;
}
/*Aligns Number List with identation guide*/
.markdown-rendered ol {
margin-left: 3px;
}
/*Recheck Position*/
/*================ General UI =======================*/
/*Removes double background on Note Content*/
.workspace-split.mod-root .view-content .node-insert-event {
background-color: transparent;
}
/*Changes App's background*/
.workspace {
background-color: var(--background-secondary);
}
/*Sets style for active view header*/
.workspace-leaf.mod-active .view-header {
border-top: 3px solid;
border-bottom: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Sets spacing for view header and colors*/
.view-header {
margin: 0px;
background: var(--background-primary-alt);
border-top: 3px solid transparent;
border-bottom: 2px solid transparent;
}
/*Colors the fade in header title*/
.view-header-title-container:not(.mod-at-end):after {
background: linear-gradient(to right, transparent, var(--transparent-primary-alt));
}
/*Header bar background changed*/
:is(.is-focused .workspace-leaf.mod-active .view-header, .view-header), .workspace-split.mod-right-split .workspace-tabs .nav-header, .workspace-split.mod-left-split .workspace-tabs .nav-header, .search-row, .search-results-info {
background: var(--background-tertiary);
backdrop-filter: blur(18px) saturate(120%);
}
:is(.is-focused .workspace-leaf.mod-active .view-header, .view-header),
.workspace-split.mod-right-split .workspace-tabs.mod-top .nav-header,
.workspace-split.mod-left-split .workspace-tabs.mod-top .nav-header,
.search-row, .search-results-info {
border-radius: 5px 5px 0 0;
}
/*Header Title Colored*/
.is-focused .workspace-leaf.mod-active .view-header-title, .workspace-leaf.mod-active .view-header-title, .workspace-leaf.mod-active .view-header-icon {
color: var(--activetitle-highlight);
}
.view-header-title{
color: var(--Inactive-title);
}
/*Breadcrumb File Path*/
.view-header-title-parent .view-header-breadcrumb {
color: var(--text-faint);
}
/*Breadcrumb File Path on Hover*/
.view-header-title-parent .view-header-breadcrumb:hover {
color: var(--text-accent);
background: var(--text-selection);
}
/*Breadcrumb File Path on Active*/
.view-header-title-parent .view-header-breadcrumb:active {
color: var(--text-accent);
background: var(--color-accent-active);
}
/*Breadcrumb Active Page*/
.workspace-leaf.mod-active .view-header-title, .workspace-leaf.mod-active .view-header-icon {
background: var(--title-background-active-clicked);
padding: 5px;
border-radius: var(--radius-s);
margin-left: 5px;
border-image-slice: 1;
border-right: 2px solid;
border-image-source: linear-gradient(to top, transparent, var(--activetitle-highlight), transparent);
border-left: 2px solid;
}
/*Breadcrumb Active Page on hover*/
.workspace-leaf.mod-active .view-header-title:hover{
background: var(--title-background-clicked);
}
/*Removes Redundant and unnecessary background coloring*/
body:not(.is-fullscreen).is-hidden-frameless .mod-top .workspace-tab-header-container, body.is-focused .workspace-ribbon.mod-left,
body.is-focused .titlebar, body.is-focused .workspace-ribbon.mod-left, .workspace-tab-header-container,
body:not(.is-mobile) .workspace-split.mod-root, .workspace-tabs .workspace-leaf, .mod-root .workspace-tabs .workspace-leaf {
background: transparent;
}
/*Right Window Spacing*/
body:not(.is-mobile) .workspace-split.mod-vertical>* {
margin-right: 5px;
}
/*Right of Left Sidepanel Window Spacing*/
body:not(.is-mobile) .workspace-split.mod-left-split {
margin-right: 5px;
}
/*Main Pane View Content Style*/
.workspace-leaf-content .view-content {
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 3px solid;
}
/*======================= Style Setting's Workspace ===============================*/
/*-------------------- Style Setting's Workspace: Background Color ------------------*/
.CG-workspace-background {
--background-primary: rgba(var(--bg-primary),
var(--CG-workspace-background-workspace-slider, 0.45));
--background-secondary: rgba(var(--bg-secondary),
var(--CG-workspace-background-workspace-slider, 0.45));
}
/*--------------- Style Setting's Workspace: Background Images ------------------------*/
/*Applies the theme's Community Background*/
.CG-workspace-background .app-container {
--Obsidianbg: var(--bgimage);
--CGworkspace-background-image: var(--Obsidianbg);
}
/*Applies the custom image to the background*/
.CG-workspace-background.CG-workspace-background-image-custom .app-container {
--CGworkspace-background-image: var(--CG-workspace-background-image-custom-option);
}
/*Applies the background colors as overlay for superior transparency to background image*/
.CG-workspace-background .horizontal-main-container, .app-container {
background: var(--CGworkspace-background-image);
background-color: var(--background-primary);
background-blend-mode: overlay;
background-size: cover;
}
/*Applies background image customizations*/
body:not(.is-phone).CG-workspace-background .workspace, body:not(.is-phone).CG-workspace-background .status-bar {
background-color: var(--background-secondary);
backdrop-filter: brightness(var(--CG-workspace-background-brightness, 1.15)) blur(var(--CG-workspace-background-blur, 15px)) saturate(var(--CG-workspace-background-saturation, 2)) contrast(var(--CG-workspace-background-contrast, 100%));
}
/*Removes sidebar coloring when custom image enabled*/
.CG-workspace-background .workspace-ribbon.mod-left.is-collapsed {
background-color: transparent;
}
.workspace-split.mod-root .view-content, .workspace-leaf.mod-active .view-header{
backdrop-filter: brightness(var(--CG-workspace-background-brightness, 1.15)) blur(var(--CG-workspace-background-blur, 15px)) saturate(var(--CG-workspace-background-saturation, 2)) contrast(var(--CG-workspace-background-contrast, 100%));
}
/*=========== CheckBox =================*/
.markdown-preview-view .task-list-item-checkbox {
border: 1px solid var(--text-accent);
box-shadow: 0 0 0.5em var(--text-accent);
}
.markdown-source-view.mod-cm6 .cm-indent::before {
border-right: var(--indentation-guide-width) solid var(--text-accent);
transform: translateX(0.24em);
}
/*------------------------- Style Settings: Custom Checkbox -------------------------------*/
.CG-custom-checkbox .view-content .task-list-item-checkbox {
appearance: none;
scale: 1.22;
}
.CG-custom-checkbox input[type='checkbox']:checked:after {
background-color: black;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='x'], .CG-custom-checkbox li.task-list-item[data-task='x'] .task-list-item-checkbox {
background-color: green;
border: 1px solid green;
box-shadow: 0 0 5px green, 0 0 10px green, 0 0 15px green;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='x']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='x'] .task-list-item-checkbox:hover {
background-color: rgb(2, 169, 2);
border: 1px solid rgb(2, 169, 2);
}
.CG-custom-checkbox [data-task='x'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='x'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="m8.5 16.586l-3.793-3.793a1 1 0 0 0-1.414 1.414l4.5 4.5a1 1 0 0 0 1.414 0l11-11a1 1 0 0 0-1.414-1.414L8.5 16.586Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='?'], .CG-custom-checkbox ul>li.task-list-item[data-task='?'] .task-list-item-checkbox {
background-color: gold;
border: 1px solid gold;
box-shadow: 0 0 5px gold, 0 0 10px gold, 0 0 15px gold;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='?']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='?'] .task-list-item-checkbox:hover {
background-color: rgb(209, 178, 2);
border: 1px solid rgb(209, 178, 2);
}
.CG-custom-checkbox [data-task='?'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='?'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M12 4a5 5 0 0 0-5 5a1 1 0 0 0 2 0c0-1.658 1.342-3 3-3s3 1.342 3 3c0 .816-.199 1.294-.438 1.629c-.262.365-.625.638-1.128.985l-.116.078c-.447.306-1.023.699-1.469 1.247c-.527.648-.849 1.467-.849 2.561v.5a1 1 0 1 0 2 0v-.5c0-.656.178-1.024.4-1.299c.257-.314.603-.552 1.114-.903l.053-.037c.496-.34 1.133-.786 1.62-1.468C16.7 11.081 17 10.183 17 9a5 5 0 0 0-5-5Zm0 17.25a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='-'], .CG-custom-checkbox ul>li.task-list-item[data-task='-'] .task-list-item-checkbox {
background-color: red;
border: 1px solid red;
box-shadow: 0 0 5px red, 0 0 10px red, 0 0 15px red;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='-']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='-'] .task-list-item-checkbox:hover {
background-color: rgb(215, 4, 4);
border: 1px solid rgb(215, 4, 4);
}
.CG-custom-checkbox [data-task='-'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='-'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="m2.397 2.554l.073-.084a.75.75 0 0 1 .976-.073l.084.073L8 6.939l4.47-4.47a.75.75 0 1 1 1.06 1.061L9.061 8l4.47 4.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L8 9.061l-4.47 4.47a.75.75 0 0 1-1.06-1.061L6.939 8l-4.47-4.47a.75.75 0 0 1-.072-.976l.073-.084l-.073.084Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='!'], .CG-custom-checkbox ul>li.task-list-item[data-task='!'] .task-list-item-checkbox {
background-color: darkorange;
border: 1px solid darkorange;
box-shadow: 0 0 5px darkorange, 0 0 10px darkorange, 0 0 15px darkorange;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='!']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='!'] .task-list-item-checkbox:hover {
background-color: rgb(217, 119, 0);
border: 1px solid rgb(217, 119, 0);
}
.CG-custom-checkbox [data-task='!'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='!'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M5.96 4.457a2.075 2.075 0 1 1 4.08 0l-.856 4.56a1.205 1.205 0 0 1-2.368 0l-.855-4.56ZM9.5 12.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='>'], .CG-custom-checkbox ul>li.task-list-item[data-task='>'] .task-list-item-checkbox {
background-color: skyblue;
border: 1px solid skyblue;
box-shadow: 0 0 5px skyblue, 0 0 10px skyblue, 0 0 15px skyblue;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='>']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='>'] .task-list-item-checkbox:hover {
background-color: rgb(112, 174, 198);
border: 1px solid rgb(112, 174, 198);
}
.CG-custom-checkbox [data-task='>'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='>'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M5.74 3.2a.75.75 0 0 0-.04 1.06L9.227 8L5.7 11.74a.75.75 0 1 0 1.1 1.02l4-4.25a.75.75 0 0 0 0-1.02l-4-4.25a.75.75 0 0 0-1.06-.04Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='/'], .CG-custom-checkbox ul>li.task-list-item[data-task='/'] .task-list-item-checkbox {
background-color: palevioletred;
border: 1px solid palevioletred;
box-shadow: 0 0 5px palevioletred, 0 0 10px palevioletred, 0 0 15px palevioletred;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='/']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='/'] .task-list-item-checkbox:hover {
background-color: rgb(190, 100, 130);
border: 1px solid rgb(190, 100, 130);
}
.CG-custom-checkbox [data-task='/'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='/'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16Zm0 1a7 7 0 0 1 6.982 6.5H3.018A7 7 0 0 1 10 3Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='R'], .CG-custom-checkbox ul>li.task-list-item[data-task='R'] .task-list-item-checkbox {
background-color: rosybrown;
border: 1px solid rosybrown;
box-shadow: 0 0 5px rosybrown, 0 0 10px rosybrown, 0 0 15px rosybrown;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='R']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='R'] .task-list-item-checkbox:hover {
background-color: rgb(156, 119, 119);
border: 1px solid rgb(156, 119, 119);
}
.CG-custom-checkbox [data-task='R'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='R'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M2.984 8.625v.003a.5.5 0 0 1-.612.355c-.431-.114-.355-.611-.355-.611l.018-.062s.026-.084.047-.145a6.7 6.7 0 0 1 1.117-1.982C4.096 5.089 5.605 4 8 4s3.904 1.089 4.802 2.183a6.7 6.7 0 0 1 1.117 1.982a4.077 4.077 0 0 1 .06.187l.003.013v.004l.001.002a.5.5 0 0 1-.966.258l-.001-.004l-.008-.025a4.872 4.872 0 0 0-.2-.52a5.696 5.696 0 0 0-.78-1.263C11.286 5.912 10.044 5 8 5c-2.044 0-3.285.912-4.028 1.817a5.7 5.7 0 0 0-.945 1.674a3.018 3.018 0 0 0-.035.109l-.008.025ZM8 7a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5ZM6.5 9.5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='+'], .CG-custom-checkbox ul>li.task-list-item[data-task='+'] .task-list-item-checkbox {
background-color: silver;
border: 1px solid silver;
box-shadow: 0 0 5px silver, 0 0 10px silver, 0 0 15px silver;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='+']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='+'] .task-list-item-checkbox:hover {
background-color: rgb(162, 162, 162);
border: 1px solid rgb(162, 162, 162);
}
.CG-custom-checkbox [data-task='+'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='+'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M15 5.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0Zm-4-2a.5.5 0 0 0-1 0V5H8.5a.5.5 0 0 0 0 1H10v1.5a.5.5 0 0 0 1 0V6h1.5a.5.5 0 0 0 0-1H11V3.5Zm-.5 7.5c1.33 0 2.55-.472 3.5-1.257V12.5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 12.5v-7A2.5 2.5 0 0 1 4.5 3h1.1a5.463 5.463 0 0 0-.393 1H4.5A1.5 1.5 0 0 0 3 5.5V9h2.5a.5.5 0 0 1 .5.5c0 .052.008.162.032.308c.041.247.115.494.228.718c.308.618.843.974 1.74.974c.692 0 1.168-.212 1.492-.592c.326.06.663.092 1.008.092Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='b'], .CG-custom-checkbox ul>li.task-list-item[data-task='b'] .task-list-item-checkbox {
background-color: steelblue;
border: 1px solid steelblue;
box-shadow: 0 0 5px steelblue, 0 0 10px steelblue, 0 0 15px steelblue;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='b']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='b'] .task-list-item-checkbox:hover {
background-color: rgb(82, 152, 209);
border: 1px solid rgb(82, 152, 209);
}
.CG-custom-checkbox [data-task='b'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='b'][type='checkbox']:checked:after {
-webkit-mask-image:
url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M4 4.5A2.5 2.5 0 0 1 6.5 2h7A2.5 2.5 0 0 1 16 4.5v13a.5.5 0 0 1-.794.404L10 14.118l-5.206 3.786A.5.5 0 0 1 4 17.5v-13Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='B'], .CG-custom-checkbox ul>li.task-list-item[data-task='B'] .task-list-item-checkbox {
background-color: hotpink;
border: 1px solid hotpink;
box-shadow: 0 0 5px hotpink, 0 0 10px hotpink, 0 0 15px hotpink;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='B']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='B'] .task-list-item-checkbox:hover {
background-color: rgb(220, 90, 155);
border: 1px solid rgb(220, 90, 155);
}
.CG-custom-checkbox [data-task='B'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='B'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M6.13 2.793A3.91 3.91 0 0 1 8.5 2c.24 0 .431.125.542.211c.124.098.24.223.344.348a.5.5 0 0 1 .114.318V6.5H8.415a1.5 1.5 0 1 0 0 1H9.5v9.415a.5.5 0 0 1-.183.387C8.855 17.68 8.237 18 7.5 18c-1.186 0-2.069-.598-2.64-1.313a4.057 4.057 0 0 1-.819-1.752a2.68 2.68 0 0 1-1.054-.555C2.435 13.907 2 13.14 2 12c0-.557.037-1.06.12-1.5h3.13c.636 0 1.16.475 1.24 1.089a1.5 1.5 0 1 0 1.004-.006A2.25 2.25 0 0 0 5.25 9.5H2.441c.153-.298.358-.55.625-.729a1.58 1.58 0 0 1 .212-.118c-.284-.832-.21-1.806.064-2.571c.175-.492.453-.957.835-1.267c.252-.205.552-.34.88-.366c.144-.683.549-1.248 1.074-1.656ZM10.5 14.5h.75a2.25 2.25 0 0 0 2.25-2.25v-1.835a1.5 1.5 0 1 0-1 0v1.835c0 .69-.56 1.25-1.25 1.25h-.75V2.877a.5.5 0 0 1 .114-.318c.103-.125.22-.25.344-.348c.11-.086.301-.211.542-.211a3.91 3.91 0 0 1 2.37.793c.525.408.93.973 1.073 1.656c.328.025.628.161.88.366c.382.31.66.775.835 1.267c.274.765.348 1.74.064 2.57c.072.034.143.074.212.12c.275.183.484.445.638.754c.303.605.428 1.449.428 2.474c0 1.141-.435 1.907-.987 2.38a2.68 2.68 0 0 1-1.054.555c-.1.558-.38 1.204-.819 1.752c-.57.715-1.454 1.313-2.64 1.313c-.736 0-1.355-.32-1.816-.698a.5.5 0 0 1-.184-.387V14.5ZM7 6.5a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1Zm0 6a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1Zm6-3a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='D'], .CG-custom-checkbox ul>li.task-list-item[data-task='D'] .task-list-item-checkbox {
background-color: olivedrab;
border: 1px solid olivedrab;
box-shadow: 0 0 5px olivedrab, 0 0 10px olivedrab, 0 0 15px olivedrab;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='D']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='D'] .task-list-item-checkbox:hover {
background-color: rgb(123, 163, 41);
border: 1px solid rgb(123, 163, 41);
}
.CG-custom-checkbox [data-task='D'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='D'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M10.752 8.997a.748.748 0 1 1 0-1.497a.748.748 0 0 1 0 1.497Zm-.749 1.752a.748.748 0 1 0 1.497 0a.748.748 0 0 0-1.497 0ZM8 8.996A.748.748 0 1 1 8 7.5a.748.748 0 0 1 0 1.497Zm-.749 1.752a.748.748 0 1 0 1.497 0a.748.748 0 0 0-1.497 0Zm-2-1.752a.748.748 0 1 1 0-1.497a.748.748 0 0 1 0 1.497ZM2 4.5A2.5 2.5 0 0 1 4.5 2h7A2.5 2.5 0 0 1 14 4.5v7a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 11.5v-7ZM13 6H3v5.5A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5V6Zm-1.5-3h-7A1.5 1.5 0 0 0 3 4.5V5h10v-.5A1.5 1.5 0 0 0 11.5 3Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='I'], .CG-custom-checkbox ul>li.task-list-item[data-task='I'] .task-list-item-checkbox {
background-color: dodgerblue;
border: 1px solid dodgerblue;
box-shadow: 0 0 5px dodgerblue, 0 0 10px dodgerblue, 0 0 15px dodgerblue;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='I']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='I'] .task-list-item-checkbox:hover {
background-color: rgb(28, 132, 235);
border: 1px solid rgb(28, 132, 235);
}
.CG-custom-checkbox [data-task='I'] input[type='checkbox']:checked:after,
.CG-custom-checkbox [data-task='I'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M8 7a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 8 7Zm0-.75a.749.749 0 1 0 0-1.5a.749.749 0 0 0 0 1.498ZM2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Zm6-5a5 5 0 1 0 0 10A5 5 0 0 0 8 3Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='i'], .CG-custom-checkbox ul>li.task-list-item[data-task='i'] .task-list-item-checkbox {
background-color: goldenrod;
border: 1px solid goldenrod;
box-shadow: 0 0 5px goldenrod, 0 0 10px goldenrod, 0 0 15px goldenrod;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='i']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='i'] .task-list-item-checkbox:hover {
background-color: rgb(199, 151, 28);
border: 1px solid rgb(199, 151, 28);
}
.CG-custom-checkbox [data-task='i'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='i'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M9.5 6.502a.5.5 0 0 1 1 0v1.002a.5.5 0 0 1-1 0V6.502Zm3.35.941a.5.5 0 0 0-.707 0l-.708.709a.5.5 0 0 0 .707.707l.709-.709a.5.5 0 0 0 0-.707Zm-4.998 0a.5.5 0 1 0-.707.707l.708.709a.5.5 0 1 0 .707-.707l-.708-.709ZM10 2c3.314 0 6 2.597 6 5.8c0 1.677-.745 3.216-2.204 4.594a.599.599 0 0 0-.145.213l-.026.081l-.936 3.917c-.184.771-.865 1.33-1.67 1.39l-.144.005h-1.75c-.818 0-1.535-.516-1.776-1.262l-.038-.133l-.935-3.916a.595.595 0 0 0-.17-.295c-1.39-1.312-2.133-2.77-2.2-4.355L4 7.8l.003-.191C4.108 4.494 6.753 2 10 2ZM7.955 15l.319 1.334l.026.096c.097.3.376.522.712.563l.113.007h1.713l.106-.003a.856.856 0 0 0 .741-.525l.031-.1l.329-1.372h-4.09ZM10 3C7.368 3 5.212 4.953 5.015 7.414l-.012.212L5 7.779l.004.217c.056 1.304.674 2.525 1.888 3.671c.188.178.33.398.414.64l.043.15L7.716 14H9.5V9.497a.5.5 0 1 1 1 0V14h1.785l.387-1.615l.051-.15c.086-.215.218-.409.386-.568C14.383 10.465 15 9.181 15 7.8C15 5.157 12.769 3 10 3Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='N'], .CG-custom-checkbox ul>li.task-list-item[data-task='N'] .task-list-item-checkbox {
background-color: plum;
border: 1px solid plum;
box-shadow: 0 0 5px plum, 0 0 10px plum, 0 0 15px plum;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='N']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='N'] .task-list-item-checkbox:hover {
background-color: rgb(193, 137, 193);
border: 1px solid rgb(193, 137, 193);
}
.CG-custom-checkbox [data-task='N'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='N'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M4.5 2A2.5 2.5 0 0 0 2 4.5v7A2.5 2.5 0 0 0 4.5 14h3.672a2.5 2.5 0 0 0 1.767-.732l3.329-3.329A2.5 2.5 0 0 0 14 8.172V4.5A2.5 2.5 0 0 0 11.5 2h-7ZM3 4.5A1.5 1.5 0 0 1 4.5 3h7A1.5 1.5 0 0 1 13 4.5V8h-2.5A2.5 2.5 0 0 0 8 10.5V13H4.5A1.5 1.5 0 0 1 3 11.5v-7Zm6 8.25V10.5A1.5 1.5 0 0 1 10.5 9h2.25c-.055.083-.118.16-.19.232l-3.328 3.329a1.564 1.564 0 0 1-.232.19Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='Q'], .CG-custom-checkbox ul>li.task-list-item[data-task='Q'] .task-list-item-checkbox,
.CG-custom-checkbox .task-list-item-checkbox[data-task='"'], .CG-custom-checkbox ul>li.task-list-item[data-task='"'] .task-list-item-checkbox {
background-color: tan;
border: 1px solid tan;
box-shadow: 0 0 5px tan, 0 0 10px tan, 0 0 15px tan;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='Q']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='Q'] .task-list-item-checkbox:hover,
.CG-custom-checkbox .task-list-item-checkbox[data-task='"']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='"'] .task-list-item-checkbox:hover {
background-color: rgb(183, 156, 122);
border: 1px solid rgb(183, 156, 122);
}
.CG-custom-checkbox [data-task='Q'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='Q'][type='checkbox']:checked:after,
.CG-custom-checkbox [data-task='"'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='"'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M9.646 11.146c1.387-1.386 2.008-2.76 2.24-4.352A2 2 0 1 1 13 5c-.001 2.592-.528 4.734-2.647 6.854a.5.5 0 0 1-.708-.708Zm-6 0c1.387-1.386 2.009-2.76 2.24-4.352A2 2 0 1 1 7 5c-.001 2.592-.528 4.734-2.647 6.854a.5.5 0 0 1-.708-.708Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='P'], .CG-custom-checkbox ul>li.task-list-item[data-task='P'] .task-list-item-checkbox,
.CG-custom-checkbox .task-list-item-checkbox[data-task='p'], .CG-custom-checkbox ul>li.task-list-item[data-task='p'] .task-list-item-checkbox {
background-color: limegreen;
border: 1px solid limegreen;
box-shadow: 0 0 5px limegreen, 0 0 10px limegreen, 0 0 15px limegreen;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='P']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='P'] .task-list-item-checkbox:hover,
.CG-custom-checkbox .task-list-item-checkbox[data-task='p']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='p'] .task-list-item-checkbox:hover {
background-color: rgb(45, 184, 45);
border: 1px solid rgb(45, 184, 45);
}
.CG-custom-checkbox [data-task='P'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='P'][type='checkbox']:checked:after,
.CG-custom-checkbox [data-task='p'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='p'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M15.056 9.004c.46-1.427.693-2.677.693-3.754c0-2.398-.939-4.247-2.5-4.247c-.847 0-1.109.504-1.437 1.747c.018-.065-.163.634-.215.821c-.101.359-.277.97-.527 1.831a.247.247 0 0 1-.03.065L8.174 9.953a5.885 5.885 0 0 1-2.855 2.326l-1.257.482a1.75 1.75 0 0 0-1.092 1.967l.686 3.539a2.25 2.25 0 0 0 1.673 1.757l8.25 2.022a4.75 4.75 0 0 0 5.733-3.44l1.574-6.173a2.75 2.75 0 0 0-2.665-3.43h-3.165Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='C'], .CG-custom-checkbox ul>li.task-list-item[data-task='C'] .task-list-item-checkbox,
.CG-custom-checkbox .task-list-item-checkbox[data-task='c'], .CG-custom-checkbox ul>li.task-list-item[data-task='c'] .task-list-item-checkbox {
background-color: crimson;
border: 1px solid crimson;
box-shadow: 0 0 5px crimson, 0 0 10px crimson, 0 0 15px crimson;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='C']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='C'] .task-list-item-checkbox:hover,
.CG-custom-checkbox .task-list-item-checkbox[data-task='c']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='c'] .task-list-item-checkbox:hover {
background-color: rgb(194, 19, 54);
border: 1px solid rgb(194, 19, 54);
}
.CG-custom-checkbox [data-task='C'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='C'][type='checkbox']:checked:after,
.CG-custom-checkbox [data-task='c'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='c'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M15.056 14.183c.46 1.427.693 2.676.693 3.753c0 2.398-.939 4.247-2.5 4.247c-.8 0-1.078-.45-1.383-1.546l-.27-1.022c-.1-.358-.276-.97-.526-1.83a.247.247 0 0 0-.03-.066l-2.866-4.485a5.885 5.885 0 0 0-2.855-2.327l-1.257-.481A1.75 1.75 0 0 1 2.97 8.458l.686-3.538a2.25 2.25 0 0 1 1.673-1.758l8.25-2.021a4.75 4.75 0 0 1 5.733 3.44l1.574 6.172a2.75 2.75 0 0 1-2.665 3.43h-3.165Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='u'], .CG-custom-checkbox ul>li.task-list-item[data-task='u'] .task-list-item-checkbox {
background-color: lawngreen;
border: 1px solid lawngreen;
box-shadow: 0 0 5px lawngreen, 0 0 10px lawngreen, 0 0 15px lawngreen;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='u']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='u'] .task-list-item-checkbox:hover {
background-color: rgb(112, 222, 3);
border: 1px solid rgb(112, 222, 3);
}
.CG-custom-checkbox [data-task='u'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='u'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="m8.75 4l4.548.001l.108.015l.113.033l.102.048l.038.023l.049.035l.076.067l.084.101l.059.1l.041.105l.023.097l.01.125v4.504a.75.75 0 0 1-1.493.102l-.006-.102L12.5 6.56l-4.22 4.223a.75.75 0 0 1-.978.073l-.084-.073L5.75 9.31l-2.469 2.47a.75.75 0 0 1-1.133-.977l.073-.084l2.998-3a.75.75 0 0 1 .977-.073l.084.073l1.47 1.474L11.441 5.5H8.75a.75.75 0 0 1-.743-.648L8 4.75A.75.75 0 0 1 8.75 4Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='d'], .CG-custom-checkbox ul>li.task-list-item[data-task='d'] .task-list-item-checkbox {
background-color: firebrick;
border: 1px solid firebrick;
box-shadow: 0 0 5px firebrick, 0 0 10px firebrick, 0 0 15px firebrick;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='d']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='d'] .task-list-item-checkbox:hover {
background-color: rgb(197, 38, 38);
border: 1px solid rgb(197, 38, 38);
}
.CG-custom-checkbox [data-task='d'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='d'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="m8.75 12l4.548-.001l.108-.015l.113-.033l.102-.048l.038-.023l.049-.035l.076-.067l.084-.101l.059-.1l.041-.105l.023-.098l.01-.124V6.746a.75.75 0 0 0-1.493-.102l-.006.102L12.5 9.44L8.28 5.217a.75.75 0 0 0-.978-.073l-.084.073L5.75 6.69L3.28 4.219a.75.75 0 0 0-1.133.977l.073.084l2.998 3a.75.75 0 0 0 .977.073l.084-.073L7.75 6.807l3.691 3.693H8.75a.75.75 0 0 0-.743.648L8 11.25c0 .414.336.75.75.75Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='<'], .CG-custom-checkbox ul>li.task-list-item[data-task='<'] .task-list-item-checkbox {
background-color: cornflowerblue;
border: 1px solid cornflowerblue;
box-shadow: 0 0 5px cornflowerblue, 0 0 10px cornflowerblue, 0 0 15px cornflowerblue;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='<']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='<'] .task-list-item-checkbox:hover {
background-color: rgb(91, 132, 208);
border: 1px solid rgb(91, 132, 208);
}
.CG-custom-checkbox [data-task='<'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='<'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="m12.815 12.197l-7.532 1.255a.5.5 0 0 0-.386.318L2.3 20.728c-.248.64.421 1.25 1.035.942l7.674-3.837a6.5 6.5 0 0 1 10.589-5.38a.752.752 0 0 0-.263-1.124l-18-9c-.614-.307-1.283.303-1.035.942l2.598 6.958a.5.5 0 0 0 .386.318l7.532 1.255a.2.2 0 0 1 0 .395ZM17.5 12a5.5 5.5 0 1 1 0 11a5.5 5.5 0 0 1 0-11Zm2 5.5h-2V15a.5.5 0 0 0-1 0v3a.5.5 0 0 0 .5.5h2.5a.5.5 0 0 0 0-1Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='*'], .CG-custom-checkbox ul>li.task-list-item[data-task='*'] .task-list-item-checkbox {
background-color: yellow;
border: 1px solid yellow;
box-shadow: 0 0 5px yellow, 0 0 10px yellow, 0 0 15px yellow;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='*']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='*'] .task-list-item-checkbox:hover {
background-color: rgb(224, 224, 3);
border: 1px solid rgb(224, 224, 3);
}
.CG-custom-checkbox [data-task='*'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='*'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M9.104 2.9a1 1 0 0 1 1.794 0l1.93 3.91l4.317.628a1 1 0 0 1 .554 1.706l-3.124 3.044l.738 4.3a1 1 0 0 1-1.451 1.054l-3.86-2.03l-3.862 2.03a1 1 0 0 1-1.45-1.055l.737-4.299l-3.124-3.044a1 1 0 0 1 .554-1.706l4.317-.627l1.93-3.912ZM4.39 12.687a.5.5 0 0 1-.078.703l-2.5 2a.5.5 0 1 1-.624-.781l2.5-2a.5.5 0 0 1 .702.078ZM4.312 5.11a.5.5 0 1 1-.624.78l-2.5-2a.5.5 0 1 1 .624-.78l2.5 2Zm11.297 7.578a.5.5 0 0 0 .079.703l2.5 2a.5.5 0 1 0 .624-.781l-2.5-2a.5.5 0 0 0-.703.078Zm.079-7.578a.5.5 0 0 0 .624.78l2.5-2a.5.5 0 1 0-.624-.78l-2.5 2Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='l'], .CG-custom-checkbox ul>li.task-list-item[data-task='l'] .task-list-item-checkbox {
background-color: palegreen;
border: 1px solid palegreen;
box-shadow: 0 0 5px palegreen, 0 0 10px palegreen, 0 0 15px palegreen;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='l']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='l'] .task-list-item-checkbox:hover {
background-color: rgb(129, 213, 129);
border: 1px solid rgb(129, 213, 129);
}
.CG-custom-checkbox [data-task='l'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='l'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M7.318 6.5c.168-.873.397-1.657.67-2.32c.301-.733.648-1.294 1.008-1.663C9.354 2.149 9.693 2 10 2c.307 0 .646.149 1.004.517c.36.37.707.93 1.008 1.663c.273.663.502 1.447.67 2.32H7.318Zm-.255-2.7a7.188 7.188 0 0 1 .827-1.52A8.02 8.02 0 0 0 2.804 6.5h3.497c.182-1.007.441-1.922.762-2.7Zm5.874 0a7.19 7.19 0 0 0-.827-1.519A8.02 8.02 0 0 1 17.196 6.5h-3.497c-.182-1.007-.441-1.922-.762-2.7Zm.913 3.7h3.752c.234.712.37 1.468.394 2.253a4.39 4.39 0 0 0-2.495-.752c-.54 0-1.048.09-1.514.255A20.147 20.147 0 0 0 13.85 7.5Zm-.851 2.258a19.325 19.325 0 0 0-.157-2.258H7.158A19.438 19.438 0 0 0 7 10c0 .875.056 1.714.158 2.5h3.982c.272-1.128.93-2.109 1.859-2.742ZM11.003 13.5H7.318c.168.873.397 1.657.67 2.32c.301.733.648 1.294 1.008 1.663c.358.368.697.517 1.004.517c.307 0 .646-.149 1.004-.517c.254-.26.502-.617.732-1.063c-.491-.934-.736-1.87-.736-2.738l.003-.182Zm-8.199 0a8.02 8.02 0 0 0 5.087 4.219a7.187 7.187 0 0 1-.828-1.518c-.32-.78-.58-1.694-.762-2.701H2.804Zm3.346-1H2.398A7.992 7.992 0 0 1 2 10c0-.873.14-1.713.398-2.5H6.15C6.052 8.295 6 9.134 6 10c0 .866.052 1.705.15 2.5ZM19 13.682c0-2.033-1.465-3.681-3.499-3.681c-2.033 0-3.501 1.648-3.501 3.681c0 1.524.982 3.53 3.256 5.236c.145.11.345.11.49 0C18.022 17.212 19 15.206 19 13.682Zm-2-.182a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='S'], .CG-custom-checkbox ul>li.task-list-item[data-task='S'] .task-list-item-checkbox {
background-color: lightcoral;
border: 1px solid lightcoral;
box-shadow: 0 0 5px lightcoral, 0 0 10px lightcoral, 0 0 15px lightcoral;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='S']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='S'] .task-list-item-checkbox:hover {
background-color: rgb(200, 107, 107);
border: 1px solid rgb(200, 107, 107);
}
.CG-custom-checkbox [data-task='S'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='S'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M13.973 7.722c.018.173.027.354.027.545c0 1.297-.452 2.169-.89 2.715a3.603 3.603 0 0 1-.603.596a2.61 2.61 0 0 1-.236.162l-.009.005a.5.5 0 0 0-.262.44V13.5a.5.5 0 0 1-.5.5H11a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1h-.5a.5.5 0 0 1-.5-.5v-.603a.5.5 0 0 0-.45-.498a2.855 2.855 0 0 1-.464-.143a3.16 3.16 0 0 1-1.063-.707c-.443-.45-.714-1.042-.86-1.453c-.143-.409-.471-.779-.94-.911A.307.307 0 0 1 2 8.89v-.794a.29.29 0 0 1 .21-.279c.485-.139.809-.531.946-.945c.112-.34.31-.776.632-1.103a4.818 4.818 0 0 1 1.262-.906c.039-.02.07-.034.09-.043l.02-.01l.004-.001a.5.5 0 0 0 .303-.46V2.675a7.2 7.2 0 0 0 .7.527c.317.208.687.405 1.074.51c.114-.328.27-.64.464-.928h-.006c-.279-.029-.62-.18-.985-.419a7.02 7.02 0 0 1-.94-.757a.774.774 0 0 0-.827-.15a.76.76 0 0 0-.48.704v1.877a6.09 6.09 0 0 0-1.39 1.028c-.477.482-.736 1.084-.87 1.491c-.056.167-.168.268-.272.297A1.29 1.29 0 0 0 1 8.095v.795c0 .585.389 1.098.951 1.257a.43.43 0 0 1 .27.281c.166.472.498 1.223 1.09 1.823A4.158 4.158 0 0 0 5 13.287v.213A1.5 1.5 0 0 0 6.5 15H7a1 1 0 0 0 1-1h2a1 1 0 0 0 1 1h.5a1.5 1.5 0 0 0 1.5-1.5v-1.043a4.61 4.61 0 0 0 .89-.85c.562-.7 1.11-1.788 1.11-3.34c0-.65-.092-1.232-.27-1.752a4.01 4.01 0 0 1-.757 1.207Zm-.182-3.847a3.001 3.001 0 0 1-.91 3.502c-.417.329-.988.304-1.478.1l-2.39-.989c-.49-.203-.912-.589-.974-1.116a3.001 3.001 0 0 1 5.752-1.497Zm-1.53 2.717a2.001 2.001 0 1 0-3.228-1.337c.002.02.01.057.066.116a.87.87 0 0 0 .297.193l2.39.99a.84.84 0 0 0 .347.073c.08-.002.113-.023.128-.035ZM5.75 7.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='k'], .CG-custom-checkbox ul>li.task-list-item[data-task='k'] .task-list-item-checkbox {
background-color: steelblue;
border: 1px solid steelblue;
box-shadow: 0 0 5px steelblue, 0 0 10px steelblue, 0 0 15px steelblue;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='k']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='k'] .task-list-item-checkbox:hover {
background-color: rgb(80, 149, 206);
border: 1px solid rgb(80, 149, 206);
}
.CG-custom-checkbox [data-task='k'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='k'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cg fill="currentColor"%3E%3Cpath d="M11 6a1 1 0 1 0 0-2a1 1 0 0 0 0 2Z"%2F%3E%3Cpath d="M7.5 12v-.5h1A.5.5 0 0 0 9 11v-1h1a4 4 0 1 0-3.838-2.87L2.292 11a1 1 0 0 0-.292.707V13a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-.5h1a.5.5 0 0 0 .5-.5ZM7 6a3 3 0 1 1 3 3H8.5a.5.5 0 0 0-.5.5v1H7a.5.5 0 0 0-.5.5v.5h-1a.5.5 0 0 0-.5.5v1H3v-1.293l4.089-4.089a.5.5 0 0 0 .113-.534C7.072 6.748 7 6.384 7 6Z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='w'], .CG-custom-checkbox ul>li.task-list-item[data-task='w'] .task-list-item-checkbox {
background-color: darkorange;
border: 1px solid darkorange;
box-shadow: 0 0 5px darkorange, 0 0 10px darkorange, 0 0 15px darkorange;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='w']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='w'] .task-list-item-checkbox:hover {
background-color: rgb(216, 120, 1);
border: 1px solid rgb(216, 120, 1);
}
.CG-custom-checkbox [data-task='w'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='w'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M3.999 3h-.503a1.5 1.5 0 0 0-1.5 1.5v1c0 1.252.922 2.288 2.122 2.471a4.004 4.004 0 0 0 3.381 2.998V12h-1.5a2 2 0 0 0-2 2v.504a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V14a2 2 0 0 0-2-2h-1.5v-1.03a4.004 4.004 0 0 0 3.381-3A2.501 2.501 0 0 0 14 5.5v-1A1.5 1.5 0 0 0 12.5 3H12a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2Zm8 1h.5a.5.5 0 0 1 .5.5v1a1.5 1.5 0 0 1-1 1.414V4Zm-8 0v2.915A1.502 1.502 0 0 1 2.996 5.5v-1a.5.5 0 0 1 .5-.5H4Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='f'], .CG-custom-checkbox ul>li.task-list-item[data-task='f'] .task-list-item-checkbox {
background-color: orangered;
border: 1px solid orangered;
box-shadow: 0 0 5px orangered, 0 0 10px orangered, 0 0 15px orangered;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='f']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='f'] .task-list-item-checkbox:hover {
background-color: rgb(214, 57, 0);
border: 1px solid rgb(214, 57, 0);
}
.CG-custom-checkbox [data-task='f'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='f'][type='checkbox']:checked:after {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M4 14q0-2.625 1.25-4.675T8 5.875q1.5-1.4 2.75-2.138L12 3v3.3q0 .925.625 1.462q.625.538 1.4.538q.425 0 .813-.175q.387-.175.712-.575L16 7q1.8 1.05 2.9 2.912Q20 11.775 20 14q0 2.2-1.075 4.012q-1.075 1.813-2.825 2.863q.425-.6.663-1.313Q17 18.85 17 18.05q0-1-.375-1.887q-.375-.888-1.075-1.588L12 11.1l-3.525 3.475q-.725.725-1.1 1.6Q7 17.05 7 18.05q0 .8.238 1.512q.237.713.662 1.313q-1.75-1.05-2.825-2.863Q4 16.2 4 14Zm8-.1l2.125 2.075q.425.425.65.95q.225.525.225 1.125q0 1.225-.875 2.087Q13.25 21 12 21t-2.125-.863Q9 19.275 9 18.05q0-.575.225-1.112q.225-.538.65-.963Z"%2F%3E%3C%2Fsvg%3E');
-webkit-mask-size: 100%;
}
/*========== Mobile UI =============*/
/*Fixes strange tiny next/prev buttons on finder for PDF*/
.is-phone .pdf-findbar .pdf-toolbar-button{
padding:3px;
}
/*Readapts scroller editor*/
body.is-phone .markdown-source-view.mod-cm6 .cm-scroller::-webkit-scrollbar-track {
margin-bottom: 48px;
}
/*Fixes the offset for header title for note*/
.is-mobile .view-header-title-container {
padding-left: 0px;
}
/*Corrects Scrollbar height for edit/preview new view*/
.is-mobile .workspace-leaf-content[data-type='markdown'] .view-content ::-webkit-scrollbar-track {
margin-bottom: 34px;
margin-top:50px;
}
/*Shifts body for new style in markdown only for Mobile*/
.is-mobile .workspace-leaf-content[data-type="markdown"] .markdown-preview-view.is-readable-line-width .markdown-preview-sizer{
margin-top:50px;
}
.is-mobile .view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller{
padding-top:60px;
}
/*Sets style for header in markdown only*/
.workspace-leaf-content[data-type="markdown"] .view-header {
position: absolute;
width: 100%;
background: var(--background-tertiary);
--webkit-backdrop-filter: blur 120px;
backdrop-filter: blur(18px);
z-index: 90 !important;
border-radius: 5px 5px 0 0;
}
/*On phone brighter text color*/
.is-phone .suggestion-item, .is-phone .menu-item, .is-phone .menu-item-icon, .is-mobile .tree-item .tree-item-self,
.mobile-toolbar-option{
color: var(--text-accent);
}
/*On phone icon in file tree text color*/
body.is-phone .workspace-leaf-content[data-type="file-explorer"] .nav-file-title .nav-file-title-content::before,
body.is-phone .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title .nav-folder-title-content::before{
background-color: var(--text-accent);
}
/*Sets Spacing of items on nav bar*/
.mobile-navbar-actions {
justify-content: space-around;
}
/*Bottom Nav Styled*/
.mobile-navbar-actions,
.is-phone .workspace-drawer .nav-header {
border-bottom: 2px solid;
border-top: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Unique Menu Style*/
.is-mobile .menu, .theme-dark.is-mobile .prompt, .is-mobile .prompt {
background: var(--background-settings);
border-radius: 3px;
border-image-slice: 1;
border-top: 2px solid;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 2px solid;
}
/*Styles text search on mobile*/
.is-mobile .workspace-leaf-content[data-type="markdown"] .document-search-container {
width: 100%;
position:absolute;
background: var(--background-tertiary);
--webkit-backdrop-filter: blur 120px;
backdrop-filter: blur(18px);
margin-top:50px;
}
/*Bumps down content for text search.is-mobile .document-sear in preview*/
.is-mobile .document-search-container ~ .markdown-preview-view {
margin-top:60px;
}
/*Bumps down content for text search in editor*/
.is-mobile .document-search-container ~ .cm-editor{
padding-top:60px !important;
}
/*Bumps down content for text search and replace in editor*/
.is-mobile .document-search-container.mod-replace-mode ~ .cm-editor{
margin-top:60px;
}
/*Sets appropriate spacings between header, Finder and replacer*/
.is-mobile .document-search, .is-mobile .document-replace{
margin-top: 10px;
}
/*Adds a blur effect to PDF thumbnail container on mobile*/
.is-mobile .pdf-content-container.sidebarOpen .pdf-sidebar-container {
backdrop-filter: blur(8px);
}
/*"Float Phone Menu "*/
.is-phone .menu{
top: 20%!important;
}
/*Sets the color for toolbar style*/
.mobile-toolbar-option:active {
background: var(--text-selection);
border-image-slice: 1;
border-right: 1px solid;
border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
border-left: 1px solid;
border-radius: var(--radius-s);
padding-top:3px;
padding-bottom:3px;
}
/*Mobile Navigation Bar (bottom)*/
.mobile-navbar {
backdrop-filter: blur(18px);
background: var(--background-tertiary);
background-attachment: fixed !important;
}
/*Edit Mode Toolbar*/
.mobile-toolbar-options-container {
padding: 26px 10px;
align-items: center;
z-index: 90;
backdrop-filter: blur(18px);
background: var(--background-settings);
background-attachment: fixed !important;
position: absolute;
bottom: 0px;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-top: 2px solid;
}
/*Fixes misaligned bullet points in mobile preview*/
.is-mobile .markdown-rendered .list-collapse-indicator{
margin-left:-2.5em;
}
/*Mobile and Notice Style*/
.pull-action.mod-activated, .pull-action, .is-phone .notice {
background: var(--background-tertiary);
--webkit-backdrop-filter: blur 120px;
backdrop-filter: blur(18px);
z-index: 90 !important;
border-radius: 5px 5px 0 0;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 1px solid;
border-top: 1px solid;
border-radius: var(--radius-s);
color: var(--text-normal);
}
/*--------------- Mobile UI: Sidepanel -----------------*/
/*On Phone side panels are full screen*/
.is-phone .workspace-drawer.mod-left, .is-phone .workspace-drawer.mod-right {
border-radius: 0px;
min-width: -webkit-fill-available;
backdrop-filter: blur(16px);
}
/*Corrects the file Search location */
.is-mobile .search-row{
margin-top: 57px;
border-radius: 0px;
}
/*Change background for parameter, search row and search info*/
.is-phone .search-params, .is-phone .search-row, .search-results-info {
background: var(--background-settings);
}
/*Background for sidepanels*/
.is-phone .theme-dark .workspace-drawer-inner, .is-phone .workspace-drawer-inner {
background: var(--background-primary);
}
/*Colors uncolored text*/
.workspace-drawer-header-info, .workspace-drawer-header-name-text, .workspace-drawer-tab-option-item-title, .workspace-drawer-active-tab-title,
.workspace-drawer-active-tab-icon, .workspace-drawer-tab-option-item-icon {
color: var(--text-accent);
}
/*Styles active tab header in side panel*/
.is-mobile .workspace-drawer-active-tab-header {
z-index: 90;
backdrop-filter: blur(18px);
background: var(--background-settings);
background-attachment: fixed;
position: absolute;
width: -webkit-fill-available;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 2px solid;
}
/*Corrects the view from the style above*/
.is-mobile .workspace-drawer-active-tab-container .workspace-drawer-active-tab-content .nav-files-container, .is-mobile .tag-container {
padding-top: 60px;
margin-bottom: -50px;
padding-bottom: 60px;
backdrop-filter: blur(18px);
}
/*Sidepanel Scrollbar re-positioning*/
body.is-mobile .nav-files-container::-webkit-scrollbar-track, .is-mobile .tag-container::-webkit-scrollbar-track {
margin-top: 55px;
margin-bottom: 40px;
}
/*Sidepanel top header*/
.is-mobile .workspace-drawer-header {
border-top: 2px solid;
border-bottom: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
background: var(--background-settings);
}
/*Corrects view for outline*/
.is-mobile .workspace-drawer-active-tab-content .outline {
padding-top: 60px;
}
/*Colors Right Hand Icons in Header for sidepanel*/
.is-mobile .workspace-drawer-active-tab-back-icon, .is-mobile .workspace-drawer-active-tab-icon:last-child, .is-mobile .workspace-drawer-header-icon {
color: var(--text-faint);
}
/*Sidepanel Tabs and Vault Name spacing, */
.is-mobile .workspace-drawer-tab-option-item, .is-mobile .workspace-drawer-header-switcher {
padding: 3px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
/*Sidepanel Tabs, Vault Name, Settings Button and Sub header panels style on Active*/
.is-mobile .workspace-drawer-tab-option-item:active, .is-mobile .workspace-drawer-header-switcher:active, .is-mobile .workspace-drawer-header-icon:active,
.workspace-drawer-header-icon:active, .workspace-drawer-active-tab-icon:active, .workspace-drawer-active-tab-back-icon:active,
.workspace-drawer-active-tab-title:active {
background: var(--text-selection);
color: var(--text-accent);
box-shadow: 0 0 0 transparent;
border-image-slice: 1;
border-top: 1px solid;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 1px solid;
border-radius: var(--radius-s);
}
/*Sub header side panel spacing*/
.workspace-drawer-active-tab-icon, .workspace-drawer-active-tab-back-icon, .workspace-drawer-active-tab-title {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
padding: 1px;
}
/*Spacing for Settings Button*/
.is-mobile .workspace-drawer-header-icon{
padding-top: var(--size-2-2);
padding-left: 5px;
padding-right: 5px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
/*Bottom nav Style*/
.is-mobile .workspace-drawer .nav-header {
background: var(--background-tertiary);
background-attachment: fixed !important;
z-index: 1;
}
/*Fixed Kanban Board View*/
.is-mobile .kanban-plugin__board{
margin-bottom: 50px;
}
/*Removes unnecessary background color*/
.is-phone .workspace-split.mod-root .view-content{
background-color: transparent;
}
.is-mobile .tree-item-self.nav-file-title.is-active{
background: var(--text-selection);
}
/*Fixes Backlinks view for styled header*/
.is-mobile .workspace-leaf-content[data-type='backlink'] .view-content,.is-mobile .workspace-leaf-content[data-type='outgoing-link'] .view-content {
margin-top:60px
}
/*Fix missing active style*/
.is-phone .clickable-icon.has-active-menu{
background-color: var(--text-selection);
}
/*---------------- Mobile: Settings -----------------------*/
/*Colors group title in Settings*/
.is-phone .vertical-tab-header-group-title, .is-phone .setting-item-heading .setting-item-name {
color: var(--text-accent);
padding-bottom: 5px;
}
/*Styled back button in settings similar to close button*/
.is-phone .modal-setting-back-button {
color: var(--text-accent);
height:24px;
top: calc(var(--safe-area-inset-top) + 9px);
left: var(--size-4-5);
padding: 2px 0px 5px 5px;
border-radius: var(--radius-s);
}
/*Styled back button on hover*/
.is-phone .modal-setting-back-button:active {
background: var(--text-selection);
}
/*Settings header style*/
.is-phone .modal.mod-sidebar-layout .modal-title {
z-index: 90;
backdrop-filter: blur(18px);
background: var(--background-tertiary);
background-attachment: fixed !important;
position: absolute;
width: -webkit-fill-available;
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 2px solid;
border-top: 2px solid;
}
/*Resets scroll bar for Settings header style*/
.is-phone .modal.mod-settings .vertical-tab-header::-webkit-scrollbar-track {
margin-top: 50px;
}
/*Resets scroll bar for Settings header style in settings pages*/
.is-phone .modal.mod-settings .vertical-tab-content::-webkit-scrollbar-track {
margin-top: 5px;
}
/*Spacing for styled Settings header*/
.is-phone .modal.mod-settings .vertical-tab-header {
padding-top: 50px;
}
/*Colors settings nav item list on phone*/
.is-phone .modal.mod-settings .vertical-tab-nav-item,
.is-phone.theme-dark .modal.mod-settings .vertical-tab-nav-item {
background-color: var(--background-settings-alt);
border-bottom: 1px solid transparent;
color: var(--text-accent);
}
/*Styles settings list when active settings nav item list on phone*/
.is-phone .modal.mod-settings .vertical-tab-nav-item:active,
.is-phone .modal.mod-settings .vertical-tab-nav-item.is-active{
background: var(--text-selection);
border-top: 1px solid;
}
/*Colors settings items background*/
.is-phone .modal .setting-item {
background-color: var(--background-settings-alt);
}
/*Spacing for styled Settings pages*/
.is-phone .modal.mod-settings .vertical-tab-content {
margin-top: 40px;
}
/*brings close button to the front for styled headers*/
.is-phone .modal.mod-lg .modal-close-button,
.is-phone .modal.mod-sidebar-layout .modal-close-button {
z-index: 100;
}
/*Removes breadcrumps if enabled*/
.CG-header-crumbs.is-phone .view-header-title-parent {
display: none;
}
/*Bumps down community controls for full view*/
.is-phone .community-modal-controls {
margin-top: 50px;
}
/*Corrects full view for community info due to styled headers*/
.is-phone .community-modal-info {
padding-top: 50px;
}
/*Removes unnecessary padding from prompt input (quick switcher etc)*/
.is-phone .prompt-input-cta {
padding: 0;
}
/*Colors input field for prompt*/
.theme-dark.is-mobile .prompt input.prompt-input, .prompt input.prompt-input {
background-color: var(--background-settings-2);
padding: 1%;
border: 1px solid var(--background-settings-2);
}
/*Sets spacing for buttons on empty*/
.is-mobile .empty-state-action{
border-bottom: 2px solid transparent;
border-top: 2px solid transparent;
}
/*Sets spacing for active buttons on empty*/
.is-mobile .empty-state-action:active {
background: var(--text-selection);
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 2px solid;
border-top: 2px solid;
}
/*Corrects coloring on Bookmark icon*/
.view-action.mod-bookmark{
color:var(--activetab-faint);
}
/*------------- Tablet -------------------*/
/*Adds some nice blur in the sidepanel panes*/
.is-tablet .workspace-drawer-tab-container > *, .is-tablet .workspace-drawer-ribbon{
backdrop-filter: blur(18px);
}
/*Minor Spacings in tablet tab header*/
.is-tablet .sidebar-toggle-button.mod-left {
padding-right: 5px;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
}
/*Style Tablet Settings*/
.is-tablet .modal.mod-settings .modal-content {
border-image-slice: 1;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
border-bottom: 3px solid;
border-top: 3px solid;
}
/*Sets hover on tablet*/
.is-tablet .clickable-icon:hover{
background-color: var(--text-selection);
}
/*Sets hover and active background color on tablet*/
body:not(.is-grabbing).is-tablet .tree-item-self.is-clickable:hover{
background-color: var(--text-selection);
}
body:not(.is-grabbing).is-tablet .tree-item-self.is-clickable:active{
background-color: var(--color-accent-active);
}
/*Removes the useless color overlay when translucency is enabled */
body.is-frameless.is-hidden-frameless .titlebar{
background:transparent;
}
.workspace-tabs:not( .mod-top) .workspace-leaf-content, .workspace-tabs:not(.mod-top) .workspace-leaf-content, .workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-stacked) .view-content{
border-radius: 0 0 5px 5px;
}
.workspace-split:not(.mod-horizontal.mod-left-split, .mod-horizontal.mod-right-split ) .workspace-tabs:not(.mod-top) .workspace-tab-header-container{
background: transparent;
}
.workspace-split:not(.mod-horizontal.mod-left-split, .mod-horizontal.mod-right-split ) .workspace-tabs .workspace-leaf{
border-radius: 5px;
}
/*Embedded HTML height fix*/
span.internal-embed.is-loaded.node-insert-event.wb-view-content-embeded{
height:600px}
Reference in a new issue Copy permalink