diff options
Diffstat (limited to 'templates/@theme-base/pm-styles/_pm-circlebar.scss')
| -rw-r--r-- | templates/@theme-base/pm-styles/_pm-circlebar.scss | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/templates/@theme-base/pm-styles/_pm-circlebar.scss b/templates/@theme-base/pm-styles/_pm-circlebar.scss index 462ccd9..8cb6629 100644 --- a/templates/@theme-base/pm-styles/_pm-circlebar.scss +++ b/templates/@theme-base/pm-styles/_pm-circlebar.scss @@ -1,7 +1,10 @@ $stroke-width: 3px !default; // be careful to udpate SVG if you want to update this value +// this component is used for VPN +// and for the moment on Angular/React sidebar .circle-chart__background { - stroke: var(--bgcolor-aside-link, rgba($white,.2)); + stroke: var(--color-main-area, $pm-global-grey); + opacity: .2; stroke-width: $stroke-width; fill: transparent; } @@ -15,18 +18,19 @@ $stroke-width: 3px !default; // be careful to udpate SVG if you want to update t stroke-width: $stroke-width; fill: transparent; animation: circle-chart-fill 2s reverse; - transform: rotate(-90deg); + transform: rotate(-90deg); transform-origin: center; } -.circle-bar--global-attention .circle-chart__circle { +.circle-bar--medium .circle-chart__circle { stroke: $pm-global-attention; } -.circle-bar--global-warning .circle-chart__circle { +.circle-bar--full .circle-chart__circle { stroke: $pm-global-warning; } .circle-chart__percent { - fill: var(--color-standard-text, $white); + fill: var(--color-main-area, rgba($pm-global-grey, .5) ); } + .circle-chart-info { color: var(--color-standard-text, $pm-global-light); } @@ -34,4 +38,4 @@ $stroke-width: 3px !default; // be careful to udpate SVG if you want to update t @keyframes circle-chart-fill { to { stroke-dasharray: 0 100; } -}
\ No newline at end of file +} |