CSS for dashboard
Here is a template node I use to modify my dashboard theme.
[{"id":"dd5f965e.fb70b8","type":"ui_template","z":"29f5b9ae.4b23a6","group":"81b1bdc3.9a60b8","name":"CSS-Basics","order":4,"width":0,"height":0,"format":"<style>\n\n* {\n background: none !important;\n}\n\n root, a, button, p, div {\n -webkit-user-select: none !important;\n }\n\n body {\n /*background-image: url(\"http://192.168.178.1:1880/ui/2023.jpg\");*/\n /*background: linear-gradient(120deg, rgba(40, 42, 49, 1.0) 40%, rgba(47, 49, 56, 1.0) 80%) !important;*/\n /*background-size: cover !important;*/\n background: transparent !important;\n\n background: -webkit-linear-gradient(\n 55deg,\n #009785 0%,\n #245aa5 100%\n ) !important;\n \n -webkit-touch-callout: none !important;\n color: #ffffff !important;\n padding-top:5px !important;\n }\n \n body.nr-dashboard-theme md-toolbar,\n body.nr-dashboard-theme md-content md-card {\n\n }\n\n \n ui-card-panel {\n background-color: rgba(250,250,250,0.3) !important;\n border:none !important;\n border-radius: 10px !important;\n/* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19) !important;\n*/ }\n\n ui-card-panel>div.nr-dashboard-cardpanel>div>md-card {\n background: none !important;\n }\n ui-card-panel>div.nr-dashboard-cardpanel button {\n /*background: none !important;*/\n } \n md-toolbar {\n background: none !important;\n }\n md-sidenav {\n background: linear-gradient(120deg, rgba(40, 42, 49, 0.90) 20%, rgba(47, 49, 56, 0.90) 80%) !important;\n }\n md-card.nr-dashboard-button * {\n box-shadow: none !important;\n }\n md-card.nr-dashboard-template * {\n background: none !important;\n }\n\n</style>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":false,"templateScope":"global","x":530,"y":120,"wires":[[]]},{"id":"81b1bdc3.9a60b8","type":"ui_group","z":"","name":"Hacks","tab":"2f5baa7e.0221fe","order":1,"disp":true,"width":"6","collapse":false},{"id":"2f5baa7e.0221fe","type":"ui_tab","z":"","name":"Settings","icon":"timeline","order":1,"disabled":true,"hidden":false}]
