diff options
Diffstat (limited to 'src/styles/_constants-snow.scss')
-rw-r--r-- | src/styles/_constants-snow.scss | 30 |
1 files changed, 24 insertions, 6 deletions
diff --git a/src/styles/_constants-snow.scss b/src/styles/_constants-snow.scss index f40fea3cd..1e88d4928 100644 --- a/src/styles/_constants-snow.scss +++ b/src/styles/_constants-snow.scss @@ -1,5 +1,5 @@ /***************************************************************************** - * Open MCT, Copyright (c) 2014-2021, United States Government + * Open MCT, Copyright (c) 2014-2022, United States Government * as represented by the Administrator of the National Aeronautics and Space * Administration. All rights reserved. * @@ -178,11 +178,10 @@ $editFrameColor: $browseFrameColor; // Solid or dotted border applied to non-sel $editFrameBorder: 1px dotted $editFrameColor; $editFrameColorHov: $editUIColor; // Solid border hover on frames; hover should not be applied to selected objects $editFrameBorderHov: 1px solid $editFrameColorHov; // Hover on selectable frames -$editFrameColorSelected: #333; // Border of selected frames +$editFrameColorSelected: #ff7c00; // Border of selected frames $editFrameColorHandleBg: $colorBodyBg; // Resize handle 'offset' color to make handle standout $editFrameColorHandleFg: $editFrameColorSelected; // Resize handle main color $editFrameSelectedShdw: rgba(black, 0.5) 0 1px 5px 2px; -$editFrameSelectedBorder: 1px dashed $editFrameColorSelected; // Selected frame element $editFrameMovebarColorBg: $editFrameColor; // Movebar bg color $editFrameMovebarColorFg: pullForward($editFrameMovebarColorBg, 20%); // Grippy lines, container size text $editFrameHovMovebarColorBg: pullForward($editFrameMovebarColorBg, 10%); // Hover style @@ -191,6 +190,7 @@ $editFrameSelectedMovebarColorBg: pullForward($editFrameMovebarColorBg, 15%); // $editFrameSelectedMovebarColorFg: pullForward($editFrameMovebarColorFg, 15%); $editFrameMovebarH: 10px; // Height of move bar in layout frame $editMarqueeBorder: 1px dashed $editFrameColorSelected; +$editFrameSelectedBorder: 1px dashed $editMarqueeBorder; // Selected frame element // Icons $colorIconAlias: #4af6f3; @@ -245,7 +245,8 @@ $colorMenuHovBg: $colorMenuIc; $colorMenuHovFg: $colorMenuBg; $colorMenuHovIc: $colorMenuBg; $colorMenuElementHilite: darken($colorMenuBg, 10%); -$shdwMenu: rgba(black, 0.5) 0 1px 5px; +$shdwMenu: rgba(black, 0.8) 0 2px 10px; +$shdwMenuInner: none; $shdwMenuText: none; $menuItemPad: $interiorMargin, floor($interiorMargin * 1.25); @@ -269,7 +270,6 @@ $colorFormSectionHeaderBg: rgba(#000, 0.05); $colorFormSectionHeaderFg: rgba($colorBodyFg, 0.5); $colorInputBg: $colorGenBg; $colorInputFg: $colorBodyFg; -$colorInputPlaceholder: pushBack($colorBodyFg, 20%); $colorFormText: pushBack($colorBodyFg, 10%); $colorInputIcon: pushBack($colorBodyFg, 25%); $colorFieldHint: pullForward($colorBodyFg, 40%); @@ -345,7 +345,7 @@ $shdwItemText: none; $colorTabBorder: pullForward($colorBodyBg, 10%); $colorTabBodyBg: $colorBodyBg; $colorTabBodyFg: pullForward($colorBodyFg, 20%); -$colorTabHeaderBg: rgba($colorBodyFg, 0.2); +$colorTabHeaderBg: #e2e2e2; $colorTabHeaderFg: $colorBodyFg; $colorTabHeaderBorder: $colorBodyBg; $colorTabGroupHeaderBg: pullForward($colorBodyBg, 5%); @@ -366,6 +366,24 @@ $legendHoverValueBg: rgba($colorBodyFg, 0.2); $legendTableHeadBg: rgba($colorBodyFg, 0.15); $colorPlotLimitLineBg: rgba($colorBodyBg, 0.4); +// Gauges +$colorGaugeBg: pullForward($colorBodyBg, 20%); // Gauge radial area background, meter background +$colorGaugeValue: rgba(#000, 0.3); // Gauge value graphic (radial sweep, bar) color +$colorGaugeTextValue: pullForward($colorBodyFg, 20%); // Radial gauge text value +$colorGaugeMeterTextValue: $colorGaugeTextValue; // Meter text value, overlaid on value bar +$colorGaugeRange: $colorBodyFg; // Range text color +$colorGaugeLimitHigh: rgba($colorLimitRedBg, 0.2); +$colorGaugeLimitLow: $colorGaugeLimitHigh; +$transitionTimeGauge: 150ms; // CSS transition time used to smooth needle gauge and meter value transitions +$marginGaugeMeterValue: 10%; // Margin between meter value bar and bounds edges +// Time Strip and Lists +$colorCurrentBg: rgba($colorStatusAlert, 0.3); +$colorCurrentFg: pullForward($colorBodyFg, 20%); +$colorCurrentBorder: #fff; +$colorFutureBg: rgba($colorKey, 0.2); +$colorFutureFg: $colorCurrentFg; +$colorFutureBorder: $colorCurrentBorder; + // Tree $colorTreeBg: transparent; $colorItemTreeHoverBg: rgba(black, 0.07); |