Tweak language and styling of background color text in fish_config

1 files changed, 22 insertions, 22 deletions

diff --git a/share/tools/web_config/partials/colors.html b/share/tools/web_config/partials/colors.html
index 5edc7b70..69f055fb 100644
--- a/share/tools/web_config/partials/colors.html
+++ b/share/tools/web_config/partials/colors.html
@@ -5,10 +5,10 @@ fish cannot change the background color of your terminal and it will not be save
     <div class="colorpicker_text_sample" ng-style="{'background-color': terminalBackgroundColor}">
         <span style="position: absolute; left: 10px; top: 3px;" data-ng-style="{'color': text_color_for_color(terminalBackgroundColor || 'white')}">{{ selectedColorScheme.name }}</span><br>
         <div class="color_picker_background_cells">
-	        <span data-ng-style="{'color': text_color_for_color(terminalBackgroundColor || 'white')}">Background Color (illustration only): </span>
+	        <span style="display: block; text-align: right; line-height: 110%" data-ng-style="{'color': text_color_for_color(terminalBackgroundColor || 'white')}">Background Color:<br />(demo only)&nbsp;</span>
             <div ng-style="{'background-color': color}" ng-repeat="color in sampleTerminalBackgroundColors" ng-click="changeTerminalBackgroundColor(color)"  title="Preview with this background color.
-            
-fish cannot change the background color of your terminal. Refer to your terminal documentation to set its background color."></div>
+
+fish cannot change the background color of your terminal. Refer to your terminal settings to set its background color."></div>
         </div>
         <!-- This is the sample text -->
         <span ng-class="{cs_clickable: customizationActive, cs_editing: csEditingType == 'command'}"
@@ -16,7 +16,7 @@ fish cannot change the background color of your terminal. Refer to your terminal
         	  ng-mouseleave="csHoveredType = false"
               data-ng-style="{ 'color': selectedColorScheme.command}"
               ng-click="selectColorSetting('command')">/bright/vixens</span>
-        
+
         <span ng-class="{cs_clickable: customizationActive, cs_editing: csEditingType == 'param'}"
         	  ng-mouseenter="csHoveredType = 'param'"
         	  ng-mouseleave="csHoveredType = false"
@@ -28,60 +28,60 @@ fish cannot change the background color of your terminal. Refer to your terminal
         	  ng-mouseleave="csHoveredType = false"
               data-ng-style="{ 'color': selectedColorScheme.end}"
               ng-click="selectColorSetting('end')">|</span>
-              
+
         <span ng-class="{cs_clickable: customizationActive, cs_editing: csEditingType == 'command'}"
         	  ng-mouseenter="csHoveredType = 'command'"
         	  ng-mouseleave="csHoveredType = false"
               data-ng-style="{ 'color': selectedColorScheme.command}"
               ng-click="selectColorSetting('command')">dozy</span>
-    	
+
         <span ng-class="{cs_clickable: customizationActive, cs_editing: csEditingType == 'quote'}"
         	  ng-mouseenter="csHoveredType = 'quote'"
         	  ng-mouseleave="csHoveredType = false"
               data-ng-style="{ 'color': selectedColorScheme.quote}"
               ng-click="selectColorSetting('quote')"> "fowl"</span>
-        
+
         <span ng-class="{cs_clickable: customizationActive, cs_editing: csEditingType == 'redirection'}"
         	  ng-mouseenter="csHoveredType = 'redirection'"
         	  ng-mouseleave="csHoveredType = false"
               data-ng-style="{ 'color': selectedColorScheme.redirection}"
               ng-click="selectColorSetting('redirection')">&gt; quack</span>
-        
+
         <span ng-class="{cs_clickable: customizationActive, cs_editing: csEditingType == 'end'}"
         	  ng-mouseenter="csHoveredType = 'end'"
         	  ng-mouseleave="csHoveredType = false"
               data-ng-style="{ 'color': selectedColorScheme.end}"
               ng-click="selectColorSetting('end')">&</span>
-              
+
         <br>
-        
+
         <span ng-class="{cs_clickable: customizationActive, cs_editing: csEditingType == 'command'}"
         	  ng-mouseenter="csHoveredType = 'command'"
         	  ng-mouseleave="csHoveredType = false"
               data-ng-style="{ 'color': selectedColorScheme.command}"
               ng-click="selectColorSetting('command')">echo</span>
-        
+
         <span ng-class="{cs_clickable: customizationActive, cs_editing: csEditingType == 'error'}"
         	  ng-mouseenter="csHoveredType = 'error'"
         	  ng-mouseleave="csHoveredType = false"
               data-ng-style="{ 'color': selectedColorScheme.error}"
               ng-click="selectColorSetting('error')">'Errors are the portals to discovery</span>
-    	
+
         <br>
-        
+
         <span ng-class="{cs_clickable: customizationActive, cs_editing: csEditingType == 'comment'}"
         	  ng-mouseenter="csHoveredType = 'comment'"
         	  ng-mouseleave="csHoveredType = false"
         	  data-ng-style="{ 'color': selectedColorScheme.comment}"
         	  ng-click="selectColorSetting('comment')"># This is a comment</span>
-        
+
         <br>
-        
+
         <span ng-class="{cs_clickable: customizationActive, cs_editing: csEditingType == 'command'}"
         	  ng-mouseenter="csHoveredType = 'command'"
         	  ng-mouseleave="csHoveredType = false"
               data-ng-style="{ 'color': selectedColorScheme.command}"
-              ng-click="selectColorSetting('command')">Th</span><span 
+              ng-click="selectColorSetting('command')">Th</span><span
               class="fake_cursor"><span style="visibility: hidden">i</span></span><span
               ng-class="{cs_clickable: customizationActive, cs_editing: csEditingType == 'autosuggestion'}"
         	  ng-mouseenter="csHoveredType = 'autosuggestion'"
@@ -91,12 +91,12 @@ fish cannot change the background color of your terminal. Refer to your terminal
 
 
 		<div style="position: absolute; right: 5px; bottom: 5px;">
-		
+
 			<span class="customize_theme_button"
 				  ng-class="{button_highlight: customizationActive}"
 				  data-ng-style="{'color': text_color_for_color(terminalBackgroundColor || 'white')}"
 				  ng-click="toggleCustomizationActive();">Customize</span>
-			  
+
 			<span class="save_button"
 				  data-ng-style="{'color': text_color_for_color(terminalBackgroundColor || 'white')}"
 				  ng-show="showSaveButton"
@@ -104,12 +104,12 @@ fish cannot change the background color of your terminal. Refer to your terminal
 		</div>
 
     </div>
-            
+
     <div ng-show="customizationActive">
 		<div style="margin: 10px 0 7px 35px;">Choose a color for {{csUserVisibleTitle}}:</div>
 		<table class="colorpicker_term256" style="margin: 0px 20px;">
 			<tbody>
-				<tr class="colorpicker_term256_row" data-ng-repeat="color_array in colorArraysArray"> 
+				<tr class="colorpicker_term256_row" data-ng-repeat="color_array in colorArraysArray">
 					<td class="colorpicker_term256_cell" data-ng-style="{'background-color': color, 'color': color}" ng-click="changeSelectedTextColor(color)" ng-repeat="color in color_array">
 						<div class="colorpicker_term256_selection_indicator" ng-show="selectedColorScheme[selectedColorSetting] == color" ng-style="{'border-color': border_color_for_color(color)}"</div>
 					</td>
@@ -118,9 +118,9 @@ fish cannot change the background color of your terminal. Refer to your terminal
 			<!-- /ko -->
 		</table>
 	</div>
-    
+
     <div style="margin: 10px 0 7px 35px;">Preview a theme below:</div>
-    
+
     <div class="color_scheme_choices_scrollview">
 		<div class="color_scheme_choices_list">
 			<div class="color_scheme_choice_container" data-ng-repeat="colorScheme in colorSchemes" ng-click="changeSelectedColorScheme(colorScheme)">