[theme] consistent style parameter names for input checkboxes

src/vs/base/browser/ui/checkbox/checkbox.ts

@@ -23,11 +23,11 @@ export interface ICheckboxOpts extends ICheckboxStyles {
 }
 
 export interface ICheckboxStyles {
-	inputActiveOptionBorderColor?: Color;
+	inputActiveOptionBorder?: Color;
 }
 
 const defaultOpts = {
-	inputActiveOptionBorderColor: Color.fromHex('#007ACC')
+	inputActiveOptionBorder: Color.fromHex('#007ACC')
 };
 
 export class Checkbox extends Widget {
@@ -97,15 +97,15 @@ export class Checkbox extends Widget {
 	}
 
 	public style(styles: ICheckboxStyles) {
-		if (styles.inputActiveOptionBorderColor) {
-			this._opts.inputActiveOptionBorderColor = styles.inputActiveOptionBorderColor;
+		if (styles.inputActiveOptionBorder) {
+			this._opts.inputActiveOptionBorder = styles.inputActiveOptionBorder;
 		}
 		this._applyStyles();
 	}
 
 	protected _applyStyles() {
 		if (this.domNode) {
-			this.domNode.style.borderColor = this._checked && this._opts.inputActiveOptionBorderColor ? this._opts.inputActiveOptionBorderColor.toString() : null;
+			this.domNode.style.borderColor = this._checked && this._opts.inputActiveOptionBorder ? this._opts.inputActiveOptionBorder.toString() : null;
 		}
 	}
 

src/vs/base/browser/ui/findinput/findInput.ts

@@ -157,7 +157,7 @@ export class FindInput extends Widget {
 	protected _applyStyles() {
 		if (this.domNode) {
 			const checkBoxStyles: ICheckboxStyles = {
-				inputActiveOptionBorderColor: this.inputActiveOptionBorder,
+				inputActiveOptionBorder: this.inputActiveOptionBorder,
 			};
 			this.regex.style(checkBoxStyles);
 			this.wholeWords.style(checkBoxStyles);
@@ -249,7 +249,7 @@ export class FindInput extends Widget {
 				this.setInputWidth();
 				this.validate();
 			},
-			inputActiveOptionBorderColor: this.inputActiveOptionBorder
+			inputActiveOptionBorder: this.inputActiveOptionBorder
 		}));
 		this.wholeWords = this._register(new WholeWordsCheckbox({
 			appendTitle: appendWholeWordsLabel,
@@ -262,7 +262,7 @@ export class FindInput extends Widget {
 				this.setInputWidth();
 				this.validate();
 			},
-			inputActiveOptionBorderColor: this.inputActiveOptionBorder
+			inputActiveOptionBorder: this.inputActiveOptionBorder
 		}));
 		this.caseSensitive = this._register(new CaseSensitiveCheckbox({
 			appendTitle: appendCaseSensitiveLabel,
@@ -278,7 +278,7 @@ export class FindInput extends Widget {
 			onKeyDown: (e) => {
 				this._onCaseSensitiveKeyDown.fire(e);
 			},
-			inputActiveOptionBorderColor: this.inputActiveOptionBorder
+			inputActiveOptionBorder: this.inputActiveOptionBorder
 		}));
 
 		// Arrow-Key support to navigate between options

src/vs/base/browser/ui/findinput/findInputCheckboxes.ts

@@ -16,7 +16,7 @@ export interface IFindInputCheckboxOpts {
 	isChecked: boolean;
 	onChange: (viaKeyboard: boolean) => void;
 	onKeyDown?: (e: IKeyboardEvent) => void;
-	inputActiveOptionBorderColor?: Color;
+	inputActiveOptionBorder?: Color;
 }
 
 const NLS_CASE_SENSITIVE_CHECKBOX_LABEL = nls.localize('caseDescription', "Match Case");
@@ -31,7 +31,7 @@ export class CaseSensitiveCheckbox extends Checkbox {
 			isChecked: opts.isChecked,
 			onChange: opts.onChange,
 			onKeyDown: opts.onKeyDown,
-			inputActiveOptionBorderColor: opts.inputActiveOptionBorderColor
+			inputActiveOptionBorder: opts.inputActiveOptionBorder
 		});
 	}
 }
@@ -44,7 +44,7 @@ export class WholeWordsCheckbox extends Checkbox {
 			isChecked: opts.isChecked,
 			onChange: opts.onChange,
 			onKeyDown: opts.onKeyDown,
-			inputActiveOptionBorderColor: opts.inputActiveOptionBorderColor
+			inputActiveOptionBorder: opts.inputActiveOptionBorder
 		});
 	}
 }
@@ -57,7 +57,7 @@ export class RegexCheckbox extends Checkbox {
 			isChecked: opts.isChecked,
 			onChange: opts.onChange,
 			onKeyDown: opts.onKeyDown,
-			inputActiveOptionBorderColor: opts.inputActiveOptionBorderColor
+			inputActiveOptionBorder: opts.inputActiveOptionBorder
 		});
 	}
 }