git clone https://git.lucas.co/hou-control.git
UI: update UI colors
config/3DSceneColors.dark | 6 +-
config/NodeGraphDark.inc | 22 ++++----
config/UIDark.hcs | 140 +++++++++++++++++++++++-----------------------
config/UIDark_unused.inc | 2 +-
config/hc_colors.inc | 29 ++++++++--
5 files changed, 108 insertions(+), 91 deletions(-)
diff --git a/config/3DSceneColors.dark b/config/3DSceneColors.dark
index 6a5ca81..80d55c2 100644
--- a/config/3DSceneColors.dark
+++ b/config/3DSceneColors.dark
@@ -176,14 +176,14 @@ ViewPivotFGColor: 1.00 0.20 0.20 # view pivot - indicators
ViewPivotBGColor: 1.00 0.20 0.20 # view pivot - bg (ignored if same as fg)
# Pill
-PillBGColor: 0.15 0.15 0.15 # bg
+PillBGColor: 0.10 0.13 0.13 # bg
PillBGAlpha: ALPHA 1.00 # bg alpha
PillOutlineColor: @PillBGColor # outline
-PillTextColor: 0.75 0.75 0.75 # text
+PillTextColor: 0.50 0.50 0.50
PillCamLockBGColor: 0.30 0.10 0.10 # locked cam bg
PillCamLockOutlineColor: @PillCamLockBGColor # locked cam outline
PillCamLockTextColor: 0.85 0.85 0.85 # locked cam text
-SelectedPillBGColor: 0.25 0.25 0.25 # selected viewport bg
+SelectedPillBGColor: 0.25 0.33 0.33 # selected viewport bg
SelectedPillBGAlpha: ALPHA 1.00 # selected viewport bg alpha
SelectedPillOutlineColor: @SelectedPillBGColor # selected viewport outline
SelectedPillTextColor: 0.70 0.80 0.80 # selected viewport text
diff --git a/config/NodeGraphDark.inc b/config/NodeGraphDark.inc
index afed43e..68a82ad 100644
--- a/config/NodeGraphDark.inc
+++ b/config/NodeGraphDark.inc
@@ -7,8 +7,8 @@
GraphBackground: bg_graph
GraphOverviewBackground: grey(0.10)
-GraphOverviewViewRegion: 0.5 0.3 0.5
-GraphOverviewBorder: black
+GraphOverviewViewRegion: hl_high
+GraphOverviewBorder: hl_high
GraphPromptText: grey(0.8)
GraphGridLines: grey(0.95)
GraphGridPoints: border
@@ -179,9 +179,9 @@ GraphTemplateFlag: #DD7DD7
GraphSelectableTemplateFlag: #B151BB
GraphBypassFlag: #E7CD2F
GraphRenderFlag: #A779FF
-GraphDisplayFlag: border // OBJ display flag
+GraphDisplayFlag: graph_node_flag // OBJ display flag
GraphOutputFlag: 0.75 0.4 0.0
-GraphSelectableFlag: border // OBJ selectable flag
+GraphSelectableFlag: graph_node_flag // OBJ selectable flag
GraphExportFlag: #FFA600
GraphHiddenFlag: #90BECD
GraphAudioFlag: 0.0 0.5 0.5
@@ -190,7 +190,7 @@ GraphLockFlag: #FF3300
GraphSoftLockFlag: #C4E361
GraphDebugFlag: #6CC6B2
GraphMaterialFlag: 0.75 0.4 0.0
-GraphDisplayAndRenderFlag: border // SOP display flag
+GraphDisplayAndRenderFlag: graph_node_flag // SOP display flag
GraphDisplayAndOutputFlag: 0.75 0.45 0.36
GraphFilterFlag: #55FFC1
@@ -244,9 +244,9 @@ GraphDotPinAccent: grey(0.3)
GraphPickFill: 0.9 0.9 0.9
GraphPreSelection: 0.75 0.86 1.0
-GraphItemCurrent: selection
-GraphItemCurrentNonSelected: #aaaaaa
-GraphItemSelection: #aaaaaa
+GraphItemCurrent: graph_node_current
+GraphItemCurrentNonSelected: graph_node_current_non_selected
+GraphItemSelection: graph_node_selected
GraphItemSelectionContrast: black
GraphItemContentsSelection: #6E780C
GraphSnapLine: #5C704D
@@ -300,11 +300,11 @@ GraphTagsText: #6DB4BD
// Wires
//
-GraphConnector: border
+GraphConnector: graph_node_connector
GraphConnectorLabel: grey(0.70)
GraphConnectorError: #CE5E5E
-GraphWire: border
-GraphWireUnused: 0.4 0.4 0.4
+GraphWire: graph_wire
+GraphWireUnused: graph_wire_unused
GraphWireError: red
GraphWireLoopBack: 0.3 0.3 1.0
GraphWireSelection: yellow
diff --git a/config/UIDark.hcs b/config/UIDark.hcs
index 1c57704..4a05648 100644
--- a/config/UIDark.hcs
+++ b/config/UIDark.hcs
@@ -17,24 +17,21 @@ Scheme: hc-dark
// Base colors
//
-BackColor: bg_high // auto contrast code linked to BorderDark
-BorderLight: bg_high // line left of node graph pane & some menus
-BorderDark: bg_low // annoying status bar border
+BackColor: bg_high // auto contrast code linked to BorderDark
+BorderLight: bg_high // line left of node graph pane & some menus
+BorderDark: bg_low // annoying status bar border
TextColor: text
HiliteTextColor: text_highlight
-HiliteTextBG: #454B50
+HiliteTextBG: hl_high
SecondaryText: grey(0.5)
LinkText: #64ACFF
DropIndicator 0.0 0.0 1.0
-ForegroundColor: grey(0.02) // line in parameter pane (auto contrast code)
-BackgroundColor: unknown // ?
-PaperColor: bg_low // line below pane tabs, other lines
-TextHighlightColor: text_highlight // ?
+ForegroundColor: grey(0.02) // line in parameter pane (auto contrast code)
+BackgroundColor: unknown // ?
+PaperColor: bg_low // line below pane tabs, other lines
+TextHighlightColor: red // ?
BlueTextLinkColor: #FF00FF
-LinkerPartialLinkColor: grey(0.8) // Linker tree views (?)
-MenuBarColor: grey(0.75)
-MenuColor: grey(0.70)
-BlueSelectedMenuColor: 0.125 0.125 1
+LinkerPartialLinkColor: grey(0.8) // Linker tree views (?)
DisabledTextColor: arrow
DisabledTextDropShadowColor: grey(0.8)
@@ -52,8 +49,8 @@ ChannelEditorHandleDefault: 0.50 0.50 0.50 // handles
ChannelEditorHandleSelected: 1.00 1.00 0.00 // selected handle
ChannelEditorHandleLocated: 0.80 0.80 0.80 // handle on cursor hover
ChannelEditorHandleSelectedLocated: 1.00 1.00 0.80 // selected handle on cursor hover
-ChannelEditorStatsText: 1.00 1.00 1.00 // color of the stats text
-ChannelEditorTimeText: edit_bg // color of the bottom time text
+ChannelEditorStatsText: 1.00 1.00 1.00 // stats text
+ChannelEditorTimeText: edit_bg // bottom time text
ChannelEditorViewLock: grey(0.5)
ChannelListCircleOutline: black
@@ -284,7 +281,7 @@ PaneTabEdges: bg_low
PaneEmptyBG: bg_low
PaneBorder: bg_low
PaneHeaderGradHi: bg_high // path gadget bg
-PaneHeaderGradLow: bg_low // path gadget bg
+PaneHeaderGradLow: bg_low // path gadget bg
PaneTabShadow: bg_low
PaneTabMarker: selection_base
@@ -367,27 +364,27 @@ ParmSheetHeaderColor: 0.60 0.60 0.60
// Parameter - Button/menu
//
-ButtonGradHi: bg_high
-ButtonGradLow: bg_low
-ButtonNonActiveGradLow: bg_low // bottom of unselected parm tabs
+ButtonGradHi: button_high
+ButtonGradLow: button_low
+ButtonNonActiveGradLow: bg_low // bottom of unselected parm tabs
-ButtonShadowLight: bg_high // ss pane border, playbar border, scene viewer menu buttons, network editor menu
-ButtonShadowMed: separator // lines between playbar buttons, stowbar arrows, line around some parameter folders
-ButtonShadowMedDark: selection // selected sceneviewer toolbar item
-ButtonShadowDark: bg_high // ui borders, path gadget border
-ButtonShadow: button // actual button shadow
+ButtonShadowLight: bg_high // ss pane border, playbar border, scene viewer menu buttons, network editor menu
+ButtonShadowMed: separator // lines between playbar buttons, stowbar arrows, line around some parameter folders
+ButtonShadowMedDark: bg_high // selected sceneviewer toolbar item border
+ButtonShadowDark: bg_high // ui borders, path gadget border
+ButtonShadow: button // actual button shadow
ButtonText: text
ButtonHoverHighlight: button
ButtonPressedText: text
ButtonPressedText2: grey(0.1) // viewer toolbar buttons
-ButtonPressedGradHi: selection // viewer toolbar buttons, pin
-ButtonPressedGradLow: selection // viewer toolbar buttons, pin
+ButtonPressedGradHi: hl_high // viewer toolbar buttons, pin
+ButtonPressedGradLow: hl_low // viewer toolbar buttons, pin
-ButtonMenuArrowHi: bg_high // bg
-ButtonMenuArrowLow: bg_low // bg
-ButtonMenuArrow: border
+ButtonMenuArrowHi: bg_high // bg
+ButtonMenuArrowLow: bg_low // bg
+ButtonMenuArrow: arrow
ButtonArrow: arrow
ButtonArrowDisabled: bg_low
ButtonArrowPressed: bg_low
@@ -400,8 +397,11 @@ MenuTextHotkey: text_dim
MenuHighlight: border
MenuShadow: border
MenuTextSelected: white
-MenuSelectedBG: selection
+MenuSelectedBG: hl_menu
MenuTitleBG: bg_low
+MenuBarColor: grey(0.75)
+MenuColor: grey(0.70)
+BlueSelectedMenuColor: 0.125 0.125 1
InvertedMenuBackground: grey(0.8)
HyperTextLinkColor: 1.0 0.0 1.0 // buttons that simulate a hypertext link (may be not used)
@@ -418,9 +418,9 @@ CheckColor: text
// Parameter - Ladder
//
-LadderBG: button
+LadderBG: bg_high
LadderText: text
-LadderHighlight: selection
+LadderHighlight: hl_low
LadderOutline: border
LadderShadow: red
@@ -462,27 +462,27 @@ RadioDotHighlight: selection
// Parameter - Ramp
//
-RampBG: #170702
-RampFG: #382100
+RampBG: bg_high
+RampFG: button_high
RampBGDisabled: grey(0.3)
RampFGDisabled: grey(0.45)
RampGrid: grey(0.3)
-RampCurve: #804C00
+RampCurve: hl_high
RampCurveDisabled: shadow2
-RampKeyBG: #750046
-RampKeyFG: button_press
+RampKeyBG: hl_low
+RampKeyFG: hl_high
RampKeyDisabled: shadow2
-RampKeyHoverBG: selection_highlight2
-RampKeyHoverFG: selection_base
-RampHandleBG: #004A98
-RampHandleFG: #FF9600
-RampHandleHoverBG: #004a98
+RampKeyHoverBG: hl_high
+RampKeyHoverFG: hl_low
+RampHandleBG: red
+RampHandleFG: red
+RampHandleHoverBG: red
RampHandleHoverFG: white
-RampHandleLines: #004a98
+RampHandleLines: red
RampHandleLinesHover: white
RampBoxSelect: grey(0.3)
-RampMarkerHover: button_selection
-RampConstraintGuide: button_selection
+RampMarkerHover: hl_high
+RampConstraintGuide: red
RampOutOfRangeBG: black
RampOneLine: grey(0.8)
RampPushingLine: yellow
@@ -513,41 +513,41 @@ Separator: bg_low // network menu border, pane tab bo
SliderTopBorder: bg_low
SliderBottomBorder: bg_low
-SliderAdvancedBevel: selection
-SliderAdvancedGroove: selection
+SliderAdvancedBevel: hl_high
+SliderAdvancedGroove: hl_low
SliderRemainingBevel: bg_low
SliderRemainingGroove: bg_low
SliderTick: selection
SliderTickLabel: selection
SliderRangeBrackets: selection
-SliderThumbGradHi: selection
-SliderThumbGradLow: selection
+SliderThumbGradHi: hl_high
+SliderThumbGradLow: hl_low
SliderThumbPressedGradHi: pressed_high
SliderThumbPressedGradLow: pressed_low
-SliderThumbTopBorder: separator
-SliderThumbTopBevel: selection
-SliderThumbBottomBevel: selection
-SliderThumbBottomBorder: separator
+SliderThumbTopBorder: hl_high
+SliderThumbTopBevel: hl_high
+SliderThumbBottomBevel: hl_low
+SliderThumbBottomBorder: hl_low
SliderThumbRangeArrow: black
//
// Parameter - Textbox
//
-TextboxBG: bg_low // python shell shadow
+TextboxBG: text_box // python shell shadow
TextboxInvalidBG: 0.95 0.56 0.56
TextboxBorderPrimary: bg_high
TextboxBorderHighlight: bg_high
-TextboxBorderStippled: selection
-TextboxBorderKeyFocus: selection
+TextboxBorderStippled: hl_high
+TextboxBorderKeyFocus: hl_high
TextboxError: error
TextboxGutter: bg_high
TextboxDropMarker: hsv 238 0.40 0.88
TextboxFeedbackFG: grey(0.5)
TextboxFeedbackBG: unknown
-SelectedTextFG: grey(0.5)
-SelectedTextBG: #ffff00 // selection, cursor
+SelectedTextFG: white
+SelectedTextBG: text_highlight // selection, cursor
SelectedTextDisabledBG: grey(0.3)
TextboxLineNumberBG: bg_low
TextboxLineNumberFG: text
@@ -556,23 +556,23 @@ TextboxLineNumberFG: text
// Path gadget
//
-PathGadgetArrow1: grey(0.5)
-PathGadgetArrow2: grey(0.5)
-PathGadgetArrow3: grey(0.5)
+PathGadgetArrow1: arrow // grey(0.5)
+PathGadgetArrow2: arrow // grey(0.5)
+PathGadgetArrow3: arrow // grey(0.5)
PathGadgetArrow1Selected: arrow
PathGadgetArrow2Selected: arrow
PathGadgetArrow3Selected: arrow
PathGadgetPrimaryBorder: bg_high
PathGadgetSecondaryBorder: bg_low
-PathGadgetPrimaryBorderSelected: selection
-PathGadgetSecondaryBorderSelected: selection
+PathGadgetPrimaryBorderSelected: hl_high
+PathGadgetSecondaryBorderSelected: hl_low
PathGadgetBevel: bg_high
-PathGadgetBevelSelected: selection
+PathGadgetBevelSelected: hl_high
PathGadgetText: text
PathGadgetGradHi: bg_high
PathGadgetGradLow: bg_low
-PathGadgetGradHiSelected: selection
-PathGadgetGradLowSelected: selection
+PathGadgetGradHiSelected: hl_high
+PathGadgetGradLowSelected: hl_low
PathGadgetHistoryButtonBevel: bg_high
PathGadgetHistoryButtonBevelSelected: selection
@@ -765,8 +765,8 @@ ScrollbarWellShadowBlend33: bg_low
ScrollbarThumbTopBorder: separator
ScrollbarThumbBottomBorder: separator
ScrollbarThumbBevel: separator
-ScrollbarThumbGrippyBase: selection
-ScrollbarThumbGrippyEdge: selection
+ScrollbarThumbGrippyBase: arrow
+ScrollbarThumbGrippyEdge: arrow
ScrollbarButtonTopBorder: separator
ScrollbarButtonBottomBorder: separator
ScrollbarButtonBetweenBorder: bg_low
@@ -806,11 +806,11 @@ SIMAlmostMutualColor: 0.70 0.70 0.10
//
SplitBarBackground: separator
-SplitBarEdgeColor: selection // grabber
-SplitBarLightColor: bg_low // also: minimized stowbar line
+SplitBarEdgeColor: hl_high // grabber
+SplitBarLightColor: separator // also: minimized stowbar line
SplitBarDarkColor: separator
SplitBarPaneOutline: bg_low // ?
-SplitBarGrippyColor: selection // grabber
+SplitBarGrippyColor: hl_high // grabber
SplitBarHighlight: selection
// SplitBarBackground + SplitBarHighlight*0.2
SplitBarHighlight2: 0.432 0.392 0.313
diff --git a/config/UIDark_unused.inc b/config/UIDark_unused.inc
index da867ab..50c87e0 100644
--- a/config/UIDark_unused.inc
+++ b/config/UIDark_unused.inc
@@ -160,7 +160,7 @@ NetworkWireActive: hsv 45 0.6 0.55
NetworkWireActiveLight: hsv 45 0.65 0.8
NetworkWireHighlight: 1.0 1.0 0.0
NetworkWireShadow: black
-NetworkWireExtraNormal: hsv 160 0.6 0.55
+NetworkWireExtraNormal: red//hsv 160 0.6 0.55
NetworkWireExtraActive: hsv 0 0.6 0.55
NetworkWireExtraActiveLight: hsv 0 0.65 0.8
NetworkWireIKNormal: hsv 240 0.6 0.55
diff --git a/config/hc_colors.inc b/config/hc_colors.inc
index 86532d8..74aefa2 100644
--- a/config/hc_colors.inc
+++ b/config/hc_colors.inc
@@ -26,24 +26,43 @@
//
#define bg_high #1E2221
-#define bg_medium #262626
+#define bg_medium #203030
#define bg_low #1E1E1F
#define bg_graph #1E2221
+#define button #404040
+#define button_high #202828
+#define button_low bg_high
+
+#define hl_high #609090
+#define hl_low #205050
+#define hl_menu #556666
+
#define selection #bbbbff
#define border #609090
#define disabled grey(0.2)
-#define button #404040
-
#define bevel_high grey(0.52)
#define bevel_low black
-#define separator #363738
+#define separator #203030
#define error 1 0 0
#define text #ACDAD5
#define text_dim grey(0.5)
+#define text_box #304040
+#define text_highlight hl_high
+
+#define arrow #609090
+#define arrow_dim text_dim
+
+#define graph_wire hl_high
+#define graph_wire_unused #ff0000
+#define graph_node_connector hl_high
+#define graph_node_current hl_high
+#define graph_node_current_non_selected #30a090
+#define graph_node_selected #c0c0c0
+#define graph_node_flag #303030
//
// Old variables
@@ -60,7 +79,6 @@
#define unknown 1 0 1
#define dark grey(0.2)
-#define arrow grey(0.5)
#define shadow1_5 grey(0.699)
#define shadow2 grey(0.63)
@@ -79,7 +97,6 @@
#define empty dark_base
-#define text_highlight grey(0.9)
#define edit_bg grey(0.075) // Textbox bg
#define edit_bg_highlight grey(0.18) // Textbox border