From 24043e8d3c7aab6967dd466d07240a740e8939f9 Mon Sep 17 00:00:00 2001 From: BoSen29 <54361737+BoSen29@users.noreply.github.com> Date: Sun, 25 Aug 2019 14:12:43 +0200 Subject: [PATCH] Visual upgrade, inspired by psDevUK Solves all the random whitespots and black text. --- .../Themes/DarkDefault.psd1 | 156 +++++++++++++++++- 1 file changed, 155 insertions(+), 1 deletion(-) diff --git a/src/UniversalDashboard/Themes/DarkDefault.psd1 b/src/UniversalDashboard/Themes/DarkDefault.psd1 index 6448e1e8..d3899ab9 100644 --- a/src/UniversalDashboard/Themes/DarkDefault.psd1 +++ b/src/UniversalDashboard/Themes/DarkDefault.psd1 @@ -12,6 +12,7 @@ UDFooter = @{ BackgroundColor = "#272C33" FontColor = "#FFFFFF" + "margin-top" = "4% !important" } UDCard = @{ @@ -43,5 +44,158 @@ FontColor = "#FFFFFF" } + 'p' = @{ + 'color' = '#FFFFFF !important' + } + + '.tabs'= @{ + 'color'= "#FFFFFF" + 'background-color' = "#272C33" + } + '.tabs .tab'= @{ + 'color' = "#252525" + } + + '.tabs .tab a:hover' = @{ + 'background-color' = "#252525" + 'color'= "#FFFFFF" + } + + '.tabs .tab a.active'= @{ + 'background-color' = "#1c1c1c" + 'color'= "#FFFFFF" + } + '.tabs .tab a:focus.active'= @{ + 'background-color' = "#252525" + 'color'= "#FFFFFF" + } + '.tabs .indicator'= @{ + 'background-color' = "#FFFFFF" + } + '.tabs .tab a' = @{ + 'color' = "#FFFFFF" + } + + '[type="radio"]:checked + span::after' = @{ + 'background-color' = "#FFFFFF" + } + + '.pagination li a'= @{ + 'color' = "#FFFFFF !important" + } + ".ud-navbar"= @{ + 'width' = "100%" + 'position' = "fixed" + 'z-index'= "9999" + } + + 'input:not([type]), input[type="date"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="password"]:not(.browser-default), input[type="search"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="text"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="url"]:not(.browser-default), textarea.materialize-textarea' = @{ + 'border-bottom' = "1px solid #FFFFFF" + 'color'= "#FFFFFF" + } + '.select-wrapper input.select-dropdown'= @{ + 'color'= "#ffffff" + 'border-bottom' = "1px solid #FFFFFF" + 'border-block-end-color' = "#FFFFFF" + } + '.dropdown-content'= @{ + 'background-color' = "#333333" + } + '.btn'= @{ + 'color'= "#1c1c1c" + 'background-color' = "#bababa" + } + '.btn:hover'= @{ + 'color'= "#000000" + 'background-color' = "#FFFFFF" + } + '.btn-floating'= @{ + 'color'= "#1c1c1c" + 'background-color' = "#bababa" + } + '.select-dropdown li span' = @{ + 'color' = "#ffffff" + } + + '.sidenav'= @{ + 'background-color' = "#1c1c1c" + 'z-index' = "0" + 'color'= "#FFF" + } + + '.sidenav a:hover'= @{ + 'background-color' = "#1e353f" + 'color'= "#FFFFFF" + } + '.sidenav li > a' = @{ + 'color'= "#f1f1f1" + } + 'li'= @{ + 'color' = "#FFFFFF" + } + '.collapsible-header'= @{ + 'background-color' = "#272C33" + 'border-bottom' = '1px solid #1c1c1c;' + 'border-bottom-width' = '1px;' + 'border-bottom-style' = 'solid;' + 'border-bottom-color' = '#1c1c1c;' + } + '.collapsible' = @{ + 'margin' = ".5rem 0 1rem" + 'border' = 'none' + } + + '.collapsible-body' = @{ + 'border-bottom' = 'none' + "background-color" = "#272C33" + } + 'h'= @{ + "color" = "#fff !important" + } + 'h3, h4' = @{ + 'line-height' = "110%" + 'color' = "#fff" + } + + '.collection .collection-item'= @{ + 'background-color' = "#252525" + } + 'img' = @{ + 'float'= "left" + } + '.pagination li.active' = @{ + 'background-color' = "#FFFFFF" + } + + '.sidenav .collapsible-header'= @{ + 'color'= "#fff !important" + 'background-color' = "#1c1c1c !important" + } + + '.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating)'= @{ + 'color'= "#FFFFFF" + 'margin-right' = "24px" + '-webkit-transition' = "color .3s ease" + 'transition'= "color .3s ease" + 'text-transform'= "uppercase" + } + '.btn-flat' = @{ + 'color' = "#fff" + } + '.sidenav .subheader' = @{ + 'color' = "#fff" + } + '.svg-inline--fa' = @{ + 'color' = "#fff" + } + '.modal'= @{ + 'color' = "#FFFFFF" + 'background-color' = "#393F47" + } + 'header, nav, section' = @{ + 'display' = "block" + 'margin-bottom' = "5%" + } + } -} \ No newline at end of file +}