Better Organized Borealis.css

This commit is contained in:
Nicole Rappe 2025-04-14 19:55:32 -06:00
parent e1a359169e
commit fa422e8457

View File

@ -1,3 +1,7 @@
/* ======================================= */
/* FLOW EDITOR */
/* ======================================= */
/* FlowEditor background container */
.flow-editor-container {
position: relative;
@ -24,6 +28,10 @@
z-index: -1;
}
/* ======================================= */
/* NODE SIDEBAR */
/* ======================================= */
/* Emphasize Drag & Drop Node Functionality */
.sidebar-button:hover {
background-color: #2a2a2a !important;
@ -31,6 +39,10 @@
cursor: grab;
}
/* ======================================= */
/* NODES */
/* ======================================= */
/* Borealis Node Styling */
.borealis-node {
background: #2c2c2c;
@ -80,6 +92,10 @@ label {
font-size: 10px;
}
/* ======================================= */
/* FLOW TABS */
/* ======================================= */
/* Multi-Tab Bar Adjustments */
.MuiTabs-root {
min-height: 32px !important;
@ -92,8 +108,17 @@ label {
text-transform: none !important;
}
/* Highlight tab on hover if it's not active */
.MuiTab-root:hover:not(.Mui-selected) {
background-color: #2C2C2C !important;
}
/* We rely on the TabIndicatorProps to show the underline highlight for active tabs. */
/* ======================================= */
/* REACT-SIMPLE-KEYBOARD */
/* ======================================= */
/* keyboard-dark-theme.css */
/* react-simple-keyboard dark theming */