github-mirror/fish-shell
github-mirror/fish-shell
2
0
Fork 0
mirror of https://github.com/fish-shell/fish-shell.git synced 2025-03-15 23:22:53 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Tweak language and styling of background color text in fish_config

Browse Source
This commit is contained in:
ridiculousfish 2016-01-14 23:16:34 -08:00
parent a77ce393ba
commit d7f38a0802
1 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
share/tools/web_config/partials/colors.html
View File

@ -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)">