diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss index fa9a006af..06baa52d3 100644 --- a/client/src/app/menu/menu.component.scss +++ b/client/src/app/menu/menu.component.scss @@ -75,22 +75,22 @@ menu { .logged-in-more { margin-right: 20px; - my-global-icon { - @include apply-svg-color(var(--mainBackgroundColor)); - + my-global-icon.dropdown-toggle { cursor: pointer; &::after { border: none; } + + /deep/ { + @include apply-svg-color(var(--menuForegroundColor)); + } } .dropdown-item { @include dropdown-with-icon-item; my-global-icon { - @include apply-svg-color(var(--mainForegroundColor)); - width: 22px; height: 22px; diff --git a/client/src/app/shared/buttons/action-dropdown.component.scss b/client/src/app/shared/buttons/action-dropdown.component.scss index 5073190b0..7c2b0db71 100644 --- a/client/src/app/shared/buttons/action-dropdown.component.scss +++ b/client/src/app/shared/buttons/action-dropdown.component.scss @@ -32,6 +32,10 @@ .more-icon { width: 21px; + + /deep/ { + @include apply-svg-color(var(--mainForegroundColor)); + } } &.small { diff --git a/client/src/app/shared/instance/instance-features-table.component.scss b/client/src/app/shared/instance/instance-features-table.component.scss index 90fbb5c94..f9bec038d 100644 --- a/client/src/app/shared/instance/instance-features-table.component.scss +++ b/client/src/app/shared/instance/instance-features-table.component.scss @@ -3,6 +3,7 @@ table { font-size: 14px; + color: var(--mainForegroundColor); .label { font-weight: $font-semibold; @@ -16,4 +17,4 @@ table { .glyphicon-remove { color: $red; } -} \ No newline at end of file +}