We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
The dark theme has different components with an unsuitable style:
$Theme = Get-UDTheme DarkDefault $Dashboard = New-UDDashboard -Title "Test" -Theme $Theme -Content { New-UDInput -Title "Test Input" -Endpoint { Param([bool]$Boolean) } New-UDTabContainer -Tabs { New-UDTab -Text "Tab 1" -Content { New-UDElement -Tag 'div' -Content { "Tab 1 Content"} } New-UDTab -Text "Tab 2" -Content { New-UDElement -Tag 'div' -Content { "Tab 2 Content"} } New-UDTab -Text "Tab 3" -Content { New-UDElement -Tag 'div' -Content { "Tab 3 Content"} } } } Start-UDDashboard -Dashboard $Dashboard -Port 80 -Force
I like the following style changes:
$Theme = New-UDTheme -name "DarkDefaultFixed" -Parent DarkDefault -Definition @{ #change button font style and size '.mdc-tab' = @{ 'font-familiy' = '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif' 'font-size' = '14px' 'font-width' = '400' } #change button underline color '.mdc-tab-indicator--active .mdc-tab-indicator__content' = @{ 'border-color' = 'white' } #change active button background color 'button.mdc-tab--active.mdc-ripple-upgraded.mdc-tab--active.mdc-tab' = @{ 'background-color' = 'rgba(51, 51, 51, 1)' } #change inactive button color '.mdc-tab .mdc-tab__text-label' = @{ 'color' = 'white' } #change active button color '.mdc-tab--active.mdc-tab__text-label' = @{ 'color' = 'white' } #fix button green background flicker after click and bevore active 'button:focus' = @{ 'background-color' = 'rgba(90,90,90,1)' } #fix button background color bevor click '.mdc-tab__ripple::before' = @{ 'background-color' = 'rgba(90, 90, 90, 1)' } #fix button background color after click '.mdc-tab__ripple::after' = @{ 'background-color' = 'rgba(90, 90, 90, 1)' } #Fix checkbox visibility if checked '[type="checkbox"]:checked + span:not(.lever)::before' = @{ 'border-bottom' = '2px solid rgba(90, 90, 90, 1)' 'border-right' = '2px solid rgba(90, 90, 90, 1)' } }
https://i.imgur.com/p9x4CHW.png
The text was updated successfully, but these errors were encountered:
No branches or pull requests
Describe the Issue
The dark theme has different components with an unsuitable style:
To Reproduce
Expected behavior
I like the following style changes:
Screenshots
https://i.imgur.com/p9x4CHW.png
Version Information
The text was updated successfully, but these errors were encountered: