diff --git a/packages/grafana-ui/src/components/Select/SingleValue.tsx b/packages/grafana-ui/src/components/Select/SingleValue.tsx index 9f371c5d960..281153b33c0 100644 --- a/packages/grafana-ui/src/components/Select/SingleValue.tsx +++ b/packages/grafana-ui/src/components/Select/SingleValue.tsx @@ -7,6 +7,7 @@ import { SlideOutTransition } from '../transitions/SlideOutTransition'; import { FadeTransition } from '../transitions/FadeTransition'; import { Spinner } from '../Spinner/Spinner'; import { GrafanaTheme2 } from '@grafana/data'; +import tinycolor from 'tinycolor2'; const getStyles = (theme: GrafanaTheme2) => { const singleValue = css` @@ -35,7 +36,7 @@ const getStyles = (theme: GrafanaTheme2) => { `; const disabled = css` - color: ${theme.colors.action.disabledText}; + color: ${tinycolor(theme.colors.text.disabled).setAlpha(0.64).toString()}; `; return { singleValue, container, item, disabled }; diff --git a/public/app/core/components/PermissionList/AddPermission.tsx b/public/app/core/components/PermissionList/AddPermission.tsx index ac205449093..dcdd9bb6628 100644 --- a/public/app/core/components/PermissionList/AddPermission.tsx +++ b/public/app/core/components/PermissionList/AddPermission.tsx @@ -100,11 +100,12 @@ class AddPermissions extends Component { {() => (