diff --git a/src/scss/Info/styleSettingsConfig.scss b/src/scss/Info/styleSettingsConfig.scss index 24f05b4..4e30d8a 100644 --- a/src/scss/Info/styleSettingsConfig.scss +++ b/src/scss/Info/styleSettingsConfig.scss @@ -383,7 +383,7 @@ settings: collapsed: true - id: graph-line-color-lt - title: Graph Line Presets + title: Graph Lines Color Presets type: variable-select allowEmpty: false default: var(--background-secondary-alt) @@ -436,7 +436,7 @@ settings: id: graph-line-opacity-lt title: Graph Lines Opacity type: variable-number-slider - default: 1 + default: 0.6 min: 0 max: 1 step: 0.05 @@ -495,6 +495,14 @@ settings: format: hsl opacity: false default: '#C4C7CA' + - + id: graph-fill-opacity-lt + title: Graph Note Opacity + type: variable-number-slider + default: 1 + min: 0 + max: 1 + step: 0.05 - id: pt-graph-fill-focused-color-lt title: Graph Note Focused Color @@ -553,6 +561,14 @@ settings: format: hsl opacity: false default: '#8670FF' + - + id: graph-fill-focused-opacity-lt + title: Graph Note Focused Opacity + type: variable-number-slider + default: 1 + min: 0 + max: 1 + step: 0.05 - id: pt-graph-tag-color-lt title: Graph Tag Color @@ -608,6 +624,14 @@ settings: format: hsl opacity: false default: '#619EFF' + - + id: graph-tag-opacity-lt + title: Graph Tag Opacity + type: variable-number-slider + default: 1 + min: 0 + max: 1 + step: 0.05 - id: pt-graph-attachment-color-lt title: Graph Attachment Color @@ -663,6 +687,14 @@ settings: format: hsl opacity: false default: '#FDDB6D' + - + id: graph-attachment-opacity-lt + title: Graph Attachment Opacity + type: variable-number-slider + default: 1 + min: 0 + max: 1 + step: 0.05 - id: pt-graph-unresolved-color-lt title: Graph Unresolved Color @@ -718,6 +750,14 @@ settings: format: hsl opacity: false default: '#FF7070' + - + id: graph-unresolved-opacity-lt + title: Graph Unresolved Opacity + type: variable-number-slider + default: 1 + min: 0 + max: 1 + step: 0.05 - id: pt-graph-highlight-color-lt title: Graph Highlight Color @@ -776,6 +816,14 @@ settings: format: hsl opacity: false default: '#8670FF' + - + id: graph-highlight-opacity-lt + title: Graph Highlight Opacity + type: variable-number-slider + default: 1 + min: 0 + max: 1 + step: 0.05 - id: pt-graph-highlight-line-color-lt title: Graph Highlight Line Color @@ -834,6 +882,14 @@ settings: format: hsl opacity: false default: '#8670FF' + - + id: graph-highlight-line-opacity-lt + title: Graph Highlight Line Opacity + type: variable-number-slider + default: 0.6 + min: 0 + max: 1 + step: 0.05 - id: graph-view-dark-theme title: Dark Theme @@ -849,7 +905,7 @@ settings: collapsed: true - id: graph-line-color-dt - title: Graph Lines Presets + title: Graph Lines Color Presets type: variable-select allowEmpty: false default: var(--background-primary-alt) @@ -898,6 +954,14 @@ settings: format: hsl opacity: false default: '#C4C7CA' + - + id: graph-line-opacity-dt + title: Graph Lines Opacity + type: variable-number-slider + default: 0.6 + min: 0 + max: 1 + step: 0.05 - id: pt-graph-fill-color-dt title: Graph Note Color @@ -953,6 +1017,14 @@ settings: format: hsl opacity: false default: '#878787' + - + id: graph-fill-opacity-dt + title: Graph Note Opacity + type: variable-number-slider + default: 1 + min: 0 + max: 1 + step: 0.05 - id: pt-graph-fill-focused-color-dt title: Graph Note Focused Color @@ -1011,6 +1083,14 @@ settings: format: hsl opacity: false default: '#4C3AB6' + - + id: graph-fill-focused-opacity-dt + title: Graph Note Focused Opacity + type: variable-number-slider + default: 1 + min: 0 + max: 1 + step: 0.05 - id: pt-graph-tag-color-dt title: Graph Tag Color @@ -1066,6 +1146,14 @@ settings: format: hsl opacity: false default: '#3663AB' + - + id: graph-tag-opacity-dt + title: Graph Tag Opacity + type: variable-number-slider + default: 1 + min: 0 + max: 1 + step: 0.05 - id: pt-graph-attachment-color-dt title: Graph Attachment Color @@ -1121,6 +1209,14 @@ settings: format: hsl opacity: false default: '#AF943C' + - + id: graph-attachment-opacity-dt + title: Graph Attachment Opacity + type: variable-number-slider + default: 1 + min: 0 + max: 1 + step: 0.05 - id: pt-graph-unresolved-color-dt title: Graph Unresolved Color @@ -1176,6 +1272,14 @@ settings: format: hsl opacity: false default: '#B63A3A' + - + id: graph-unresolved-opacity-dt + title: Graph Unresolved Opacity + type: variable-number-slider + default: 1 + min: 0 + max: 1 + step: 0.05 - id: pt-graph-highlight-color-dt title: Graph Highlight Color @@ -1235,7 +1339,15 @@ settings: opacity: false default: '#4C3AB6' - - id: pt-graph-highlight-line-color-lt + id: graph-highlight-opacity-dt + title: Graph Highlight Opacity + type: variable-number-slider + default: 1 + min: 0 + max: 1 + step: 0.05 + - + id: pt-graph-highlight-line-color-dt title: Graph Highlight Line Color description: The color of the lines connected to a highlighted Graph Node. type: heading @@ -1292,6 +1404,14 @@ settings: format: hsl opacity: false default: '#4C3AB6' + - + id: graph-highlight-line-opacity-dt + title: Graph Highlight Line Opacity + type: variable-number-slider + default: 0.6 + min: 0 + max: 1 + step: 0.05 - id: custom-vault-banner title: Custom Vault Banner diff --git a/src/scss/Plugins/Core/graph.scss b/src/scss/Plugins/Core/graph.scss index 8c632d4..54502a1 100644 --- a/src/scss/Plugins/Core/graph.scss +++ b/src/scss/Plugins/Core/graph.scss @@ -76,34 +76,42 @@ .theme-light { .graph-view.color-line { color: var(--graph-line-color-lt); + opacity: var(--graph-line-opacity-lt); } .graph-view.color-fill { color: var(--graph-fill-color-lt); + opacity: var(--graph-fill-opacity-lt); } .graph-view.color-fill-focused { color: var(--graph-fill-focused-color-lt); + opacity: var(--graph-fill-focused-opacity-lt); } .graph-view.color-fill-tag { color: var(--graph-tag-color-lt); + opacity: var(--graph-tag-opacity-lt); } .graph-view.color-fill-attachment { color: var(--graph-attachment-color-lt); + opacity: var(--graph-attachment-opacity-lt); } .graph-view.color-fill-unresolved { color: var(--graph-unresolved-color-lt); + opacity: var(--graph-unresolved-opacity-lt); } .graph-view.color-fill-highlight { color: var(--graph-highlight-color-lt); + opacity: var(--graph-highlight-opacity-lt); } .graph-view.color-line-highlight { color: var(--graph-highlight-line-color-lt); + opacity: var(--graph-highlight-line-opacity-lt); } } @@ -111,33 +119,41 @@ .theme-dark { .graph-view.color-line { color: var(--graph-line-color-dt); + opacity: var(--graph-line-opacity-dt); } .graph-view.color-fill { color: var(--graph-fill-color-dt); + opacity: var(--graph-fill-opacity-dt); } .graph-view.color-fill-focused { color: var(--graph-fill-focused-color-dt); + opacity: var(--graph-fill-focused-opacity-dt); } .graph-view.color-fill-tag { color: var(--graph-tag-color-dt); + opacity: var(--graph-tag-opacity-dt); } .graph-view.color-fill-attachment { color: var(--graph-attachment-color-dt); + opacity: var(--graph-attachment-opacity-dt); } .graph-view.color-fill-unresolved { color: var(--graph-unresolved-color-dt); + opacity: var(--graph-unresolved-opacity-dt); } .graph-view.color-fill-highlight { color: var(--graph-highlight-color-dt); + opacity: var(--graph-highlight-opacity-dt); } .graph-view.color-line-highlight { color: var(--graph-highlight-line-color-dt); + opacity: var(--graph-highlight-line-opacity-dt); } } \ No newline at end of file