/* Hintergrundfarbe für den Node-RED Editor */
#red-ui-workspace {
    background-color: #e3f2fd !important; /* Helles Blau */
}
/* Kopfzeile */
#red-ui-header {
    background-color: #1976d2 !important; /* Dunkleres Blau */ 
    color: #ffffff !important;
}
/* Sidebar-Hintergrund (z. B. "Info", "Debug") */
#red-ui-sidebar-content {
    background-color: #bbdefb !important; /* Helles Blau */
}
/* Flow-Bereich (Hintergrund des Arbeitsbereichs) */
#red-ui-workspace-tabs {
    background-color: #bbdefb !important; /* Helles Blau */
}
/* Statusleiste (unten) */
#red-ui-footer {
    background-color: #1565c0 !important; 
    color: #ffffff !important;
}
/* Nodes visuell anpassen */ 
.nodegroup .node_label { 
    background-color: #64b5f6 !important; /* Blaue Label-Hintergrundfarbe */ 
    color: #ffffff !important;
}
/* Hover-Effekt für Nodes */ 
.red-ui-node:hover { 
    border: 2px solid #1565c0 !important;
}
/* Menü-Hintergrund (Datei, Bearbeiten, ...) */
#red-ui-header-menu {
    background-color: #1976d2 !important; 
    color: #ffffff !important;
}