diff --git a/src/UniversalDashboard/Themes/Default.psd1 b/src/UniversalDashboard/Themes/Default.psd1
index cd1859ea..ae3cec5f 100644
--- a/src/UniversalDashboard/Themes/Default.psd1
+++ b/src/UniversalDashboard/Themes/Default.psd1
@@ -1,168 +1,317 @@
-@{
-    Name = "Default"
-    Definition = @{
-    '.divider' = @{
-'height’ = "1px"
-'overflow’ = "hidden"
-'background-color' = "#fff"
-}
-'.switch label input[type="checkbox"]:checked + .lever::after' = @{
-    "background-color" = "#3f51b5"
-}
-'.switch label input[type="checkbox"]:checked + .lever' = @{
-	"background-color" = "#3f51b5"
-}
-        
-        UDDashboard = @{
-            BackgroundColor = "#EEEEEE"
-            FontColor = "#111111"
-            
-        }
-        UDNavBar = @{
-            BackgroundColor = "#3f51b5"
-            FontColor = "#ffffff"
-        }
-        UDFooter = @{
-            BackgroundColor = "#3f51b5"
-            FontColor = "#ffffff"
-            "margin-top" = "20px"
-        }
-    
-        'main' = @{
-            'padding-left' = "50px"
-            'padding-right' = "50px"
-            'padding-top' = "50px"
-            'padding-bottom' = "50px"
-        }
-    
-        '.btn' = @{
-            'background-color' = "#3f51b5"
-        }
-    
-        '.btn:hover' = @{
-            'background-color' = "#2c387e"
-        }
-    
-        '.btn-floating' = @{
-            'background-color' = "#3f51b5"
-        }
-    
-        '.btn-floating:hover' = @{
-            'background-color' = "#2c387e"
-        }
-    
-        '.btn-floating:focus, .btn-large:focus, .btn-small:focus, .btn:focus' = @{
-            'background-color' = "#2c387e"
-        }
-        
-        '[type="radio"]:checked + span::after' = @{
-            'background-color' = "#3f51b5"
-        }
-    
-        '[type="checkbox"]:checked + span:not(.lever)::before' = @{
-            "border-right" = "2px solid #3f51b5"
-            "border-bottom" = "2px solid #3f51b5"
-        }
-    
-        '.pagination li a' = @{
-            'color' = "#3f51b5"
-        }
-    
-        '.pagination li.active' = @{
-            'color' = "#111111 !important"
-            'background-color' = "#3f51b5"
-        }
-    
-        '.tabs' = @{
-            'color'= "#3f51b5"
-            
-        }
-        '.tabs .tab' = @{
-            'color' = "#3f51b5"
-        }
-    
-        '.tabs .tab a:hover' = @{
-            'background-color' = "#3f51b5"
-            'color'= "#ffffff"
-        }
-    
-        '.tabs .tab a.active' = @{
-            'background-color' = "#3f51b5"
-            'color'= "#ffffff"
-        }
-    
-        '.tabs .tab a:focus.active' = @{
-            'background-color' = "#3f51b5"
-            'color'= "#ffffff"
-        }
-    
-        '.tabs .indicator' = @{
-            'background-color' = "#2c387e"
-        }
-    
-        '.tabs .tab a' = @{
-            'color' = "#3f51b5"
-        }
-    
-        '.sidenav a:hover' = @{
-            'background-color' = "#3f51b5"
-            'color'= "#FFFFFF"
-        }
-    
-        '.sidenav li>a' = @{
-            'color' = "#FFFFFF"
-            'background-color' = "#3f51b5"
-        }
-       
-        '.sidenav li>a:hover' = @{
-            'background-color' = "#2c387e"
-        }
-    
-        '.sidenav.sidenav-fixed' = @{
-            'background-color' = "#3f51b5"
-        }
-    
-        '.sidenav' = @{
-            'background-color' = "#3f51b5"
-        }
-    
-        '.sidenav .subheader' = @{
-            'color'= "#ffffff"
-            'font-size' = 'large'
-        }
-    
-        '.sidenav .divider' = @{
-            'background-color' = "#2c387e"
-        }
-    
-        '.sidenav .collapsible-header' = @{
-            'color'= "#ffffff"
-            'font-size' = 'large'
-        }
-    
-        '.sidenav .collapsible-header:hover' = @{
-            'color'= "#ffffff"
-        }
-
-        '.progress' = @{
-            'background-color' = '#8c9eff'
-        }
-
-        '.progress .determinate, .progress .indeterminate' = @{
-            'background-color' = '#3f51b5'
-        }
-
-        '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' = @{
-            'color'= "#111111"
-        }
-    
-        'input:not([type]):not([readonly]):focus, input[type=date]:not([readonly]):not(.browser-default):focus, input[type=datetime-local]:not([readonly]):not(.browser-default):focus, input[type=datetime]:not([readonly]):not(.browser-default):focus, input[type=email]:not([readonly]):not(.browser-default):focus, input[type=number]:not([readonly]):not(.browser-default):focus, input[type=password]:not([readonly]):not(.browser-default):focus, input[type=search]:not([readonly]):not(.browser-default):focus, input[type=tel]:not([readonly]):not(.browser-default):focus, input[type=text]:not([readonly]):not(.browser-default):focus, input[type=time]:not([readonly]):not(.browser-default):focus, input[type=url]:not([readonly]):not(.browser-default):focus, textarea:not([readonly]).materialize-textarea:focus' = @{
-            'color'= "#3f51b5"
-        }
-        
-        'input:not([type]):not([readonly]):focus + label, input[type=date]:not([readonly]):not(.browser-default):focus + label, input[type=datetime-local]:not([readonly]):not(.browser-default):focus + label, input[type=datetime]:not([readonly]):not(.browser-default):focus + label, input[type=email]:not([readonly]):not(.browser-default):focus + label, input[type=number]:not([readonly]):not(.browser-default):focus + label, input[type=password]:not([readonly]):not(.browser-default):focus + label, input[type=search]:not([readonly]):not(.browser-default):focus + label, input[type=tel]:not([readonly]):not(.browser-default):focus + label, input[type=text]:not([readonly]):not(.browser-default):focus + label, input[type=time]:not([readonly]):not(.browser-default):focus + label, input[type=url]:not([readonly]):not(.browser-default):focus + label, textarea:not([readonly]).materialize-textarea:focus + label' = @{
-            'color'= "#3f51b5"
-        }
-
-    }
+# Universal Dashboard Default Theme
+# https://material-ui.com/customization/color/
+
+$FontColorDark = "#111111"
+$FontColorLight = "#FFFFFF"
+
+$BackgroundColorPrimary = "#EEEEEE"
+$BackgroundColorLighter = "#FAFAFA"
+$BackgroundColorDarker = "#BDBDBD"
+$BackgroundColorBright = "#FFFFFF"
+
+$PrimaryColor = "#3F51B5"
+$PrimaryColorDark = "#2C387E"
+$PrimaryColorLight = "#6573C3"
+
+$PrimaryFontColor = $FontColorDark
+$AlternateFontColor = $FontColorLight
+$PrimaryBackgroundColor = $BackgroundColorPrimary
+$AlternativeBackgroundColor = $BackgroundColorLighter
+$AlternativeBackgroundColor2 = $BackgroundColorDarker
+$AlternativeBackgroundColor3 = $BackgroundColorBright
+
+@{
+    Name = "Default"
+    Definition = @{
+
+        #UD ELEMENTS
+        UDDashboard = @{
+            BackgroundColor = $PrimaryBackgroundColor
+            FontColor = $PrimaryFontColor 
+        }
+
+        UDNavBar = @{
+            BackgroundColor = $PrimaryColor
+            FontColor = $AlternateFontColor
+        }
+
+        UDFooter = @{
+            BackgroundColor = $PrimaryColor
+            FontColor = $AlternateFontColor
+            "margin-top" = "20px"
+        }
+
+        UDCard = @{
+            BackgroundColor = $AlternativeBackgroundColor3
+            FontColor = $PrimaryFontColor 
+        }
+
+        UDChart = @{
+            BackgroundColor = $AlternativeBackgroundColor3
+            FontColor = $PrimaryFontColor 
+        }
+
+        UDMonitor = @{
+            BackgroundColor = $AlternativeBackgroundColor3
+            FontColor = $PrimaryFontColor 
+        }
+
+        UDTable = @{
+            BackgroundColor = $AlternativeBackgroundColor3
+            FontColor = $PrimaryFontColor 
+        }
+
+        UDGrid = @{
+            BackgroundColor = $AlternativeBackgroundColor3
+            FontColor = $PrimaryFontColor 
+        }
+
+        UDCounter = @{
+            BackgroundColor = $AlternativeBackgroundColor3
+            FontColor = $PrimaryFontColor 
+        }
+
+        UDInput = @{
+            BackgroundColor = $AlternativeBackgroundColor3
+            FontColor = $PrimaryFontColor 
+        }
+    
+        #CSS ELEMENTS
+        'main' = @{
+            'padding-left' = "50px"
+            'padding-right' = "50px"
+            'padding-top' = "50px"
+            'padding-bottom' = "50px"
+        }
+
+        'p' = @{
+            'color' = "$PrimaryFontColor  !important"
+        }
+
+        '.tabs' = @{
+            'color'= $PrimaryColor
+            'background-color' = $AlternativeBackgroundColor3
+        }
+
+        '.tabs .tab' = @{
+            'color' = $PrimaryColor
+        }
+
+        '.tabs .tab a:hover' = @{
+            'background-color' = $PrimaryColorDark
+            'color'= $AlternateFontColor
+        }
+
+        '.tabs .tab a.active' = @{
+            'background-color' = $PrimaryColor
+            'color'= $AlternateFontColor
+        }
+
+        '.tabs .tab a:focus.active' = @{
+            'background-color' = $PrimaryColor
+            'color'= $AlternateFontColor
+        }
+
+        '.tabs .indicator' = @{
+            'background-color' = $PrimaryColorDark
+        }
+
+        '.tabs .tab a' = @{
+            'color' = $PrimaryColor
+        }
+
+        '.btn' = @{
+            'color' = $AlternateFontColor
+            'background-color' = $PrimaryColor
+        }
+
+        '.btn:hover' = @{
+            'color' = $AlternateFontColor
+            'background-color' = $PrimaryColorDark
+        }
+
+        '.btn-floating' = @{
+            'background-color' = $PrimaryColor
+        }
+
+        '.btn-floating:hover' = @{
+            'background-color' = $PrimaryColorDark
+        }
+
+        '.btn-floating:focus, .btn-large:focus, .btn-small:focus, .btn:focus' = @{
+            'background-color' = $PrimaryColorDark
+        }
+
+        '.btn-flat' = @{
+            'color' = $PrimaryColor
+        }
+
+        '[type="radio"]:checked + span::after' = @{
+            'background-color' = $PrimaryColor
+        }
+
+        '[type="checkbox"]:checked + span:not(.lever)::before' = @{
+            "border-right" = "2px solid $PrimaryColor"
+            "border-bottom" = "2px solid $PrimaryColor"
+        }
+
+        '.pagination li a' = @{
+            'color' = $PrimaryColor
+        }
+
+        '.pagination li.active' = @{
+            'color' = "$PrimaryFontColor  !important"
+            'background-color' = $PrimaryColor
+        }
+
+        '.sidenav' = @{
+            'background-color' = $PrimaryBackgroundColor
+            'z-index' = "0"
+            'color' = $AlternateFontColor
+        }
+
+        '.sidenav a:hover' = @{
+            'background-color' = $PrimaryColor
+            'color'= $AlternateFontColor
+        }
+
+        '.sidenav li>a' = @{
+            'color' = $AlternateFontColor
+            'background-color' = $PrimaryColor
+        }
+
+        '.sidenav li>a:hover' = @{
+            'background-color' = $PrimaryColorDark
+        }
+
+        '.sidenav.sidenav-fixed' = @{
+            'background-color' = $PrimaryColor
+        }
+
+        '.sidenav .subheader' = @{
+            'color'= $AlternateFontColor
+            'font-size' = 'large'
+        }
+
+        '.sidenav .divider' = @{
+            'background-color' = $PrimaryColorDark
+        }
+
+        '.sidenav .collapsible-header' = @{
+            'color'= $AlternateFontColor
+            'font-size' = 'large'
+        }
+    
+        '.sidenav .collapsible-header:hover' = @{
+            'color'= $AlternateFontColor
+        }
+
+        '.sidenav li.active' = @{
+            'padding-left' = "0px !important"
+        }
+
+        '.progress' = @{
+            'background-color' = $AlternativeBackgroundColor2
+        }
+
+        '.progress .determinate, .progress .indeterminate' = @{
+            'background-color' = $PrimaryColor
+            'border-bottom' = "1px solid $PrimaryBackgroundColor"
+        }
+
+        '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' = @{
+            'color'= $PrimaryFontColor 
+            'border-bottom' = "1px solid $PrimaryBackgroundColor"
+        }
+
+        'input:not([type]):not([readonly]):focus, input[type=date]:not([readonly]):not(.browser-default):focus, input[type=datetime-local]:not([readonly]):not(.browser-default):focus, input[type=datetime]:not([readonly]):not(.browser-default):focus, input[type=email]:not([readonly]):not(.browser-default):focus, input[type=number]:not([readonly]):not(.browser-default):focus, input[type=password]:not([readonly]):not(.browser-default):focus, input[type=search]:not([readonly]):not(.browser-default):focus, input[type=tel]:not([readonly]):not(.browser-default):focus, input[type=text]:not([readonly]):not(.browser-default):focus, input[type=time]:not([readonly]):not(.browser-default):focus, input[type=url]:not([readonly]):not(.browser-default):focus, textarea:not([readonly]).materialize-textarea:focus' = @{
+            'color'= $PrimaryColor
+            'border-bottom' = "1px solid $PrimaryColorDark"
+        }
+
+        'input:not([type]):not([readonly]):focus + label, input[type=date]:not([readonly]):not(.browser-default):focus + label, input[type=datetime-local]:not([readonly]):not(.browser-default):focus + label, input[type=datetime]:not([readonly]):not(.browser-default):focus + label, input[type=email]:not([readonly]):not(.browser-default):focus + label, input[type=number]:not([readonly]):not(.browser-default):focus + label, input[type=password]:not([readonly]):not(.browser-default):focus + label, input[type=search]:not([readonly]):not(.browser-default):focus + label, input[type=tel]:not([readonly]):not(.browser-default):focus + label, input[type=text]:not([readonly]):not(.browser-default):focus + label, input[type=time]:not([readonly]):not(.browser-default):focus + label, input[type=url]:not([readonly]):not(.browser-default):focus + label, textarea:not([readonly]).materialize-textarea:focus + label' = @{
+            'color'= $PrimaryColor
+        }
+
+        '.switch label' = @{
+            'color'= $PrimaryFontColor 
+        }
+
+        '.switch label input[type=checkbox]:checked+.lever' = @{
+            'background-color' = $AlternativeBackgroundColor2
+        }
+
+        '.switch label input[type=checkbox]:checked+.lever:after' = @{
+            'background-color' = $PrimaryColor
+        }
+
+        '.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating)' = @{
+            'color' = $PrimaryColor
+            '-webkit-transition' = "color .3s ease"
+            'transition'= "color .3s ease"
+        }
+
+        '.card .card-action a:not(.btn):not(.btn-floating):not(.btn-large):not(.btn-small):not(.btn-large)' = @{
+            'color' = $PrimaryColor
+            '-webkit-transition' = "color .3s ease"
+            'transition'= "color .3s ease"
+        }
+
+        '.card .card-action a:not(.btn):not(.btn-floating):not(.btn-large):not(.btn-small):not(.btn-large):hover' = @{
+            'color' = $PrimaryColorDark
+            '-webkit-transition' = "color .3s ease"
+            'transition'= "color .3s ease"
+        }
+
+        'a' = @{
+            'color' = $PrimaryColor
+        }
+
+        '.dropdown-content' = @{
+            'background-color' = $AlternativeBackgroundColor
+        }
+        
+        '.dropdown-content li>a, .dropdown-content li>span' = @{
+            'color' = $PrimaryFontColor 
+        }
+
+        '.select-dropdown.dropdown-content li.selected' = @{
+            'background-color' = $AlternativeBackgroundColor2
+        }
+
+        '.select-wrapper input.select-dropdown' = @{
+            'color' = $PrimaryFontColor 
+            'border-bottom' = "1px solid $PrimaryColorDark"
+            'border-block-end-color' = $PrimaryColorDark
+        }
+
+        '.select-dropdown li span' = @{
+            'color' = $PrimaryFontColor 
+        }
+
+        '[type=radio].with-gap:checked+span:after, [type=radio]:checked+span:after' = @{
+            'background-color' = $PrimaryColor
+        }
+
+        '[type=radio].with-gap:checked+span:after, [type=radio].with-gap:checked+span:before, [type=radio]:checked+span:after' =@{
+            'border' = "2px solid $PrimaryColorDark"
+        }
+
+        '.divider' = @{
+            'background-color' = $AlternativeBackgroundColor
+        }
+
+        'pre' = @{
+            'background-color' = $AlternativeBackgroundColor3
+            'padding-left' = "5px"
+            'padding-right' = "5px"
+            'padding-top' = "5px"
+            'padding-bottom' = "5px"
+        }
+
+        '.page-footer .footer-copyright' = @{
+            'background-color' = $PrimaryBackgroundColor
+        }
+        
+    }
 }
\ No newline at end of file