Skip to content

Commit

Permalink
Added and tested Opacity Options for Graph Style Settings #148
Browse files Browse the repository at this point in the history
  • Loading branch information
@damiankorcz
damiankorcz committed Feb 1, 2024
1 parent 1aa0990 commit 399639d
Show file tree
Hide file tree
Showing 2 changed files with 140 additions and 4 deletions.
128 changes: 124 additions & 4 deletions src/scss/Info/styleSettingsConfig.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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)
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand All @@ -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)
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down
16 changes: 16 additions & 0 deletions src/scss/Plugins/Core/graph.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -76,68 +76,84 @@
.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);
}
}

// [Plugins - Core] Graph DT
.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);
}
}

0 comments on commit 399639d

Please sign in to comment.