diff options
author | Simon L <szaimen@e.mail.de> | 2023-05-12 17:49:46 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-05-12 17:49:46 +0200 |
commit | e88226953724196892f05129f646b4d7983887a2 (patch) | |
tree | 2573219d6f151129699db1a3a34c252610c9efd2 | |
parent | a1889d1a2dc4a67411b3eae7eb75b3aa2db0bed5 (diff) | |
parent | a53177df51206bdf8bba1bf79846552a15982b94 (diff) |
Merge pull request #3376 from nextcloud/enh/noid/use-primary-element
Use the color-primary-element* variables
-rw-r--r-- | src/components/ChartTemplate.vue | 4 | ||||
-rw-r--r-- | src/components/EntityPicker/EntitySearchResult.vue | 4 | ||||
-rw-r--r-- | src/components/OrgChart.vue | 2 |
3 files changed, 5 insertions, 5 deletions
diff --git a/src/components/ChartTemplate.vue b/src/components/ChartTemplate.vue index c52147cf..1f3210ed 100644 --- a/src/components/ChartTemplate.vue +++ b/src/components/ChartTemplate.vue @@ -109,13 +109,13 @@ export default { } .inner-box-highlight { - border: 2px solid var(--color-primary) !important; + border: 2px solid var(--color-primary-element) !important; } .panel { width: 100%; margin: -34px -1px 0 -1px; - background-color: var(--color-primary); + background-color: var(--color-primary-element); height: 15px; border-top-left-radius: var(--border-radius-large); border-top-right-radius: var(--border-radius-large); diff --git a/src/components/EntityPicker/EntitySearchResult.vue b/src/components/EntityPicker/EntitySearchResult.vue index 62a8869f..498471e9 100644 --- a/src/components/EntityPicker/EntitySearchResult.vue +++ b/src/components/EntityPicker/EntitySearchResult.vue @@ -100,7 +100,7 @@ $icon-margin: math.div($clickable-area - $icon-size, 2); white-space: nowrap; text-overflow: ellipsis; pointer-events: none; - color: var(--color-primary); + color: var(--color-primary-element); box-shadow: none !important; line-height: $clickable-area; @@ -130,7 +130,7 @@ $icon-margin: math.div($clickable-area - $icon-size, 2); &:focus { ::v-deep .user-bubble__content { // better visual with light default tint - background-color: var(--color-primary-light); + background-color: var(--color-primary-element-light); } } } diff --git a/src/components/OrgChart.vue b/src/components/OrgChart.vue index 87f2e233..7eedbb76 100644 --- a/src/components/OrgChart.vue +++ b/src/components/OrgChart.vue @@ -135,7 +135,7 @@ export default { }) .linkUpdate(function(d) { d3.select(this) - .attr('stroke', () => 'var(--color-primary)') + .attr('stroke', () => 'var(--color-primary-element)') .attr('stroke-width', (dRect) => dRect.data._upToTheRootHighlighted ? 2 : 1 ) |