diff --git a/static/css/default_light/default_light.css b/static/css/default_light/default_light.css index 778c5cb..3f82b2b 100644 --- a/static/css/default_light/default_light.css +++ b/static/css/default_light/default_light.css @@ -1,5 +1,6 @@ body { background-color: #f8f8f8; + background-image: url('/images/v0/default_light/background.svg'); } .widgets .action #run-result { background-color: #fff !important; @@ -30,6 +31,7 @@ button:focus { #areas .area { background: #fff !important; border: 1px solid #2979b8; + box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.25); } #areas .area .name { border-top-left-radius: unset; @@ -43,4 +45,5 @@ button:focus { #acknowledged-list { background-color: #fff !important; border: 1px solid #ddd; + box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.25); } diff --git a/static/css/gruvbox/default_light.css b/static/css/gruvbox/default_light.css index c6c66ca..e568ca8 100644 --- a/static/css/gruvbox/default_light.css +++ b/static/css/gruvbox/default_light.css @@ -1,5 +1,6 @@ body { background-color: #f8f8f8; + background-image: url('/images/v0/default_light/background.svg'); } .widgets .action #run-result { background-color: #fff !important; @@ -30,6 +31,7 @@ button:focus { #areas .area { background: #fff !important; border: 1px solid #333; + box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.25); } #areas .area .name { border-top-left-radius: unset; @@ -43,4 +45,5 @@ button:focus { #acknowledged-list { background-color: #fff !important; border: 1px solid #ddd; + box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.25); } diff --git a/static/images/default_light/background.svg b/static/images/default_light/background.svg new file mode 100644 index 0000000..59e6fff --- /dev/null +++ b/static/images/default_light/background.svg @@ -0,0 +1,198 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/less/default_light.less b/static/less/default_light.less index cda1760..543778b 100644 --- a/static/less/default_light.less +++ b/static/less/default_light.less @@ -2,6 +2,7 @@ body { background-color: #f8f8f8; + background-image: url('/images/v0/default_light/background.svg'); } .widgets { @@ -44,6 +45,7 @@ button { .area { background: #fff !important; border: 1px solid @bg3; + box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.25); .name { border-top-left-radius: unset; @@ -59,4 +61,5 @@ button { #datapoints, #problems-list, #acknowledged-list { background-color: #fff !important; border: 1px solid #ddd; + box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.25); }