bunny-lab/Borealis-Github-Replica
1
0
Fork 0
mirror of https://github.com/bunny-lab-io/Borealis.git synced 2025-07-27 03:28:28 -06:00
Code Issues Packages Projects Releases Wiki Activity

Better Organized Borealis.css

Browse Source
This commit is contained in:
Nicole Rappe
2025-04-14 19:55:32 -06:00
parent e1a359169e
commit fa422e8457
1 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
Data/WebUI/src/Borealis.css
View File

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