Dark-Blue.css

/* =====================================================
   DARK MODE STYLESHEET
   Drop-in replacement for stylesheet.css
   ===================================================== */

/* ── Root & backgrounds ─────────────────────────────── */
.root                       { -fx-background-color: #1e1e2e; }
.anchor-pane                { -fx-background-color: #1e1e2e; }
.label                      { -fx-text-fill: #cdd6f4; }



/* ── Regular buttons ────────────────────────────────── */
.button                                  { -fx-background-color: #313244; -fx-border-color: #89b4fa; -fx-border-width: 1px; -fx-border-radius: 4px; -fx-background-radius: 4px; -fx-text-fill: #cdd6f4; }
.button:hover                            { -fx-background-color: #45475a; }
.button:pressed                          { -fx-background-color: #89b4fa; -fx-text-fill: #cdd6f4; }
.button:focused                          { -fx-border-color: #f38ba8; -fx-border-width: 2px; }
.button:disabled                         { -fx-opacity: 0.4; }




/* ── Image buttons — must stay transparent ──────────── */
.image-button {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-border-width: 1px;
    -fx-background-insets: 3;
    -fx-text-fill: #cdd6f4;
}
.image-button:focused       { -fx-border-color: #f38ba8; }
.image-button:pressed       { -fx-background-color: #45475a; }
.image-button:hover         { -fx-background-color: #313244; }
.image-button-focus         { -fx-border-color: #f38ba8; }
.image-button-focus:hover   { -fx-background-color: #313244; }
.image-button-highlight     { -fx-background-color: #313244; -fx-background-insets: 0; }
.image-button-highlight:hover { -fx-background-color: #45475a; }




#memoryUsageText {
    -fx-fill: #cdd6f4;
}
/* ── Normal buttons ─────────────────────────────────── */
.normal-button {
    -fx-background-color: #313244;
    -fx-background-insets: 0;
    -fx-border-width: 1px;
    -fx-border-color: #89b4fa;
    -fx-text-fill: #cdd6f4;
}
.normal-button:focused  { -fx-border-width: 1px; -fx-border-color: #f38ba8; }
.normal-button:pressed  { -fx-background-color: #45475a; }

/* ── Menu button2 ───────────────────────────────────── */
.menu-button2 {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-border-width: 1px;
    -fx-background-insets: 0;
}
.menu-button2 > .label          { -fx-padding: 0; }
.menu-button2:focused           { -fx-border-color: #f38ba8; }
.menu-button2:pressed           { -fx-background-color: #45475a; }
.menu-button2:hover             { -fx-background-color: #313244; }
.menu-button2-focus             { -fx-border-color: #f38ba8; }
.menu-button2-focus:hover       { -fx-background-color: #313244; }
.menu-button2-highlight         { -fx-background-color: #313244; -fx-background-insets: 0; }
.menu-button2-highlight:hover   { -fx-background-color: #45475a; }

/* ── Text inputs ────────────────────────────────────── */
.text-field {
    -fx-background-color: #313244;
    -fx-border-color: #89b4fa;
    -fx-border-width: 1px;
    -fx-text-fill: #cdd6f4;
    -fx-prompt-text-fill: #6c7086;
}
.text-area {
    -fx-background-color: #313244;
    -fx-border-color: #89b4fa;
    -fx-border-width: 1px;
    -fx-text-fill: #cdd6f4;
}
.text-area .content                         { -fx-background-color: #313244; }
.text-area .viewport                        { -fx-background-color: #313244; }
.text-area .scroll-pane                     { -fx-background-color: #313244; }
.text-area .scroll-pane .viewport           { -fx-background-color: #313244; }
.text-area .scroll-bar:horizontal .track,
.text-area .scroll-bar:vertical .track      { -fx-background-color: #313244; }

/* ── Scroll panes ───────────────────────────────────── */
.scroll-pane                                { -fx-background-color: #1e1e2e; }
.scroll-pane > .viewport                    { -fx-background-color: #1e1e2e; }
.scroll-pane .scroll-bar:horizontal,
.scroll-pane .scroll-bar:vertical           { -fx-background-color: #181825; }
.scroll-pane .scroll-bar:horizontal .thumb,
.scroll-pane .scroll-bar:vertical .thumb    { -fx-background-color: #89b4fa; }
.scroll-pane .increment-button,
.scroll-pane .decrement-button              { -fx-background-color: #313244; }
.scroll-pane .increment-arrow,
.scroll-pane .decrement-arrow               { -fx-background-color: #cdd6f4; }
.scroll-pane .scroll-bar:horizontal .track,
.scroll-pane .scroll-bar:vertical .track    { -fx-background-color: #181825; }
.scroll-pane > .corner                      { -fx-background-color: #181825; }

/* ── Layout ─────────────────────────────────────────── */
.vbox       { -fx-spacing: 10; -fx-padding: 10; }
.grid-pane  { -fx-grid-line-color: #45475a; -fx-background-color: #1e1e2e; -fx-background-radius: 5; -fx-padding: 10; -fx-hgap: 10; -fx-vgap: 10; }
.separator  { -fx-background-color: #45475a; }
.timeline-place {
    -fx-pref-width: 6px;   /* vertical separator width */
}

.timeline-place .line {
    -fx-background-color: #bb1f09;
    -fx-border-width: 6px;
}
.timeline-none {
    -fx-pref-width: 2px;   /* vertical separator width */
}

.timeline-none .line {
    -fx-background-color: transparent; /* logo-beige */
    -fx-border-width: 2px;
}
.timeline-block {
    -fx-pref-width: 8px;   /* vertical separator width */
}

.timeline-block .line {
    -fx-background-color: #e7a436; /* logo-yellow */
    -fx-border-width: 8px;
}
/* ── Named IDs ──────────────────────────────────────── */
#drawerButton, #timelineButton  { -fx-border-width: 0; -fx-background-insets: 0 6; }
#RobotLabDrawer                 { -fx-border-width: 0; }
#controlBar         { -fx-border-width: 1px; -fx-border-color: #45475a; -fx-background-color: #181825; }
#drawerArea         { -fx-border-width: 1px; -fx-border-color: #45475a; -fx-background-color: #181825; }
#shapeConfigurationBox          { -fx-border-width: 1px; -fx-border-color: #45475a; }
#fileNameBox        { -fx-background-color: #313244; -fx-border-width: 1px; -fx-border-color: #89b4fa; }
#view3d             { -fx-background-color: radial-gradient(center 50% 50%, radius 30%, #313244 0%, #1e1e2e 90%); }
#control3d          { -fx-background-color: transparent; }
#drawerGrid         { -fx-background-color: #181825; }
#projectGrid        { -fx-background-color: #1e1e2e; }
#totalApplicationBackground     { -fx-background-color: #1e1e2e; }
#topBar             { -fx-background-color: #181825; }
#objectPallet       { -fx-background-color: #1e1e2e; }
#shapeConfiguration { -fx-background-color: #1e1e2e; }
#configurationGrid  { -fx-background-color: #1e1e2e; }
#anchorPanForConfiguration      { -fx-background-color: #1e1e2e; }
#snapGrid           { -fx-background-color: #313244; }
#shapeCategory      { -fx-background-color: #313244; -fx-border-color: #89b4fa; -fx-border-radius: 4px; -fx-border-width: 1px; }

/* ── Combo boxes ────────────────────────────────────── */
.combo-box                          { -fx-background-color: #313244; -fx-border-color: #89b4fa; -fx-border-radius: 4px; -fx-border-width: 1px; }
.combo-box .list-cell               { -fx-background-color: #313244; -fx-text-fill: #cdd6f4; }
.combo-box-popup .list-view         { -fx-background-color: #313244; -fx-border-color: #89b4fa; -fx-border-width: 1px; }
.combo-box-popup .list-cell         { -fx-background-color: #313244; -fx-text-fill: #cdd6f4; }
.combo-box-popup .list-cell:hover   { -fx-background-color: #45475a; }
.combo-box-popup .list-cell:selected { -fx-background-color: #585b70; }

/* ── Progress bar ───────────────────────────────────── */
.progress-bar       { -fx-background-color: #313244; -fx-border-color: #89b4fa; -fx-border-width: 1px; -fx-background-radius: 4px; -fx-border-radius: 4px; }
.progress-bar > .bar { -fx-background-color: #89b4fa; -fx-background-radius: 2px; -fx-padding: 0.25em; }

/* ── Titled pane ────────────────────────────────────── */
.titled-pane > .title               { -fx-background-color: #313244; -fx-text-fill: #cdd6f4; }

/* ── Tab pane ───────────────────────────────────────── */
.tab-pane                           { -fx-background-color: #1e1e2e; -fx-border-color: #45475a; -fx-border-width: 1px; }
.tab-pane .tab-header-area          { -fx-background-color: #181825; -fx-padding: 5px; }
.tab-pane .tab-header-area .tab-header-background { -fx-background-color: #181825; }
.tab-pane .tab-header-area .control-buttons-tab   { -fx-background-color: #181825; }
.tab-pane .tab                      { -fx-background-color: #313244; -fx-background-radius: 5px 5px 0 0; -fx-border-color: #45475a; -fx-border-width: 1px 1px 0 1px; -fx-padding: 8px 16px; -fx-text-fill: #cdd6f4; }
.tab-pane .tab:hover                { -fx-background-color: #45475a; -fx-cursor: hand; }
.tab-pane .tab:selected             { -fx-background-color: #585b70; -fx-border-color: #89b4fa; -fx-border-width: 1px 1px 0 1px; -fx-text-fill: #cdd6f4; }
.tab-pane .tab-content-area         { -fx-background-color: #1e1e2e; -fx-border-color: #45475a; -fx-border-width: 1px; -fx-padding: 10px; }
.tab-pane .tab .tab-label           { -fx-font-size: 14px; -fx-font-weight: bold; }
.tab-pane .tab .tab-close-button    { -fx-background-color: transparent; }
.tab-pane .tab .tab-close-button:hover { -fx-background-color: #f38ba8; }
.tab-pane .tab-content-area .anchor-pane { -fx-background-color: transparent; -fx-border-width: 0; -fx-padding: 0; }

/* ── Component tree ─────────────────────────────────── */
.component-tree-panel               { -fx-background-color: #181825; -fx-border-color: #45475a; -fx-border-width: 1px; }
.component-tree-resize-handle       { -fx-background-color: transparent; }
.component-tree-resize-handle:hover { -fx-background-color: rgba(137,180,250,0.18); }
.component-tree-header              { -fx-background-color: #313244; -fx-border-color: #45475a; -fx-border-width: 0 0 1px 0; -fx-font-weight: bold; -fx-padding: 6px 8px; -fx-text-fill: #89b4fa; }
.component-tree-view                { -fx-background-color: #181825; -fx-border-width: 0; }
.component-tree-view .tree-cell     { -fx-background-color: #181825; -fx-text-fill: #cdd6f4; }
.component-tree-view .tree-cell:hover { -fx-background-color: #313244; }
.component-tree-view .tree-cell:selected,
.component-tree-view .tree-cell.component-tree-cell-selected { -fx-background-color: #45475a; -fx-text-fill: #cdd6f4; }
.component-tree-view .tree-cell.component-tree-cell-root,
.component-tree-view .tree-cell.component-tree-cell-group    { -fx-font-weight: bold; }
.component-tree-view .tree-cell.component-tree-cell-hidden   { -fx-text-fill: #6c7086; -fx-font-style: italic; }
.component-tree-visibility-button   { -fx-background-color: transparent; -fx-background-radius: 3px; -fx-border-color: transparent; -fx-padding: 3px; }
.component-tree-visibility-button:hover { -fx-background-color: rgba(137,180,250,0.14); }

/* ── Anchor pane variants ───────────────────────────── */
.anchor-pane.button-style           { -fx-background-color: #313244; -fx-border-color: #89b4fa; -fx-cursor: hand; -fx-border-width: 1px; }
.anchor-pane.button-style:hover     { -fx-background-color: #45475a; }
.anchor-pane.button-style:pressed   { -fx-background-color: #585b70; }
.anchor-pane.light                  { -fx-background-color: #313244; -fx-effect: dropshadow(three-pass-box, rgba(137,180,250,0.2), 5, 0, 0, 2); -fx-border-width: 1px; }
.anchor-pane.primary                { -fx-background-color: #89b4fa; -fx-border-color: #45475a; -fx-text-fill: #1e1e2e; -fx-border-width: 1px; }
.anchor-pane.secondary              { -fx-background-color: #a6e3a1; -fx-border-color: #45475a; -fx-text-fill: #1e1e2e; -fx-border-width: 1px; }
.anchor-pane.card-style             { -fx-background-color: #313244; -fx-background-radius: 8px; -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.4), 10, 0, 0, 3); -fx-border-width: 1px; -fx-border-color: #45475a; -fx-padding: 20px; }
.anchor-pane.warning                { -fx-background-color: #45475a; -fx-border-color: #f38ba8; -fx-text-fill: #cdd6f4; -fx-border-width: 1px; }

/* ── Scroll bars (global) ───────────────────────────── */
.scroll-bar                              { -fx-background-color: #181825; }
.scroll-bar .thumb                       { -fx-background-color: #89b4fa; -fx-background-radius: 4px; }
.scroll-bar .thumb:hover                 { -fx-background-color: #89b4fa; }
.scroll-bar .thumb:pressed               { -fx-background-color: #89b4fa; }
.scroll-bar .track                       { -fx-background-color: #181825; }
.scroll-bar .track-background            { -fx-background-color: #181825; }
.scroll-bar .increment-button,
.scroll-bar .decrement-button            { -fx-background-color: #313244; -fx-padding: 4px; }
.scroll-bar .increment-button:hover,
.scroll-bar .decrement-button:hover      { -fx-background-color: #45475a; }
.scroll-bar .increment-arrow,
.scroll-bar .decrement-arrow             { -fx-background-color: #cdd6f4; }

/* ── Context menus ──────────────────────────────────── */
.context-menu {
    -fx-background-color: #313244;
    -fx-border-color: #45475a;
    -fx-border-width: 1px;
    -fx-padding: 4px 0;
}
.context-menu .menu-item                 { -fx-background-color: transparent; }
.context-menu .menu-item .label          { -fx-text-fill: #cdd6f4; }
.context-menu .menu-item:hover,
.context-menu .menu-item:focused         { -fx-background-color: #45475a; }
.context-menu .menu-item:hover .label,
.context-menu .menu-item:focused .label  { -fx-text-fill: #cdd6f4; }
.context-menu .menu-item:disabled .label { -fx-text-fill: #6c7086; }
.context-menu .separator .line           { -fx-border-color: #45475a; -fx-border-width: 1px 0 0 0; }
.context-menu .menu-item > .right-container > .arrow { -fx-background-color: #cdd6f4; }

/* ── Spinner ────────────────────────────────────────── */
.spinner                                 { -fx-background-color: #313244; -fx-border-color: #89b4fa; -fx-border-width: 1px; -fx-border-radius: 4px; }
.spinner .text-field                     { -fx-background-color: #1e1e2e; -fx-text-fill: #cdd6f4; -fx-border-width: 0; }
.spinner .increment-arrow-button,
.spinner .decrement-arrow-button         { -fx-background-color: #313244; -fx-border-color: #89b4fa; -fx-border-width: 0 0 0 1px; }
.spinner .increment-arrow-button:hover,
.spinner .decrement-arrow-button:hover   { -fx-background-color: #45475a; }
.spinner .increment-arrow-button:pressed,
.spinner .decrement-arrow-button:pressed { -fx-background-color: #585b70; }
.spinner .increment-arrow,
.spinner .decrement-arrow                { -fx-background-color: #cdd6f4; }

/* ── Editable combo box (setUpNumberChoices) ────────── */
.combo-box:editable .text-field          { -fx-background-color: #1e1e2e; -fx-text-fill: #cdd6f4; -fx-border-width: 0; }
.combo-box .arrow-button                 { -fx-background-color: #313244; -fx-border-color: #89b4fa; -fx-border-width: 0 0 0 1px; }
.combo-box .arrow-button:hover           { -fx-background-color: #45475a; }
.combo-box .arrow-button .arrow          { -fx-background-color: #cdd6f4; }

/* ── Radio buttons ──────────────────────────────────── */
.radio-button                            { -fx-text-fill: #cdd6f4; }
.radio-button .radio                     { -fx-background-color: #1e1e2e; -fx-border-color: #89b4fa; -fx-border-width: 2px; -fx-border-radius: 50%; -fx-background-radius: 50%; }
.radio-button:hover .radio               { -fx-border-color: #cdd6f4; }
.radio-button:selected .radio            { -fx-border-color: #89b4fa; }
.radio-button:selected .dot              { -fx-background-color: #89b4fa; -fx-background-radius: 50%; }

/* ── Check boxes ────────────────────────────────────── */
.check-box                               { -fx-text-fill: #cdd6f4; }
.check-box .box                          { -fx-background-color: #1e1e2e; -fx-border-color: #89b4fa; -fx-border-width: 2px; -fx-border-radius: 3px; -fx-background-radius: 3px; }
.check-box:hover .box                    { -fx-border-color: #cdd6f4; }
.check-box:selected .box                 { -fx-background-color: #89b4fa; -fx-border-color: #89b4fa; }
.check-box:selected .mark                { -fx-background-color: #1e1e2e; }
.check-box:indeterminate .box            { -fx-background-color: #45475a; -fx-border-color: #89b4fa; }

/* ── Color Picker ───────────────────────────────────── */
.color-picker {
    -fx-background-color: #313244;
    -fx-border-color: #89b4fa;
    -fx-border-width: 1px;
    -fx-border-radius: 4px;
    -fx-background-radius: 4px;
}

.color-picker:hover {
    -fx-background-color: #45475a;
}

.color-picker .label {
    -fx-text-fill: #cdd6f4;
}

.color-picker .arrow-button {
    -fx-background-color: #313244;
    -fx-border-color: #89b4fa;
    -fx-border-width: 0 0 0 1px;
}

.color-picker .arrow {
    -fx-background-color: #cdd6f4;
}

/* popup palette */
.color-palette {
    -fx-background-color: #313244;
    -fx-border-color: #89b4fa;
}

.color-palette .hyperlink {
    -fx-text-fill: #cdd6f4;
}

/* ── Progress Indicator ─────────────────────────────── */
.progress-indicator {
    -fx-progress-color: #89b4fa;
}

.progress-indicator .percentage {
    -fx-fill: #cdd6f4;
}

.progress-indicator .spinner {
    -fx-background-color: transparent;
}

/* ── MenuButton arrow/caret ─────────────────────────── */
.menu-button .arrow-button {
    -fx-background-color: transparent;
}

.menu-button .arrow {
    -fx-background-color: #cdd6f4;
}

.menu-button:hover .arrow {
    -fx-background-color: #cdd6f4;
}

.menu-button:pressed .arrow {
    -fx-background-color: #1e1e2e;
}


.grid-key-color {
    -fx-text-fill: #89b4faaa; /* blue */
}
.grid-dark-color {
    -fx-text-fill: #89b4fa04; /* blue */
}
.grid-light-color {
    -fx-text-fill: #45475a01; /* dark-slate, very transparent */
}

.image-button-shape-pallet {
    -fx-background-color: #cdd6f4AF;
    -fx-border-color: transparent;
    -fx-border-width:3px;
    -fx-background-insets: 1;
}
.image-button-shape-pallet:focused       { -fx-border-color: #f38ba8; }
.image-button-shape-pallet:pressed       { -fx-background-color: #45475a; }
.image-button-shape-pallet:hover         { -fx-background-color: #313244; }

#makeRobotButton .image-view     { -fx-image: url("dark/newRobot.png"); }
#homeButton .image-view          { -fx-image: url("dark/CADoodleHome.png"); }
.biglogo-cadoodle        		 { -fx-image: url("dark/biglogo.png"); }
.biglogo-advanced {
    -fx-image: url("Milk-chocolate/biglogoAdvanced.png");
    -fx-fit-width: 145px;
    -fx-fit-height: 36px;
    -fx-preserve-ratio: true;
}#homeViewButton .image-view      { -fx-image: url("dark/home.png"); }
#fitViewButton .image-view       { -fx-image: url("dark/fit.png"); }
#zoomInButton .image-view        { -fx-image: url("dark/zoomIn.png"); }
#zoomOutButton .image-view       { -fx-image: url("dark/zoomOut.png"); }
#holeButton .image-view          { -fx-image: url("dark/holes.png"); }
#workplaneButton .image-view     { -fx-image: url("dark/Sketcher.png"); }
#rulerButton .image-view         { -fx-image: url("dark/ruler.png"); }
#notesButton .image-view         { -fx-image: url("dark/notes.png"); }
#searchButton .image-view        { -fx-image: url("dark/search.png"); }
.hexDistributeButtonImage { -fx-image: url("dark/distribute.png"); }
.boltHoleButtonImage-view     { -fx-image: url("dark/boltHolePattern.png"); }
.extrudeButton-image-view       { -fx-image: url("dark/extrude.png"); }
.filletButton-image-view        { -fx-image: url("dark/fillet.png"); }
#visbilityButton .image-view     { -fx-image: url("dark/showMenu.png"); }
.groupButton-image-view         { -fx-image: url("dark/group.png"); }
.ungroupButton-image-view       { -fx-image: url("dark/ungroup.png"); }
.alignButton-mage-view         { -fx-image: url("dark/align.png"); }
.mirronButton-image-view        { -fx-image: url("dark/mirror.png"); }
#cruiseButton .image-view        { -fx-image: url("dark/magnet.png"); }
#objectWorkplane .image-view     { -fx-image: url("dark/workplaneToObject.png"); }
#dropToWorkplane .image-view     { -fx-image: url("dark/drop.png"); }
#copyButton .image-view          { -fx-image: url("dark/copy.png"); }
.pasteButton-mage-view         { -fx-image: url("dark/paste.png"); }
.deleteButton-image-view        { -fx-image: url("dark/trash.png"); }
#undoButton .image-view          { -fx-image: url("dark/back.png"); }
#redoButton .image-view          { -fx-image: url("dark/forward.png"); }
#stl .image-view                 { -fx-image: url("dark/Script-Tab-Stl.png"); }
#manifoldSTL .image-view         { -fx-image: url("dark/Script-Tab-Stl.png"); }
.svg-image-view                 { -fx-image: url("light/Script-Tab-SVG.png"); }
.blender-image-view             { -fx-image: url("light/Script-Tab-Blender.png"); }
.freecad-image-view             { -fx-image: url("light/Script-Tab-FreeCAD.png"); }
.build123d-image-view             { -fx-image: url("light/build123d.png"); }
.openscad-image-view             { -fx-image: url("light/Script-Tab-OpenSCAD.png"); }
.eclipse-image-view             { -fx-image: url("light/eclipse.png"); }
#obj .image-view                 { -fx-image: url("dark/ObjImg.png"); }
#type3mf .image-view             { -fx-image: url("dark/3mf.png"); }
#exportButton .image-view        { -fx-image: url("dark/export-button.png"); }
#newDoodle .image-view           { -fx-image: url("dark/newFile.png"); }
#copyDoodle .image-view          { -fx-image: url("dark/copy.png"); }
#robotHeaderImage   { -fx-image: url("dark/robot-3.png"); }
.robot-tab-icon     { -fx-image: url("dark/robot-3.png"); }
.dark-bulb-icon      { -fx-image: url("dark/darkBulb.png"); }
.lit-bulb-icon      { -fx-image: url("dark/litBulb.png"); }
.lock-icon         { -fx-image: url("dark/lock.png"); }
.unlock-icon         { -fx-image: url("dark/unlock.png"); }
.open-drawer              { -fx-image: url("dark/drawerClose.png"); }
.close-drawer			  { -fx-image: url("dark/drawerOpen.png"); }
#RobotLabDrawerImage      { -fx-image: url("dark/robot-3.png"); }
.tree-icon                { -fx-image: url("dark/tree.png"); }
.load-limb-arms-icon      { -fx-image: url("dark/Load-Limb-Arms.png"); }
.advanced-config-icon     { -fx-image: url("dark/Advanced-Configuration.png"); }
.notes-icon               { -fx-image: url("dark/notes.png"); }
.extraGroupImage { -fx-image: url("dark/hull.png"); }
.hullImage  { -fx-image: url("dark/hull.png"); }
.intersectImage { -fx-image: url("dark/intersect.png"); }
.xorImage  { -fx-image: url("dark/xor.png"); }
.addObject  { -fx-image: url("dark/addObject.png"); }
.moveObject  { -fx-image: url("dark/moveObject.png"); }
.resizeObject  { -fx-image: url("dark/resizeObject.png"); }
.bendSurface  { -fx-image: url("light/bend.png"); }
.cadoodleicon  { -fx-image: url("light/CADoodle-Icon.png"); }
#source .image-view  { -fx-image: url("light/CADoodle-Icon.png"); }
.orthographic-image .image-view               { -fx-image: url("light/orthographic.png"); }
.perspective-image .image-view               { -fx-image: url("light/perspective.png "); }
.step-image-view                 { -fx-image: url("light/step.png"); }

.nav-cube-surface-color {
    -fx-text-fill:  #1e1e2e; /* theme background */
}
.nav-cube-edge-color {
    -fx-text-fill: #cdd6f4; /* slate */
}
.nav-cube-corner-color {
    -fx-text-fill: #45475a; /* dark */
}

.nav-cube-corner-hover {
    -fx-text-fill: #cc0000; /* red */
}