[ 
https://issues.apache.org/jira/browse/NIFI-14286?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17928851#comment-17928851
 ] 

Rob Fellows edited comment on NIFI-14286 at 2/20/25 4:20 PM:
-------------------------------------------------------------

Once the migration to tokenized theming is in NIFI-14258, this can be solved by 
overriding the slide toggle tokens related for the dark mode;

 

Below are the tokens that probably need overridden, the actual colors to use 
still need to be defined. the colors in the example were just an experiment.
{code:java}
--mdc-switch-unselected-icon-color: var(--md-ref-palette-neutral-70);
--mdc-switch-unselected-handle-color: var(--md-ref-palette-error-0); {code}


was (Author: rfellows):
Once the migration to tokenized theming is in, this can be solved by overriding 
the slide toggle tokens related for the dark mode;

 

Below are the tokens that probably need overridden, the actual colors to use 
still need to be defined. the colors in the example were just an experiment.
{code:java}
--mdc-switch-unselected-icon-color: var(--md-ref-palette-neutral-70);
--mdc-switch-unselected-handle-color: var(--md-ref-palette-error-0); {code}

> Auto-refresh toggle looks broken in dark mode when off and not focused/hovered
> ------------------------------------------------------------------------------
>
>                 Key: NIFI-14286
>                 URL: https://issues.apache.org/jira/browse/NIFI-14286
>             Project: Apache NiFi
>          Issue Type: Sub-task
>          Components: Core UI
>            Reporter: Rob Fellows
>            Priority: Major
>         Attachments: slide toggle issue.gif
>
>
> On the bulletin board, if running in dark mode and you turn off the 
> Auto-refresh slide toggle then click away from it so it loses focus, you can 
> no longer see the toggle handle. It seems to disappear into the background of 
> the toggle track. This is not the case in light mode. See the attached screen 
> recording.
>  
> !slide toggle issue.gif|width=727,height=534!



--
This message was sent by Atlassian Jira
(v8.20.10#820010)

Reply via email to